/* Five compact surfaces, one expressive visual family. No decorative spacer rows. */
.card-illustration { display:inline-flex; width:72px; height:62px; flex:none; color:var(--md-primary); pointer-events:none; }
.card-illustration svg { display:block; width:100%; height:100%; overflow:visible; }
.card-art-backdrop { fill:var(--md-primary-container); }
.card-art-orbit { fill:var(--md-accent); }
.card-art-detail { stroke:var(--md-on-accent); }
.card-heading-art { display:inline-flex; margin-left:auto; width:60px; height:46px; pointer-events:none; }
.card-heading-art .card-illustration { width:60px; height:46px; }
.card-meter { display:block; height:6px; border-radius:8px; overflow:hidden; background:var(--md-surface-high); }
.card-meter>span { display:block; width:100%; height:100%; transform-origin:left; background:var(--md-primary); border-radius:inherit; }
.card-meter.is-unknown>span { width:100%; background:repeating-linear-gradient(110deg,transparent 0 5px,var(--md-outline) 5px 7px); }
html[data-m3e-theme] .home-metric-panel { position:relative; isolation:isolate; background:var(--m3e-surface); border:1px solid var(--md-surface-high); }
html[data-m3e-theme] .home-metric-panel>header { min-height:44px; }
html[data-m3e-theme] .home-metric-panel>header>.m3e-symbol { display:none; }
.home-metric-panel .card-heading-art { width:52px; height:44px; }
.home-metric-panel .card-heading-art .card-illustration { width:52px; height:44px; }
.home-metric-panel.quality-timely { border-radius:24px 24px 10px 24px; }
.home-metric-panel.quality-standard { border-radius:24px 10px 24px 24px; }
.home-metric-panel .home-metric-value { color:var(--md-on-primary-container); font-weight:750; }
.home-metric-panel .card-meter-slot { margin:0 0 4px; }
.home-metric-panel.quality-standard .card-art-backdrop { fill:var(--md-accent); }
.home-metric-panel.quality-standard .card-art-detail { stroke:var(--md-primary); }
.home-fact-rows>div[data-attention=true] { color:var(--work-below-ink); background:var(--work-below-bg); border-radius:8px; padding:3px 5px; }
.home-fact-rows>div[data-attention=true] dt { color:inherit; }
.home-metric-panel>a { border-top:1px solid var(--md-surface-high); }
.person-card-main .card-illustration { width:86px; height:74px; }
.person-card-main .card-art-backdrop { fill:var(--m3e-surface); fill-opacity:.55; }
.person-card-main .card-art-orbit { fill:currentColor; fill-opacity:.1; }
.person-card-main .card-art-detail { stroke:currentColor; }
.person-card-main .card-illustration { color:inherit; }
.person-card-quality>span { min-width:0; flex:1; }
.person-card-quality .card-meter { height:3px; margin-top:4px; }
#registrationRoutes .person-card .card-illustration { width:86px; }
#registrationRoutes .person-card .card-meter,#registrationRoutes .person-card .card-meter>span { width:100%; }
.registration-device-list header>.card-illustration { width:40px; height:38px; }
.registration-device-list header { align-items:center; }
.registration-trip-list header>.card-illustration { width:46px; height:40px; }
.registration-trip-list header { display:flex; align-items:center; gap:8px; }
.registration-trip-list header>div { min-width:0; flex:1; }
.registration-facts { align-items:stretch; }
.registration-facts>div { padding:12px; border-radius:18px; background:var(--m3e-surface); }
.registration-facts .card-meter { margin-top:8px; }
.registration-help>summary { font-weight:600; }
html[data-m3e-theme] #moduleViewWorkbench .mobile-person-summary { position:relative; border-radius:20px; background:var(--md-surface-container); }
.hours-person-visual { display:flex; align-items:center; gap:6px; min-width:0; }
.hours-person-visual>.card-illustration { width:42px; height:40px; }
.hours-person-visual>.mobile-person-identity { min-width:0; }
.hours-state-band { display:flex; width:100%; gap:3px; height:6px; overflow:hidden; border-radius:8px; }
.hours-state-band>i { flex:var(--segment) 1 0; background:var(--md-outline); border-radius:3px; }
.hours-state-band>.is-leading { background:var(--md-primary); }
.hours-state-band>.is-below { background:var(--work-below-bg); box-shadow:inset 0 0 0 1px var(--work-red); }
.hours-state-band>.is-low { background:var(--work-red); }
.mobile-person-summary>.hours-state-band { grid-column:1/-1; }
.mobile-person-card[open] .mobile-person-summary { border-radius:20px 20px 8px 8px; }
html[data-m3e-theme] #moduleViewWorkbench .mobile-hour-detail { box-shadow:none; }
html[data-m3e-theme] #moduleViewWorkbench .mobile-hour-detail .mobile-hour-heading strong { padding:2px 6px; border-radius:8px; background:color-mix(in srgb,currentColor 8%,transparent); }
html[data-m3e-module] body.ticket-page .tn-overview .tn-region-heading { min-height:48px; align-items:center; }
html[data-m3e-module] body.ticket-page .tn-overview .tn-region-heading>.ph { display:none; }
html[data-m3e-module] body.ticket-page .tn-bulletin-panel { background:var(--md-accent); color:var(--md-on-accent); }
html[data-m3e-module] body.ticket-page .tn-bulletin-panel .tn-region-support { color:var(--md-on-accent); }
html[data-m3e-module] body.ticket-page .tn-overview-row { grid-template-columns:34px minmax(0,1fr) auto; background:var(--m3e-surface); }
html[data-m3e-module] body.ticket-page .tn-overview-row>.card-illustration { grid-column:1; grid-row:1/3; width:32px; height:34px; align-self:center; }
html[data-m3e-module] body.ticket-page .tn-overview-row>strong { grid-column:2; }
html[data-m3e-module] body.ticket-page .tn-overview-row>small { grid-column:2; }
html[data-m3e-module] body.ticket-page .tn-overview-row>.ph { grid-column:3; }
html[data-m3e-module] body.ticket-page .tn-overview-row.is-unread { border-inline-start:3px solid var(--md-primary); }
html[data-m3e-module] body.ticket-page .work-card-icon { width:36px; height:38px; border-radius:14px 14px 5px 14px; background:var(--md-primary-container); }
html[data-m3e-module] body.ticket-page .work-card-icon .card-illustration { width:34px; height:34px; }
html[data-m3e-module] body.ticket-page .work-card-icon.is-appointment { background:var(--md-accent); }
html[data-m3e-module] body.ticket-page .work-card:not(.is-read) .work-card-topline strong { color:var(--md-on-primary-container); }
html[data-m3e-module] body.ticket-page .ticket-priority-card .card-illustration { width:36px; height:32px; color:var(--md-on-primary); }
html[data-m3e-module] body.ticket-page .ticket-priority-card .card-art-backdrop { fill:currentColor; fill-opacity:.15; }
html[data-m3e-module] body.ticket-page .ticket-priority-card .card-art-orbit { fill:var(--md-accent); }
html[data-m3e-module] body.ticket-page .ticket-priority-card .card-art-detail { stroke:var(--md-accent); }
html[data-m3e-module] body.ticket-page .ticket-priority-card .ticket-empty-state { display:grid; grid-template-columns:36px minmax(0,1fr); text-align:left; align-items:center; column-gap:8px; }
html[data-m3e-module] body.ticket-page .ticket-priority-card .ticket-empty-state>span:last-child { grid-column:2; }
html[data-m3e-module] body.ticket-page .ticket-card-title>.card-illustration { width:34px; height:32px; }
html[data-m3e-module] body.ticket-page .ticket-card { border-inline-start:3px solid var(--md-primary); padding-inline:10px; border-radius:14px; }
html[data-m3e-module] body.ticket-page .ticket-card-state { background:var(--md-primary-container); color:var(--md-on-primary-container); border:0; }
html[data-m3e-module] body.ticket-page .ticket-card-deadline { color:var(--md-muted); }
html[data-m3e-module] body.ticket-page .ticket-card-deadline.is-overdue { color:var(--work-below-ink); background:var(--work-below-bg); padding:4px 6px; border-radius:8px; }
html[data-m3e-module] body.ticket-page .ticket-card-deadline.is-overdue strong { color:inherit; }
html[data-m3e-module] body.ticket-page .ticket-status-card[aria-pressed=true] { background:var(--md-primary); color:var(--md-on-primary); border-color:transparent; }
html[data-m3e-module] body.ticket-page .ticket-status-card[aria-pressed=true] :is(.ticket-status-label,.ticket-status-count) { color:inherit; }
@media(max-width:759px) {
 .person-card-main .card-illustration { width:44px; height:48px; max-width:30%; }
 #registrationRoutes .person-card .card-illustration { width:44px; }
 .home-metric-panel .card-heading-art,.home-metric-panel .card-heading-art .card-illustration { width:34px; height:34px; }
 html[data-m3e-theme] .home-metric-panel>header { min-height:34px; }
 .home-metric-panel .home-metric-value { letter-spacing:-1px; }
 .person-card-quality>span { position:relative; padding-bottom:6px; }
 .person-card-quality .card-meter { position:absolute; inset:auto 0 0; }
 .hours-person-visual>.card-illustration { width:32px; height:36px; }
 html[data-m3e-theme] #moduleViewWorkbench .mobile-person-summary .matrix-shift-badge { display:none; }
 html[data-m3e-theme] #moduleViewWorkbench .mobile-person-summary .mobile-person-identity { gap:3px 5px; }
 .registration-facts>div { padding:10px; }
 html[data-m3e-module] body.ticket-page .ticket-card-title { gap:3px 6px; }
 html[data-m3e-module] body.ticket-page .ticket-card-title>.card-illustration { width:28px; height:28px; }
 html[data-m3e-module] body.ticket-page .tn-overview-row { gap:2px 6px; padding:8px; }
}
@media(prefers-reduced-motion:reduce) {
 .card-illustration,.card-meter>span,.hours-state-band { animation:none!important; transition:none!important; }
}