/* Loom Site · form-field (molecule) · bundle survey. Tokens only: var(--…) from apps/showcase/site/brand/tokens.css. */
.team-field { --form-field-margin-top-space-9: var(--space-9); margin-top: var(--form-field-margin-top-space-9); max-width: 460px; }
.team-field input { width: 100%; min-height: 44px; --form-field-padding-space-5: var(--space-5); padding: var(--form-field-padding-space-5) var(--form-field-padding-space-5); --form-field-border-rule-hair: var(--rule-hair); --form-field-border-ink: var(--ink); border: var(--form-field-border-rule-hair) solid var(--form-field-border-ink); --form-field-border-radius-radius: var(--radius); border-radius: var(--form-field-border-radius-radius); font: inherit; --form-field-background-surface: var(--surface); background: var(--form-field-background-surface); --form-field-color-ink: var(--ink); color: var(--form-field-color-ink); }
.field-error { --form-field-color-madder-ink: var(--madder-ink); color: var(--form-field-color-madder-ink); --form-field-font-size-fs-small: var(--fs-small); font-size: var(--form-field-font-size-fs-small); --form-field-margin-top-space-3: var(--space-3); margin-top: var(--form-field-margin-top-space-3); }

/* Loom Site · table (molecule) · bundle survey. Tokens only: var(--…) from apps/showcase/site/brand/tokens.css. */
.table-wrap { overflow-x: auto; --table-background-surface: var(--surface); background: var(--table-background-surface); --table-border-rule-hair: var(--rule-hair); --table-border-line: var(--line); border: var(--table-border-rule-hair) solid var(--table-border-line); --table-border-radius-radius: var(--radius); border-radius: var(--table-border-radius-radius); }
@media print { .table-wrap { break-inside: avoid; } }

/* Loom Site · survey (organism) · bundle survey. Tokens only: var(--…) from apps/showcase/site/brand/tokens.css. */
.role-line { --survey-margin-top-space-7: var(--space-7); margin-top: var(--survey-margin-top-space-7); display: inline-flex; --survey-gap-space-4: var(--space-4); gap: var(--survey-gap-space-4); align-items: center; font-weight: 600; --survey-padding-space-4: var(--space-4); --survey-padding-space-6: var(--space-6); padding: var(--survey-padding-space-4) var(--survey-padding-space-6); --survey-background-surface: var(--surface); background: var(--survey-background-surface); --survey-border-ink: var(--ink); border: 2px solid var(--survey-border-ink); }
.codes textarea { width: 100%; min-height: 44px; --survey-padding-space-5: var(--space-5); padding: var(--survey-padding-space-5) var(--survey-padding-space-5); --survey-border-rule-hair: var(--rule-hair); --survey-border-ink: var(--ink); border: var(--survey-border-rule-hair) solid var(--survey-border-ink); --survey-border-radius-radius: var(--radius); border-radius: var(--survey-border-radius-radius); font: inherit; --survey-background-surface: var(--surface); background: var(--survey-background-surface); --survey-color-ink: var(--ink); color: var(--survey-color-ink); }
.done-actions { display: flex; flex-wrap: wrap; --survey-gap-space-5: var(--space-5); gap: var(--survey-gap-space-5); --survey-margin-top-space-9: var(--space-9); margin-top: var(--survey-margin-top-space-9); }
.code-box { --survey-margin-top-space-7: var(--space-7); margin-top: var(--survey-margin-top-space-7); }
.code-box textarea { width: 100%; --survey-font-type-small: var(--type-small); font: var(--survey-font-type-small); --survey-padding-space-5: var(--space-5); padding: var(--survey-padding-space-5); --survey-border-rule-hair: var(--rule-hair); --survey-border-ink: var(--ink); border: var(--survey-border-rule-hair) solid var(--survey-border-ink); --survey-border-radius-radius: var(--radius); border-radius: var(--survey-border-radius-radius); --survey-background-surface: var(--surface); background: var(--survey-background-surface); --survey-color-ink: var(--ink); color: var(--survey-color-ink); resize: vertical; }
.what { --survey-margin-top-space-9: var(--space-9); margin-top: var(--survey-margin-top-space-9); }
.what ul { --survey-margin-space-5: var(--space-5); margin: var(--survey-margin-space-5) 0 0; --survey-padding-left-space-7: var(--space-7); padding-left: var(--survey-padding-left-space-7); display: grid; --survey-gap-space-3: var(--space-3); gap: var(--survey-gap-space-3); --survey-font-size-fs-small: var(--fs-small); font-size: var(--survey-font-size-fs-small); }
.loader { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); --survey-gap-space-6: var(--space-6); gap: var(--survey-gap-space-6); --survey-margin-top-space-9: var(--space-9); margin-top: var(--survey-margin-top-space-9); }
.loader .panel label { font-weight: 600; }
.loader input[type=file] { font: inherit; max-width: 100%; }
.loader-actions { display: flex; flex-wrap: wrap; --survey-gap-space-5: var(--space-5); gap: var(--survey-gap-space-5); }
.role-chips { display: flex; flex-wrap: wrap; --survey-gap-space-4: var(--space-4); gap: var(--survey-gap-space-4); list-style: none; padding: 0; --survey-margin-space-6: var(--space-6); margin: var(--survey-margin-space-6) 0 0; }
.role-chips li { --survey-padding-space-3: var(--space-3); --survey-padding-space-5: var(--space-5); padding: var(--survey-padding-space-3) var(--survey-padding-space-5); --survey-background-surface: var(--surface); background: var(--survey-background-surface); --survey-border-rule-hair: var(--rule-hair); --survey-border-line: var(--line); border: var(--survey-border-rule-hair) solid var(--survey-border-line); --survey-border-radius-radius: var(--radius); border-radius: var(--survey-border-radius-radius); --survey-font-size-fs-small: var(--fs-small); font-size: var(--survey-font-size-fs-small); }
.results-section { --survey-margin-top-space-11: var(--space-11); margin-top: var(--survey-margin-top-space-11); }
.results-section > h2 { --survey-margin-bottom-space-4: var(--space-4); margin-bottom: var(--survey-margin-bottom-space-4); }
.results-section > .lede { margin-top: 0; --survey-margin-bottom-space-7: var(--space-7); margin-bottom: var(--survey-margin-bottom-space-7); }
.score-table { width: 100%; border-collapse: collapse; --survey-font-size-fs-small: var(--fs-small); font-size: var(--survey-font-size-fs-small); font-variant-numeric: tabular-nums; }
.score-table th, .score-table td { --survey-padding-space-5: var(--space-5); padding: var(--survey-padding-space-5) var(--survey-padding-space-5); text-align: right; --survey-border-bottom-line: var(--line); border-bottom: 1px solid var(--survey-border-bottom-line); white-space: nowrap; }
.score-table th:first-child, .score-table td:first-child { text-align: left; white-space: normal; min-width: 160px; }
.score-table thead th { --survey-font-size-fs-label: var(--fs-label); font-size: var(--survey-font-size-fs-label); text-transform: none; letter-spacing: 0; --survey-color-ink-2: var(--ink-2); color: var(--survey-color-ink-2); }
.score-table tbody tr:last-child td { border-bottom: 0; }
.level { display: inline-block; --survey-padding-space-1: var(--space-1); --survey-padding-space-4: var(--space-4); padding: var(--survey-padding-space-1) var(--survey-padding-space-4); --survey-border-radius-radius: var(--radius); border-radius: var(--survey-border-radius-radius); --survey-font-size-fs-label: var(--fs-label); font-size: var(--survey-font-size-fs-label); font-weight: 600; }
.level-high { --survey-background-teal-soft: var(--teal-soft); background: var(--survey-background-teal-soft); --survey-color-teal-ink: var(--teal-ink); color: var(--survey-color-teal-ink); }
.level-medium { --survey-background-saffron-soft: var(--saffron-soft); background: var(--survey-background-saffron-soft); --survey-color-saffron-ink: var(--saffron-ink); color: var(--survey-color-saffron-ink); }
.level-low { --survey-background-madder-soft: var(--madder-soft); background: var(--survey-background-madder-soft); --survey-color-madder-ink: var(--madder-ink); color: var(--survey-color-madder-ink); }
.disagree-list { list-style: none; padding: 0; margin: 0; display: grid; --survey-gap-space-5: var(--space-5); gap: var(--survey-gap-space-5); }
.disagree { --survey-background-surface: var(--surface); background: var(--survey-background-surface); --survey-border-rule-hair: var(--rule-hair); --survey-border-line: var(--line); border: var(--survey-border-rule-hair) solid var(--survey-border-line); --survey-border-radius-radius: var(--radius); border-radius: var(--survey-border-radius-radius); --survey-padding-space-7: var(--space-7); padding: var(--survey-padding-space-7) var(--survey-padding-space-7); display: grid; --survey-gap-space-4: var(--space-4); gap: var(--survey-gap-space-4); }
.disagree h3 { --survey-font-size-fs-body: var(--fs-body); font-size: var(--survey-font-size-fs-body); }
.disagree p { --survey-font-size-fs-small: var(--fs-small); font-size: var(--survey-font-size-fs-small); --survey-color-ink-2: var(--ink-2); color: var(--survey-color-ink-2); }
.role-bars { list-style: none; padding: 0; --survey-margin-space-2: var(--space-2); margin: var(--survey-margin-space-2) 0 0; display: grid; --survey-gap-space-3: var(--space-3); gap: var(--survey-gap-space-3); }
.role-bars li { display: grid; grid-template-columns: 110px 1fr 48px; --survey-gap-space-5: var(--space-5); gap: var(--survey-gap-space-5); align-items: center; --survey-font-size-fs-small: var(--fs-small); font-size: var(--survey-font-size-fs-small); }
.role-bars .bar-track { grid-column: auto; height: 12px; }
.role-bars .value { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.rules { --survey-margin-space-5: var(--space-5); margin: var(--survey-margin-space-5) 0 0; --survey-padding-left-space-7: var(--space-7); padding-left: var(--survey-padding-left-space-7); display: grid; --survey-gap-space-3: var(--space-3); gap: var(--survey-gap-space-3); --survey-font-size-fs-small: var(--fs-small); font-size: var(--survey-font-size-fs-small); --survey-color-ink-2: var(--ink-2); color: var(--survey-color-ink-2); max-width: 80ch; }
.rejected { --survey-margin-space-4: var(--space-4); margin: var(--survey-margin-space-4) 0 0; --survey-padding-left-space-7: var(--space-7); padding-left: var(--survey-padding-left-space-7); --survey-font-size-fs-small: var(--fs-small); font-size: var(--survey-font-size-fs-small); }
@media (max-width: 860px) { .loader { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .role-bars li { grid-template-columns: 84px 1fr 40px; } }
@media (max-width: 560px) { .done-actions .button { width: 100%; } }
@media print { .loader, .done-actions { display: none !important; } }
@media print { .disagree { break-inside: avoid; } }

/* Loom Site · health-check (organism) · bundle survey. Tokens only: var(--…) from apps/showcase/site/brand/tokens.css. */
@media print { .tools { display: none !important; } }