/* RecordHeader styles. Shipped as a plain static web asset (not CSS isolation) so the header is styled wherever the module is registered — no host CSS-isolation link required. Injected into by LlamachantFrameworkBlazorUITagHelper. */ .record-header { display: flex; align-items: center; gap: 1rem; padding: 0.5rem 0.25rem; } .record-header-avatar { flex: 0 0 auto; width: 3.25rem; height: 3.25rem; border-radius: 0.75rem; /* Follow the active DevExpress (Fluent) theme; fall back to a neutral tint. */ /*background: color-mix(in srgb, var(--dxds-color-content-primary-default-rest, #5a6b7a) 14%, transparent); color: var(--dxds-color-content-primary-default-rest, #5a6b7a);*/ display: flex; align-items: center; justify-content: center; } .record-header-icon { width: 28px; height: 28px; object-fit: contain; } .record-header-type { font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--dxds-color-content-neutral-subdued-rest, var(--bs-secondary-color, #6c6c6c)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .record-header-initials { font-size: 1.1rem; font-weight: 600; letter-spacing: 0.02em; } .record-header-body { display: flex; flex-direction: column; min-width: 0; } .record-header-name { font-size: 1.6rem; font-weight: 700; line-height: 1.2; /* Follow the active theme (adapts to dark mode); fall back to inherited text color. */ color: var(--dxds-color-content-neutral-default-rest, var(--bs-body-color, currentColor)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .record-header-subtitle { font-size: 0.9rem; color: var(--dxds-color-content-neutral-subdued-rest, var(--bs-secondary-color, #6c6c6c)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }