/* V2 shared presentation for configuration, confirmation and response reading.
   Original form structure and JS contracts remain unchanged. */
:root{
 --ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line);--paper:var(--ui-canvas);
 --white:var(--ui-surface);--forest:var(--ui-ink);--green:var(--ui-ink);
 --accent:var(--ui-orange);--gold:var(--ui-accent-strong);--pale:var(--ui-warning-soft);
 --soft:#EFEBE3;--red:var(--ui-danger);--danger:var(--ui-danger);
 font-family:var(--ui-font);color:var(--ui-ink);background:var(--ui-canvas)
}
body{font-family:var(--ui-font);font-size:14px;background:var(--ui-canvas);color:var(--ui-ink)}
.brand-mark{display:block;object-fit:contain;background:none;border:0;border-radius:0;width:48px;height:48px;flex:0 0 48px}
.wordmark{font-family:var(--ui-font);font-size:17px;letter-spacing:.2px;gap:12px}
.wordmark-en{color:#C5C5BB;font-size:10px;letter-spacing:1.35px;margin-top:7px}
.brand small{font-size:12px;letter-spacing:.6px}
.eyebrow{color:var(--ui-muted);font-size:11px;letter-spacing:1.5px}
h1,h2,h3{font-weight:650}h1{font-size:30px;letter-spacing:-.6px}
.button{min-height:44px;border-radius:var(--ui-radius-control);font-size:14px;gap:10px}
.primary{background:var(--ui-ink);color:var(--ui-surface)}
.primary:hover:not(:disabled){background:#3B3C36;box-shadow:none}
.secondary{background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-ink)}
.secondary:hover:not(:disabled){background:#EFEBE3;border-color:#B9B7AD}
.text-button,.quiet{color:var(--ui-muted);font-size:13px;min-height:44px}
input,select,textarea{background:var(--ui-surface);color:var(--ui-ink);border-color:#C8C7BC;border-radius:var(--ui-radius-control)}
input::placeholder,textarea::placeholder{color:#72736B}
input:focus,select:focus,textarea:focus{border-color:var(--ui-accent-strong);box-shadow:0 0 0 3px #F36B211A}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ui-accent-strong);outline-offset:3px}
input[type=checkbox],input[type=radio]{accent-color:var(--ui-ink)}
.form-error,.field-error,.question-error{font-size:13px;color:var(--ui-danger)}
.topbar,.detail-toolbar{background:var(--ui-surface)}
.breadcrumb,.breadcrumb strong,.page-heading .muted,.workspace-meta,.environment{font-size:12px;color:var(--ui-muted)}
.topbar-actions{gap:14px}.nav-icon{display:inline-flex;align-items:center;justify-content:center}
.nav-icon .ui-icon{width:19px;height:19px}.logout{display:grid;place-items:center;min-width:44px;min-height:44px}
.login-brand{background:var(--ui-ink);color:var(--ui-surface)}
.login-brand h1{color:var(--ui-surface)}.login-brand .eyebrow{color:#D4B297}
.login-brand p:not(.eyebrow),.login-footer{color:#C5C5BB}.login-note{color:var(--ui-muted);font-size:13px}
.login-form label,dialog label{font-size:14px}.login-form input{min-height:46px}
body[data-ui="config"] .sidebar{background:var(--ui-ink);color:#D3D3C9}
body[data-ui="config"] .sidebar>.wordmark{padding-left:0;color:var(--ui-surface)}
body[data-ui="config"] .site-label{margin:25px 8px 22px;padding:16px 0;border-color:#45463E;color:#E6E5DD}
.site-label small,.nav-label,.sidebar-bottom small,.future-list,.future-list span{color:#B9BAB0;font-size:12px}
.nav-label{font-size:11px}.live-dot{background:var(--ui-orange)}
.nav-item{font-size:14px;color:#CDCEC3;min-height:44px}
.nav-item.active{background:#3A3B34;color:var(--ui-surface);box-shadow:inset 3px 0 var(--ui-orange)}
.nav-item:hover{background:#36372F;color:var(--ui-surface)}
.sidebar-bottom{border-color:#45463E}.sidebar-bottom strong{font-size:13px;color:var(--ui-surface)}
.avatar{border-color:#56574D;color:var(--ui-surface);background:#3A3B34}
.stats-strip span{font-size:12px}.stats-strip strong{font-size:28px;font-variant-numeric:tabular-nums}
.foundation-notice{font-size:13px;line-height:1.8;background:var(--ui-warning-soft);color:#665437;border-radius:8px}
.foundation-notice strong{color:var(--ui-warning)}.notice-icon{border-color:var(--ui-warning);color:var(--ui-warning)}
.search-wrap{background:var(--ui-surface);border-radius:8px}.search-wrap input{font-size:13px;min-height:32px}
.search-wrap span{color:var(--ui-muted)}
.group-button{min-height:44px;font-size:13px;color:var(--ui-muted);border-radius:8px}
.group-button.active{background:#F6E7D9;color:#713716;box-shadow:inset 3px 0 var(--ui-orange)}
.group-button:hover{background:#EFEBE3}.group-count,.group-note{font-size:12px;color:var(--ui-muted)}
.group-heading p,.field-label p,.field-label .confirmation-evidence{font-size:12px;line-height:1.8;color:var(--ui-muted)}
.field-label label{font-size:14px;font-weight:600}.field-label .confirmation-evidence{color:var(--ui-success);border-color:#7E9B7B}
.field-label .confirmation-evidence.conflict,.guard-note{color:var(--ui-warning)!important;border-color:var(--ui-warning)}
.field-row{padding:22px 0;gap:22px}.field-input input,.field-input select{min-height:44px;font-size:14px}
.input-unit,.switch-label{font-size:12px;color:var(--ui-muted)}
.pending-badge{font-size:12px;color:var(--ui-warning);background:var(--ui-warning-soft);border-color:#D8C5A3;padding:1px 6px}
.config-table,.history-table{font-size:13px;background:var(--ui-surface)}
.config-table th,.history-table th{font-size:12px;color:var(--ui-muted);background:#EFEBE3}
.config-table td input,.config-table td select{font-size:13px;min-height:40px}
.config-table .input-unit{font-size:11px}.add-row{font-size:13px;min-height:44px;color:var(--ui-muted);border-color:#BEBDB1}
.add-row:hover{background:#EFEBE3}.table-empty{font-size:13px;color:var(--ui-muted);background:var(--ui-surface)}
.history-table small,.audit-detail,.scope-row p,.fixed-boundaries ul{font-size:13px;color:var(--ui-muted)}
.savebar{background:var(--ui-canvas)}.savebar strong{font-size:13px}.savebar small{font-size:12px;color:var(--ui-muted)}
.dirty-dot.changed{background:var(--ui-orange)}.work-footer,.page-footer{font-size:11px;color:var(--ui-muted);letter-spacing:0}
.status-badge{font-size:12px;color:var(--ui-success);background:var(--ui-success-soft)}
.status-badge.neutral{color:var(--ui-muted);background:#EDECE5}.status-badge.warning{color:var(--ui-warning);background:var(--ui-warning-soft)}
dialog{border-color:var(--ui-line);border-radius:var(--ui-radius-dialog);background:var(--ui-surface)}
dialog::backdrop{background:#25262280}.dialog-close:not(.button){color:var(--ui-muted);min-width:40px;min-height:40px}
dialog .muted,.change-preview{font-size:13px}.change-line span{color:var(--ui-muted)}
.toast{background:var(--ui-ink);color:var(--ui-surface);font-size:13px}.toast.error{background:var(--ui-danger)}
/* Confirmation and authenticated response reading remain the same forms. */
body[data-ui="confirm"] .topbar{background:var(--ui-surface)}
.chapter{border-radius:8px;font-size:14px}.chapter.active{background:var(--ui-ink);color:var(--ui-surface)}
.chapter.active .chapter-number,.chapter.active .chapter-count{color:#D0CEC3}
.chapter-number,.chapter-count,.question-number,.note-label,.note-label span,.question-hint,.fine-print,.save-indicator,#schema-label{font-size:12px;color:var(--ui-muted)}
.question-hint,.question textarea,.review-note,.review-question,.review-choice{font-size:14px}
.option{font-size:14px;border-radius:8px;border-color:var(--ui-line);background:var(--ui-surface);min-height:48px}
.option:hover{border-color:#B5AD9D}.option:has(input:checked){border-color:var(--ui-accent-strong);background:#FAF0E4}
.clear-answer{font-size:12px;min-height:36px}.step-actions{background:var(--ui-canvas)}
.submitted{background:#EFEBE3;border-color:var(--ui-ink)}.boundaries,.intro,.side-note{font-size:13px}
.notice{color:var(--ui-warning);background:var(--ui-warning-soft)}
.site-header{background:var(--ui-ink);color:var(--ui-surface)}
.header-context{color:#D0CEC3;border-color:#53544B}.header-context span{color:#A3A395}
.header-link{color:#F6BA94}.header-link:hover{color:var(--ui-surface)}
.response-item[aria-current="true"]{background:#FAEADB;border-left-color:var(--ui-orange)}
.response-item:hover{background:#EFEBE3}.response-item strong{color:var(--ui-ink)}
.response-item .respondent-company,.response-item time,.response-item .receipt-short,.list-heading p,.list-message,.count,.search-label,.readonly-label,.respondent-meta dt,.respondent-meta dd,.group-description,.question-number{font-size:12px;color:var(--ui-muted)}
.detail-panel{background:var(--ui-surface);border-color:var(--ui-line);border-radius:12px;overflow:hidden}
.detail-state h2,.detail-state p,.group-kicker{color:var(--ui-muted)}.question h4{font-size:14px}
.answer-summary{font-size:13px;color:var(--ui-warning)}.detail-toolbar .button{min-height:40px;font-size:13px}
@media(max-width:760px){
 .button{font-size:14px;min-height:44px}.wordmark{font-size:16px}.brand-mark{width:44px;height:44px;flex-basis:44px}
 .topbar .brand{font-size:15px}.brand small{font-size:11px;letter-spacing:.2px}
 .page-heading h1{font-size:26px}.page-heading>.button{font-size:12px;min-height:44px}
 .page-heading .muted,.foundation-notice,.section-heading>p:last-child,.intro{font-size:13px}
 .eyebrow{font-size:10px}.field-label p,.field-label .confirmation-evidence{font-size:12px}
 .field-input input,.field-input select,.question textarea,.respondent-grid input{font-size:16px;min-height:44px}
 .config-table td input,.config-table td select{font-size:14px}.history-table,.history-table small{font-size:12px}
 .stats-strip{gap:12px}.stats-strip span{font-size:12px}.stats-strip strong{font-size:25px}
 body[data-ui="config"] .sidebar{padding:16px 16px 0}body[data-ui="config"] .sidebar nav{padding-bottom:2px;scrollbar-width:thin;scrollbar-color:#F36B21 transparent}
 .nav-item{font-size:13px;min-height:44px}.nav-item.active{box-shadow:inset 0 -3px var(--ui-orange)}
 .savebar>.button{font-size:14px}.savebar strong{font-size:12px}.config-layout #group-nav{scrollbar-width:thin}
 .group-button,.chapter{font-size:13px;min-height:44px}.note-label,.note-label span,.question-hint{font-size:12px}
 .option{font-size:14px}.question textarea{min-height:84px}.work-footer{font-size:10px}
 .site-header{gap:16px}.header-context{font-size:12px}.step-actions .button{font-size:13px}
}
@media print{body{background:#fff;color:#111}.site-header,.topbar{background:#fff;color:#111}.brand-mark{background:none;filter:brightness(0)}.wordmark-en,.header-context,.header-link{color:#333}}

/* Current VI: keep the complete square chip and readable brand lockup. */
body[data-brand-version="3"]{--vi-font-brand:1.125rem;--vi-font-meta:.875rem}
body[data-brand-version="3"] .brand-mark{aspect-ratio:1;object-fit:contain;flex-shrink:0}
body[data-brand-version="3"] :is(.wordmark,.topbar .brand){min-width:0;white-space:normal;font-size:var(--vi-font-brand);line-height:1.4;letter-spacing:0;gap:10px}
body[data-brand-version="3"] :is(.wordmark,.topbar .brand)>span{min-width:0}
body[data-brand-version="3"] :is(.wordmark-en,.brand small){font-size:var(--vi-font-meta);line-height:1.45;letter-spacing:0;margin-top:3px}

/* The answer total remains legible beside the refreshed brand header. */
body[data-brand-version="3"] #response-count{font-size:var(--vi-font-meta)}