:root {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  --surface-base: #06080D;
  --surface-card: #0E131D;
  --surface-elevated: #192232;
  --surface-active: #2A3850;
  --surface-overlay: #05070C;
  --surface-field: #090E15;
  --text-primary: #F3F6F4;
  --text-secondary: #B2C0CD;
  --text-muted: #7E90A4;
  --border: #34425B;
  --border-subtle: #273347;
  --focus: #E2FF42;
  --danger: #FF8D74;
  --success: #9DDC96;
  --warning: #E5BF4B;
  --shadow-elevation: 0 18px 42px #0008;
  color: var(--text-primary); background: var(--surface-base);
}
* { box-sizing: border-box; }
body { position:relative; isolation:isolate; margin: 0; min-height: 100vh; background:radial-gradient(circle at 88% 0, #36527a2e 0, transparent 24rem), linear-gradient(180deg, #0B0F17 0%, var(--surface-base) 42rem); }
body::before { content:''; position:fixed; z-index:0; inset:0; pointer-events:none; opacity:.16; background-image:linear-gradient(135deg, transparent 0 49%, #91AFD10D 49.3% 50%, transparent 50.3%); background-size:92px 92px; mask-image:linear-gradient(to bottom, #000, transparent 68%); }
body::after { content:''; position:fixed; z-index:0; right:max(-64px, -6vw); top:92px; width:min(40vw, 430px); height:min(40vw, 430px); pointer-events:none; opacity:.055; background:url('../icons/xsteam-mark.svg') center / contain no-repeat; }
button, input, select, textarea { font: inherit; }
button { min-height: 44px; background: var(--focus); color: #101806; border: 1px solid var(--focus); border-radius: 10px; padding: 11px 16px; font-weight: 800; cursor: pointer; }
button.secondary { background: transparent; color: var(--text-primary); border-color: var(--border); }
button:disabled { opacity: .55; cursor: wait; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
h1, h2, p { margin-top: 0; } h1 { margin-bottom: 0; letter-spacing: -.03em; } p { line-height: 1.5; }
.app-header { position:relative; z-index:1; background:color-mix(in srgb, var(--surface-card) 88%, var(--surface-base)); border-bottom: 1px solid var(--border); padding: 24px max(20px, env(safe-area-inset-left)); display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.eyebrow { color: var(--focus); font-size: .72rem; letter-spacing: .12em; margin-bottom: 7px; font-weight: 800; }
main { position:relative; z-index:1; max-width: 760px; margin: auto; padding: 28px 20px 116px; }
.screen-title { display:flex; gap:16px; justify-content:space-between; align-items:flex-start; margin-bottom:22px; }
.screen-title p:not(.eyebrow), .muted { color: var(--text-secondary); }
.empty-state, .form-card, .person-card { background:linear-gradient(145deg, var(--surface-elevated), var(--surface-card) 62%); color: var(--text-primary); border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow-elevation); }
.empty-state { padding: 28px; }.list, .action-grid { display:grid; gap:10px; margin-top:14px; }
.person-card { text-align:left; padding: 16px; background:linear-gradient(145deg, var(--surface-elevated), var(--surface-card) 62%); }
.person-card:hover { background: var(--surface-active); border-color: #516788; }.person-card span { display:block; font-weight:400; font-size:.86rem; margin-top:4px; color:var(--text-secondary); }
.form-card { display:grid; gap:12px; padding:18px; }.form-card label { display:grid; gap:6px; font-weight:700; }.form-card input, .form-card select, .form-card textarea { color:var(--text-primary); background:var(--surface-field); padding:12px; border:1px solid var(--border); border-radius:9px; width:100%; }
.form-card textarea { min-height:88px; resize:vertical; }.form-card small { font-weight:400; color:var(--text-muted); }.form-card fieldset { border:0; padding:0; }
.session-summary { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 4px; }.state-chip { border-radius:999px; padding:6px 9px; font-size:.78rem; font-weight:800; }.green { background:#1f4b35; color:#cff3cb; }.yellow { background:#58460f; color:#fff0a1; }.gray, .neutral { background:#26322e; color:#d3ddd7; }
.test-card { border:1px solid var(--border)!important; border-left:6px solid #6a7a73!important; border-radius:12px!important; padding:0!important; overflow:hidden; background:#0c1714; }.test-card[data-state="green"] { border-left-color:#83cc82!important; }.test-card[data-state="yellow"] { border-left-color:#e4bf48!important; }.test-card summary { cursor:pointer; display:flex; justify-content:space-between; align-items:center; padding:14px; font-weight:800; list-style:none; }.test-card summary::-webkit-details-marker { display:none; }.test-card > :not(summary) { margin-inline:14px; }.test-card > label { display:grid; gap:6px; margin-bottom:9px; font-weight:700; }.test-card p { color:var(--text-secondary); font-size:.9rem; margin-bottom:9px; }.state-marker { width:11px; height:11px; border-radius:50%; background:#6a7a73; }.test-card[data-state="green"] .state-marker { background:#83cc82; }.test-card[data-state="yellow"] .state-marker { background:#e4bf48; }.result-caption { font-weight:700; }
.not-completed { display:flex!important; grid-template-columns:auto 1fr!important; }.check-option { display:flex!important; grid-template-columns:auto 1fr; padding:10px 0; border-bottom:1px solid var(--border); }.whatsapp-link { display:inline-block; text-decoration:none; background:#1c3c2e; color:#d8f4d3; padding:12px 15px; border-radius:9px; font-weight:700; }.form-message { min-height:1.25rem; color:var(--danger); font-weight:700; }
.selection-group { border:0; padding:0; margin:0; }.selection-group legend { font-weight:800; }.selection-summary { color:var(--text-secondary); font-size:.85rem; font-weight:700; margin:7px 0 10px; }.selection-list { display:grid; gap:8px; }.selection-card { position:relative; min-height:52px; display:flex!important; align-items:center; gap:12px; padding:13px 14px; border:1px solid var(--border); border-radius:12px; background:var(--surface-card); cursor:pointer; font-weight:800; }.selection-card:hover { background:var(--surface-active); border-color:#426258; }.selection-card:has(input:checked), .selection-card.is-selected { background:var(--surface-active); border-color:var(--focus); }.selection-input { appearance:none; position:absolute; inset:0; z-index:1; width:100%!important; height:100%; margin:0; padding:0!important; border:0!important; border-radius:12px!important; background:transparent!important; cursor:pointer; }.selection-input:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }.selection-control { width:22px; height:22px; flex:0 0 22px; display:grid; place-items:center; border:2px solid var(--text-muted); border-radius:7px; color:transparent; font-size:.82rem; font-weight:900; pointer-events:none; }.selection-input:checked + .selection-control { border-color:var(--focus); background:var(--focus); color:#101806; }.selection-toggle { position:relative; min-height:44px; display:flex!important; align-items:center; gap:10px; padding:8px 0; cursor:pointer; font-weight:800; }.selection-toggle > input { appearance:none; position:absolute; inset:0 auto 0 0; width:56px!important; height:44px; margin:0; padding:0!important; border:0!important; background:transparent!important; cursor:pointer; }.toggle-track { width:48px; height:28px; display:flex; align-items:center; padding:3px; border:1px solid var(--border); border-radius:999px; background:#0a1512; pointer-events:none; }.toggle-track > span { width:20px; height:20px; border-radius:50%; background:var(--text-muted); }.selection-toggle > input:checked + .toggle-track { background:var(--surface-active); border-color:var(--focus); }.selection-toggle > input:checked + .toggle-track > span { background:var(--focus); transform:translateX(20px); }.selection-toggle > input:focus-visible + .toggle-track { outline:3px solid var(--focus); outline-offset:3px; }.selection-card:has(.selection-input:checked) .selection-control { transform:scale(1); }.selection-card .selection-control { transform:scale(.82); }
.sync-dock { position:fixed; z-index:10; inset:auto 0 0; padding:10px max(16px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)); background:color-mix(in srgb, var(--surface-overlay) 94%, transparent); border-top:1px solid var(--border); backdrop-filter:blur(12px); }.sync-summary, .sync-details { max-width:720px; margin:auto; }.sync-summary { display:flex; align-items:center; gap:10px; }.sync-summary p { margin:2px 0 0; color:var(--text-secondary); font-size:.82rem; }.sync-indicator { width:10px; height:10px; border-radius:50%; background:var(--success); }.sync-indicator[data-phase="error"] { background:var(--danger); }.sync-indicator[data-phase="offline"], .sync-indicator[data-phase="pending"] { background:#e4bf48; }.sync-indicator[data-phase="sending"] { background:var(--focus); }.sync-retry { margin-left:auto; white-space:nowrap; }.sync-details { margin-top:10px; border:1px solid var(--border); border-radius:10px; background:var(--surface-active); padding:0 12px; }.sync-details summary { min-height:44px; display:flex; align-items:center; cursor:pointer; font-weight:800; }.sync-details ul { list-style:none; padding:0; margin:0 0 12px; }.sync-details li { display:grid; gap:3px; padding:10px 0; border-top:1px solid var(--border); }.sync-details span { color:var(--text-secondary); font-size:.84rem; }
@supports not selector(:has(*)) { .selection-card.is-selected { background:var(--surface-active); border-color:var(--focus); } }
@media (min-width: 700px) { .app-header { padding-inline: 12vw; } }.action-grid { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
@media (max-width: 480px) { .app-header, .screen-title, .sync-summary { align-items:stretch; flex-direction:column; }.screen-title > button, .sync-retry { width:100%; margin-left:0; }.app-header > button { width:100%; } main { padding-inline:16px; } }
@media (prefers-reduced-motion: no-preference) { .sync-dock, .sync-details { transition: opacity 200ms ease, transform 200ms ease; }.selection-control, .toggle-track > span { transition:transform 180ms ease, opacity 180ms ease; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

.app-header { align-items: center; }
.search-field { display:grid; gap:6px; color:var(--text-primary); font-weight:700; }.search-field input { width:100%; min-height:48px; color:var(--text-primary); background:#0a1512; border:1px solid var(--border); border-radius:10px; padding:12px; }.search-field input::placeholder { color:var(--text-muted); }
.brand-lockup { display:flex; align-items:center; gap:10px; min-width:0; }
.brand-lockup img { width:40px; height:40px; flex:0 0 40px; border-radius:12px; box-shadow:0 8px 22px #0007; }
.brand-lockup span { display:grid; gap:2px; line-height:1; }.brand-lockup strong { font-size:.9rem; letter-spacing:.1em; }.brand-lockup small { color:var(--text-secondary); font-size:.72rem; }
.xsteam-select { position:relative; display:grid; gap:6px; min-width:0; }.xsteam-select__label { font-weight:800; }.xsteam-select__trigger { width:100%; min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; color:var(--text-primary); background:#0a1512; border-color:var(--border); }.xsteam-select__trigger:hover, .xsteam-select__trigger[aria-expanded="true"] { background:var(--surface-active); border-color:#426258; }.xsteam-select__trigger[aria-expanded="true"] > [aria-hidden="true"] { transform:rotate(180deg); }.xsteam-select__trigger:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }.xsteam-select__layer[hidden] { display:none; }.xsteam-select__layer { position:absolute; z-index:20; inset:calc(100% + 8px) 0 auto; }.xsteam-select__backdrop { display:none; }.xsteam-select__options { display:grid; max-height:min(320px, 55vh); overflow:auto; padding:6px; border:1px solid var(--border); border-radius:14px; background:var(--surface-overlay); box-shadow:0 20px 45px #0009; }.xsteam-select__options button { width:100%; min-height:48px; display:flex; align-items:center; text-align:left; color:var(--text-primary); background:transparent; border:0; border-radius:9px; }.xsteam-select__options button:hover, .xsteam-select__options button:focus-visible { color:#101806; background:var(--focus); outline:0; }.xsteam-select__options button[aria-selected="true"] { background:var(--surface-active); box-shadow:inset 3px 0 var(--focus); }.xsteam-select__options button[aria-selected="true"]:hover, .xsteam-select__options button[aria-selected="true"]:focus-visible { background:var(--focus); }.xsteam-select__error { min-height:0; margin:0; color:var(--danger); font-size:.85rem; font-weight:700; }.xsteam-select__trigger[aria-invalid="true"] { border-color:var(--danger); }.person-card[data-assessment-id] { position:relative; padding-right:52px; }.person-card[data-assessment-id]::after { content:'›'; position:absolute; right:18px; top:50%; color:var(--focus); font-size:1.7rem; transform:translateY(-50%); }.person-card.is-loading { opacity:.72; }
@media (max-width: 600px) { .app-header { padding:14px max(16px, env(safe-area-inset-left)); }.app-header > button { min-height:48px; padding-inline:12px; }.xsteam-select__layer { position:fixed; z-index:40; inset:0; display:grid; align-items:end; padding:16px 0 0; }.xsteam-select__backdrop { position:absolute; inset:0; display:block; min-height:100%; border:0; border-radius:0; background:#020705b8; }.xsteam-select__options { position:relative; z-index:1; width:100%; max-height:min(70vh, 520px); padding:12px 16px calc(12px + env(safe-area-inset-bottom)); border-radius:20px 20px 0 0; background:var(--surface-overlay); box-shadow:0 -18px 40px #000a; }.xsteam-select__options button { min-height:52px; }.xsteam-select__options button[aria-selected="true"] { box-shadow:inset 3px 0 var(--focus); } }
@media (prefers-reduced-motion: no-preference) { .xsteam-select__layer, .xsteam-select__options, .xsteam-select__trigger > [aria-hidden="true"], .person-card.is-loading { transition:opacity 200ms ease, transform 200ms ease; } }

/* Central de atendimentos: hierarchy first, with no dashboard-only indicators. */
.attendance-hero { display:grid; gap:16px; margin:4px 0 24px; }
.attendance-hero > .eyebrow { margin-bottom:-8px; }
.attendance-hero__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.attendance-hero__heading h1 { margin-bottom:6px; }
.attendance-hero__heading p { margin-bottom:0; color:var(--text-secondary); }
.attendance-hero__heading > button { min-height:48px; white-space:nowrap; }
.attendance-hero__actions { display:flex; align-items:center; gap:10px; }
.icon-button { width:48px; min-width:48px; min-height:48px; padding:0; color:var(--text-secondary); background:transparent; border-color:var(--border); font-size:1.05rem; }
.icon-button:hover { color:var(--focus); border-color:#426258; background:var(--surface-active); }
.archived-drafts { display:grid; gap:10px; }
.archived-draft { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 16px; border:1px solid var(--border); border-radius:14px; background:var(--surface-card); }
.archived-draft > div { display:grid; gap:5px; min-width:0; }.archived-draft span { color:var(--text-secondary); font-size:.86rem; font-weight:600; }
.danger-secondary { min-height:42px; color:#f4b1a6; background:transparent; border-color:#74463f; }.danger-secondary:hover { color:#fff; background:#4a211e; border-color:#b26d61; }
.attendance-directory { display:grid; gap:10px; }
.attendance-directory__header { display:none; }
.attendance-directory__list { display:grid; gap:12px; }
.attendance-card { display:grid; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--surface-card); box-shadow:0 12px 30px #0003; }
.attendance-card__identity { width:100%; min-height:96px; display:grid; align-content:center; gap:7px; padding:18px; color:var(--text-primary); background:transparent; border:0; border-radius:0; text-align:left; }
.attendance-card__identity strong { font-size:1.04rem; line-height:1.3; }.attendance-card__identity span, .attendance-card__next-step > span { color:var(--text-secondary); font-size:.86rem; font-weight:600; }
.attendance-card__identity:hover { background:var(--surface-active); }
.attendance-card__next-step { display:grid; align-content:center; justify-items:start; gap:10px; padding:15px 18px 18px; border-top:1px solid color-mix(in srgb, var(--border) 78%, transparent); }
.attendance-card__next-step > small { color:var(--text-muted); font-size:.7rem; font-weight:800; letter-spacing:.08em; }.attendance-card__next-step > button { min-height:48px; }.attendance-card__next-step .state-chip { color:#d3ddd7; }
.session-fields { display:grid; gap:12px; }
.assessment-start { gap:18px; }
.assessment-start .selection-group { display:grid; gap:4px; }
.assessment-start .selection-group legend { font-size:1.05rem; }
.assessment-submit { width:100%; min-height:52px; }
.assessment-submit[data-selection-ready="false"] { color:var(--text-muted); background:var(--surface-overlay); border-color:var(--border); opacity:1; }
.history-timeline { display:grid; gap:20px; margin-top:16px; }
.history-month { display:grid; gap:9px; }
.history-month h2 { margin:0; color:var(--text-secondary); font-size:.8rem; letter-spacing:.09em; text-transform:uppercase; }
.history-entry { width:100%; min-height:84px; display:grid; gap:4px; padding:15px 48px 15px 16px; color:var(--text-primary); background:var(--surface-card); border-color:var(--border); border-radius:15px; text-align:left; position:relative; }
.history-entry::after { content:'›'; position:absolute; right:18px; top:50%; color:var(--focus); font-size:1.7rem; transform:translateY(-50%); }
.history-entry:hover { background:var(--surface-active); border-color:#426258; }
.history-entry span { color:var(--text-secondary); font-size:.84rem; font-weight:600; }
.history-entry .history-entry__tests { overflow:hidden; color:var(--text-muted); font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.attendance-card__identity:focus-visible, .history-entry:focus-visible { outline:3px solid var(--focus); outline-offset:-3px; }
@media (min-width: 760px) {
  main { max-width:920px; }
  .attendance-card { grid-template-columns:minmax(0, 1.1fr) minmax(290px, .9fr); align-items:stretch; }
  .attendance-card__next-step { border-top:0; border-left:1px solid var(--border); }
  .session-fields { grid-template-columns:1fr 1fr; align-items:end; }
}
@media (max-width: 759px) {
  .attendance-hero__heading { align-items:stretch; flex-direction:column; }.attendance-hero__actions { justify-content:space-between; }.attendance-hero__actions > button:last-child { flex:1; }
  .assessment-submit[data-selection-ready="true"] { position:sticky; z-index:5; bottom:calc(72px + env(safe-area-inset-bottom)); box-shadow:0 12px 28px #0008; }
}

/* Contextual test sheet: compact data entry over the assessment, with no remote wait. */
.test-summary-list { display:grid; gap:10px; }
.add-tests { display:grid; gap:12px; padding:14px; border:1px solid var(--border); border-radius:13px; background:var(--surface-overlay); }
.add-tests summary { display:grid; gap:3px; cursor:pointer; list-style:none; }.add-tests summary::-webkit-details-marker { display:none; }.add-tests summary strong { color:var(--text-primary); }.add-tests summary small, .add-tests__empty { color:var(--text-secondary); font-size:.86rem; font-weight:600; }.add-tests__empty { margin:0; }
.test-summary-card { width:100%; min-height:68px; display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:8px; padding:6px 8px 6px 0; color:var(--text-primary); background:#0c1714; border:1px solid var(--border); border-left:6px solid #6a7a73; border-radius:13px; text-align:left; }
.test-summary-card__open { min-width:0; display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:center; gap:14px; padding:7px 8px 7px 9px; color:inherit; background:transparent; border:0; text-align:left; }.test-summary-card__open:hover { background:var(--surface-active); }
.test-summary-card__remove { min-height:36px; padding:7px 10px; color:var(--text-secondary); background:transparent; border:1px solid var(--border); font-size:.78rem; }.test-summary-card__remove:hover { color:#fff; border-color:#b26d61; background:#321a18; }
.test-summary-card:hover { border-color:#426258; }
.test-summary-card[data-state="green"] { border-left-color:#83cc82; }.test-summary-card[data-state="yellow"] { border-left-color:#e4bf48; }
.test-summary-card__content, .test-summary-card__meta { display:grid; gap:4px; min-width:0; }.test-summary-card__content strong { font-size:1rem; }.test-summary-card__content small, .test-summary-card__meta small { overflow:hidden; color:var(--text-secondary); font-weight:600; text-overflow:ellipsis; white-space:nowrap; }.test-summary-card__meta { justify-items:end; color:var(--focus); font-size:.82rem; }.test-summary-card__meta b { white-space:nowrap; }.test-summary-card__meta .state-marker { grid-row:1 / span 2; }
.test-sheet-layer { position:fixed; z-index:60; inset:0; display:grid; place-items:center; padding:24px; }.test-sheet-scrim { position:absolute; inset:0; width:100%; min-height:100%; padding:0; border:0; border-radius:0; background:#020705ba; }.test-sheet { position:relative; width:min(920px, 100%); max-height:calc(100dvh - 48px); overflow:auto; padding:22px; color:var(--text-primary); background:var(--surface-card); border:1px solid var(--border); border-radius:22px; box-shadow:0 28px 80px #000b; }.test-sheet__header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }.test-sheet__header h2 { margin-bottom:0; }.test-sheet__close { min-width:48px; min-height:48px; padding:0; font-size:1.6rem; line-height:1; }.test-sheet__intro { display:grid; grid-template-columns:minmax(220px, .8fr) minmax(0, 1fr); gap:18px; align-items:center; margin-bottom:20px; }.test-sheet__visual { aspect-ratio:4 / 3; display:grid; place-items:center; margin:0; padding:16px; color:var(--text-secondary); background:var(--surface-overlay); border:1px dashed #426258; border-radius:16px; text-align:center; }.test-sheet__visual > span { color:var(--focus); font-size:2rem; }.test-sheet__visual figcaption { font-weight:800; }.test-sheet__visual small, .test-sheet__procedure p { color:var(--text-secondary); }.test-sheet__procedure h3, .test-sheet__procedure p { margin-bottom:8px; }.test-sheet__form { display:grid; gap:14px; }.test-sheet__form label { display:grid; gap:7px; font-weight:800; }.test-sheet__form input { width:100%; min-height:48px; padding:10px 12px; color:var(--text-primary); background:#0a1512; border:1px solid var(--border); border-radius:9px; }.test-sheet__reason { margin-top:2px; }.test-field-section { display:grid; gap:9px; padding-top:14px; border-top:1px solid var(--border); }.test-field-section h3 { margin:0; font-size:.88rem; letter-spacing:.06em; text-transform:uppercase; }.test-attempt-group { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }.compact-number-field { min-width:0; }.compact-number-field__control { display:grid; grid-template-columns:minmax(0, 1fr) auto; align-items:stretch; overflow:hidden; border:1px solid var(--border); border-radius:9px; background:#0a1512; }.compact-number-field__control input { min-height:48px; border:0; border-radius:0; text-align:center; }.compact-number-field__control small { display:grid; place-items:center; min-width:44px; padding:0 8px; color:var(--text-secondary); border-left:1px solid var(--border); font-weight:800; }.test-sheet__form[data-not-completed="true"] .test-field-section { opacity:.45; pointer-events:none; }.test-sheet__form[data-not-completed="true"] .test-sheet__reason { opacity:1; pointer-events:auto; }
@media (min-width: 760px) { .test-summary-card__content { max-width:72%; }.test-sheet__visual { min-height:210px; } }
@media (max-width: 759px) { .test-sheet-layer { place-items:end center; padding:0; }.test-sheet { width:100%; max-height:calc(100dvh - 16px); padding:20px 16px calc(20px + env(safe-area-inset-bottom)); border-radius:22px 22px 0 0; }.test-sheet__intro { grid-template-columns:1fr; }.test-sheet__visual { max-width:500px; width:100%; justify-self:center; }.test-attempt-group { grid-template-columns:1fr; }.test-summary-card { align-items:start; }.test-summary-card__meta { padding-top:2px; }.test-summary-card__meta small { display:none; } }
@media (prefers-reduced-motion: no-preference) { .test-sheet-layer { animation:test-sheet-fade 180ms ease; }.test-sheet { animation:test-sheet-rise 220ms ease; } }@keyframes test-sheet-fade { from { opacity:0; } to { opacity:1; } }@keyframes test-sheet-rise { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }

/* Cobalto silencioso: profundidade visual em todos os componentes operacionais. */
.green { background:#1C493B; color:#D1F0D2; }
.yellow { background:#594817; color:#FFF0A5; }
.gray, .neutral { background:#273347; color:#D7E0EA; }
.test-card, .test-summary-card { background:linear-gradient(145deg, #161F2D, var(--surface-card) 70%); border-color:var(--border)!important; }
.test-card { border-left-color:#6D7C8C!important; }
.test-card[data-state="green"] { border-left-color:#83CC82!important; }
.test-card[data-state="yellow"] { border-left-color:var(--warning)!important; }
.state-marker { background:#6D7C8C; }.test-card[data-state="green"] .state-marker { background:#83CC82; }.test-card[data-state="yellow"] .state-marker { background:var(--warning); }
.whatsapp-link { background:#183B36; color:#DCF6DF; }
.selection-card, .attendance-card, .history-entry, .archived-draft { background:linear-gradient(145deg, var(--surface-elevated), var(--surface-card) 68%); border-color:var(--border); box-shadow:var(--shadow-elevation); }
.selection-card:hover, .attendance-card__identity:hover, .history-entry:hover, .icon-button:hover, .xsteam-select__trigger:hover, .xsteam-select__trigger[aria-expanded="true"] { background:var(--surface-active); border-color:#516788; }
.selection-card:has(input:checked), .selection-card.is-selected { background:var(--surface-active); border-color:var(--focus); }
.toggle-track, .search-field input, .xsteam-select__trigger, .test-sheet__form input, .compact-number-field__control { background:var(--surface-field); border-color:var(--border); }
.sync-dock { position:fixed; z-index:10; background:color-mix(in srgb, var(--surface-overlay) 94%, transparent); border-top-color:var(--border); }
.sync-details, .add-tests { background:var(--surface-overlay); border-color:var(--border-subtle); }
.sync-indicator[data-phase="offline"], .sync-indicator[data-phase="pending"] { background:var(--warning); }
.xsteam-select__options, .test-sheet { background:linear-gradient(145deg, var(--surface-elevated), var(--surface-card) 64%); border-color:var(--border); box-shadow:var(--shadow-elevation); }
.xsteam-select__options button[aria-selected="true"] { background:var(--surface-active); }
.test-summary-card:hover { border-color:#516788; }
.test-summary-card__remove:hover { color:#fff; border-color:var(--danger); background:#321A24; }
.test-sheet-scrim { background:#02040BC4; }
.test-sheet__visual { background:var(--surface-overlay); border-color:#516788; }
.test-sheet__form input, .compact-number-field__control { background:var(--surface-field); }
.assessment-submit[data-selection-ready="false"] { background:var(--surface-overlay); border-color:var(--border); }
.danger-secondary { color:#F6B7AE; border-color:#8B5150; }.danger-secondary:hover { color:#fff; background:#422128; border-color:var(--danger); }
@media (max-width: 600px) { .xsteam-select__backdrop { background:#02040BC4; } }