/* Zhige product UI — DESIGN.md implementation layer.
   Loaded last so legacy feature styles inherit one readable, opaque system. */
:root{
  --canvas:#f5f7fa;--surface:#fff;--surface-soft:#eef2f7;--surface-2:#f8fafc;
  --ink:#172033;--body:#2d3748;--ink-soft:#526075;--muted:#526075;--subtle:#6b7687;
  --line:#d8dee8;--line-strong:#bcc6d4;--accent:#2f63d8;--accent-deep:#1e469e;
  --accent-soft:#eef2f7;--warn:#a05a08;--warn-soft:#fff7e8;--danger:#b42318;--success:#16794b;--radius:8px;
}
html{background:var(--canvas)}
body{background:var(--canvas)!important;color:var(--body);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;text-rendering:optimizeLegibility}
body::before,body::after{display:none!important}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #8daeff!important;outline-offset:2px!important}
.muted,.small{color:var(--ink-soft)!important}

.topbar{height:64px!important;padding:0 clamp(18px,3vw,40px)!important;border-bottom:1px solid var(--line)!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}
.brand{gap:11px!important}.brand-logo{height:44px!important}.brand-copy{gap:1px!important;padding-left:11px!important;border-left:1px solid var(--line)!important}
.brand-copy strong,.brand-copy small{padding:0!important;color:var(--ink)!important;font-size:14px!important;line-height:1.25!important}.brand-copy small{color:var(--ink-soft)!important;font-weight:600!important}
.api-state{color:var(--ink-soft)!important;font-weight:600}.state-dot{background:#8a94a3!important}.state-dot.ready{background:var(--success)!important}

.header-auth-button,.primary,.secondary:not(.outline){min-height:44px;border:1px solid var(--accent)!important;border-radius:8px!important;background:var(--accent)!important;color:#fff!important;box-shadow:none!important;font-weight:650!important}
.header-auth-button:hover,.primary:not(:disabled):hover,.secondary:not(.outline):not(:disabled):hover{border-color:#2554bc!important;background:#2554bc!important;transform:none!important}
.primary:active,.secondary:not(.outline):active{background:#1e469e!important;transform:none!important}
.primary:disabled,.secondary:disabled{border-color:#a8bce8!important;background:#a8bce8!important;color:#fff!important;opacity:1!important}
.secondary.outline,button.outline{min-height:44px;border:1px solid var(--line-strong)!important;border-radius:8px!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important}
.secondary.outline:hover,button.outline:hover{border-color:var(--accent)!important;color:var(--accent-deep)!important}

/* Authenticated user workspace */
.authenticated-layout #helpRail{display:none!important}
.authenticated-layout .account-nav{top:64px!important;bottom:0!important;left:0!important;width:216px!important;height:auto!important;margin:0!important;padding:24px 16px!important;align-content:start!important;gap:6px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}
.account-nav-group{border-color:var(--line)!important;margin-top:10px!important;padding-top:12px!important}.authenticated-layout .personal-nav-group{margin-top:22px!important;padding-top:15px!important}
.account-nav-section-label{padding:0 12px 7px!important;color:var(--subtle)!important;font-size:11px!important;letter-spacing:.08em!important}
.account-nav-link{min-height:42px;padding:10px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ink-soft)!important;font-size:13px!important;font-weight:600!important;transform:none!important}
.account-nav-link::before{color:var(--subtle)!important}.account-nav-link:hover,.account-nav-link:focus-visible{background:var(--surface-soft)!important;color:var(--ink)!important}
.account-nav-link.active{background:var(--surface-soft)!important;color:var(--accent-deep)!important;font-weight:700!important}.account-nav-link.active::before{color:var(--accent)!important}
.authenticated-layout .shell{max-width:none!important;margin:0 0 0 216px!important;padding:28px clamp(24px,3vw,48px) 72px!important}
.authenticated-layout .intro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,560px)!important;gap:32px!important;align-items:end!important;padding:0 0 24px!important;border-bottom:1px solid var(--line-strong)!important}
.authenticated-layout .intro>div:first-child{max-width:700px!important}
.authenticated-layout .eyebrow,.admin-shell .eyebrow{margin-bottom:9px!important;color:var(--accent-deep)!important;font:600 11px/1.3 "Cascadia Mono",Consolas,monospace!important;letter-spacing:.12em!important}
.authenticated-layout .intro h1{margin:0!important;color:var(--ink)!important;font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important;letter-spacing:-1px!important}
.authenticated-layout .intro h1 em{color:var(--accent)!important}.authenticated-layout .lede{max-width:680px!important;margin:12px 0 0!important;color:var(--ink-soft)!important;font-size:14px!important;line-height:1.65!important}
.authenticated-layout .progress{min-width:0!important;width:100%!important;padding:14px 16px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.progress-step{color:var(--ink-soft)!important;font-size:12px!important}.progress-step b{color:var(--subtle)!important;font:600 11px "Cascadia Mono",Consolas,monospace!important}
.progress-step.current,.progress-step.complete,.progress-step.current b,.progress-step.complete b{color:var(--accent-deep)!important}.progress-line{background:var(--line-strong)!important}.progress-line.complete{background:var(--accent)!important}
.authenticated-layout .mode-switch{display:none!important}
.workspace-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;gap:24px!important;padding-top:24px!important}.upload-column{top:88px!important}
.review-column{max-height:calc(100dvh - 96px)!important;padding:0 10px 10px 0!important;border-radius:0!important;background:transparent!important}.review-column::-webkit-scrollbar-thumb{background:var(--line-strong)!important}
.section-heading{min-height:40px;margin:0 0 12px!important;padding:0 0 10px!important;border-bottom:1px solid var(--line-strong)!important;color:var(--ink)!important;font-size:16px!important;font-weight:700!important}.section-heading small{color:var(--ink-soft)!important;font-weight:500!important}
.file-card{min-height:74px;margin:10px 0!important;padding:15px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.file-card::after{display:none!important}.file-card:hover,.file-card:focus-within{border-color:var(--accent)!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.file-card.has-file{border-color:#62a081!important;background:#f8fcfa!important}.file-index{border-radius:6px!important;background:var(--surface-soft)!important;color:var(--accent-deep)!important}.file-card.has-file .file-index{background:var(--success)!important;color:#fff!important}
.file-copy strong{color:var(--ink)!important}.file-copy small,.template-label{color:var(--ink-soft)!important}.choose{color:var(--accent-deep)!important}.optional-file{border-color:var(--line)!important}
.privacy-note{margin:18px 0!important;color:var(--ink-soft)!important;line-height:1.55}.lock{border-color:var(--line-strong)!important;border-radius:4px!important;background:var(--surface-2)!important;color:var(--accent-deep)!important}

.empty-state,.analysis-state,#resultState{border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.empty-state{min-height:320px!important;padding:40px!important}.empty-state-meta{color:var(--accent-deep)!important;font-weight:650!important}.empty-state .empty-rule{background:var(--accent)!important}
.empty-state h2{color:var(--ink)!important}.empty-state p,.analysis-state p{color:var(--ink-soft)!important}.analysis-state{padding:28px!important}#resultState{padding:22px!important}
.loader-bar{background:var(--surface-soft)!important}.loader-bar::after{background:var(--accent)!important}.summary-row{margin-bottom:18px!important;padding-bottom:18px!important;border-color:var(--line)!important}.summary-row div{border-color:var(--line)!important}.summary-row strong{color:var(--accent-deep)!important}.summary-row span{color:var(--ink-soft)!important}
.feedback-item,.format-review-item,.model-consent,.flow-preview,.note-form,.confirm-row{border-color:var(--line)!important}.feedback-item,.format-review-item{border-radius:8px!important;background:#fff!important}
.feedback-meta,.anchor,.confirm-row span,.flow-note{color:var(--ink-soft)!important}.format-review-item.warning{border-left:4px solid var(--warn)!important}.format-review-item.critical{border-left:4px solid var(--danger)!important}
.review-marker{border-color:var(--line-strong)!important;background:var(--surface-2)!important;color:var(--ink-soft)!important}.model-consent{background:var(--surface-2)!important;border-radius:10px!important}
.model-consent-grid{border-color:var(--line)!important;background:var(--line)!important}.model-consent-grid>div{background:#fff!important}
.note-entry textarea,.credit-entry input,.model-panel,.model-panel select{border-color:var(--line-strong)!important;border-radius:8px!important;background:#fff!important;color:var(--ink)!important}
.result-notice{border-color:#dfbd78!important;border-radius:8px!important;background:var(--warn-soft)!important;color:#774407!important}.primary-download{border-radius:8px!important;background:var(--accent)!important;box-shadow:none!important}
.format-review-overview{margin-bottom:20px;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.format-review-overview-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.format-review-overview-heading h3{margin:3px 0 5px;color:var(--ink);font-size:18px}.format-review-overview-heading p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55}
.review-eyebrow{color:var(--accent-deep);font:650 10px/1.3 "Cascadia Mono",Consolas,monospace;letter-spacing:.1em}.review-ready-badge{flex:0 0 auto;padding:6px 9px;border:1px solid #b9d4c6;border-radius:6px;background:#f4fbf7;color:var(--success);font-size:12px;font-weight:700}
.auto-rule-summary{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.auto-rule-summary summary{cursor:pointer;color:var(--accent-deep);font-size:13px;font-weight:700}.auto-rule-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:13px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--line)}.auto-rule-summary-grid>div{display:grid;gap:2px;padding:12px;background:#fff}.auto-rule-summary-grid strong{color:var(--ink);font-size:18px}.auto-rule-summary-grid span,.auto-rule-summary>p{color:var(--ink-soft);font-size:12px}.auto-rule-summary>p{margin:10px 0 0;line-height:1.55}
.review-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 10px;padding-bottom:9px;border-bottom:1px solid var(--line-strong)}.review-section-heading h3{margin:0;color:var(--ink);font-size:16px}.review-section-heading span{color:var(--ink-soft);font-size:12px;font-weight:650}.review-section-heading.exceptions{margin-top:26px}
.format-choice-card{min-width:0;margin:0 0 12px;padding:17px;border:1px solid var(--line-strong);border-radius:10px;background:#fff}.format-choice-card legend{max-width:calc(100% - 20px);padding:0 7px;color:var(--ink);font-size:14px;font-weight:700}.format-choice-message{margin:2px 0 13px;color:var(--ink-soft);font-size:13px;line-height:1.55}.format-choice-options{display:grid;gap:8px}.format-choice-option{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);cursor:pointer}.format-choice-option:hover,.format-choice-option:has(input:checked){border-color:var(--accent);background:#f6f8fe}.format-choice-option input{margin-top:3px;accent-color:var(--accent)}.format-choice-option-copy{display:grid;gap:4px}.format-choice-option-line{display:flex;align-items:center;gap:8px}.format-choice-option strong{color:var(--ink);font-size:14px}.format-choice-option small{color:var(--ink-soft);font-size:12px;line-height:1.45}.recommended-badge{padding:2px 6px;border-radius:4px;background:var(--accent);color:#fff;font-size:10px;font-weight:700}
.format-warning-ack{display:flex;gap:11px;align-items:flex-start;margin-top:14px;padding:14px;border:1px solid #dfbd78;border-radius:8px;background:var(--warn-soft);cursor:pointer}.format-warning-ack input{margin-top:3px;accent-color:var(--accent)}.format-warning-ack>span{display:grid;gap:3px}.format-warning-ack strong{color:#613907;font-size:13px}.format-warning-ack small{color:#774407;font-size:12px;line-height:1.5}
.result-feedback{margin-top:22px;padding:20px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2)}.result-feedback-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.result-feedback-heading .eyebrow{margin-bottom:6px}.result-feedback-heading h3{margin:0;color:var(--ink);font-size:20px;letter-spacing:-.2px}.feedback-time-hint{padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink-soft);font-size:11px;font-weight:700;white-space:nowrap}.result-feedback-copy{max-width:700px;margin:8px 0 17px;color:var(--ink-soft);font-size:13px;line-height:1.6}
.calibration-outcomes,.calibration-problems{margin:0;padding:0;border:0}.calibration-outcomes legend,.calibration-problems legend{margin-bottom:9px;color:var(--ink);font-size:13px;font-weight:700}.calibration-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.calibration-outcomes>label{display:flex;gap:9px;align-items:flex-start;min-height:68px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.calibration-outcomes>label:hover,.calibration-outcomes>label:has(input:checked){border-color:var(--accent);background:#f6f8fe}.calibration-outcomes input,.calibration-problems input{margin-top:3px;accent-color:var(--accent)}.calibration-outcomes label>span{display:grid;gap:2px}.calibration-outcomes strong{color:var(--ink);font-size:13px}.calibration-outcomes small{color:var(--ink-soft);font-size:11px;line-height:1.4}.calibration-problems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px}.calibration-problems legend{grid-column:1/-1}.calibration-problems label{display:flex;gap:7px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--body);font-size:12px;cursor:pointer}.calibration-problems label:has(input:checked){border-color:var(--accent);background:#f6f8fe;color:var(--accent-deep);font-weight:650}
.calibration-note{display:grid;gap:7px;margin-top:16px;color:var(--ink);font-size:13px;font-weight:700}.calibration-note textarea{width:100%;resize:vertical;padding:11px 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-weight:400}.calibration-note textarea:focus{outline:3px solid var(--focus);outline-offset:1px}.corrected-file-card{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px;border:1px dashed var(--line-strong);border-radius:8px;background:#fff;cursor:pointer}.corrected-file-card:hover{border-color:var(--accent)}.calibration-privacy{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;color:var(--ink-soft);font-size:11px;line-height:1.5}.calibration-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.calibration-actions .message{margin:0;color:var(--danger);font-size:12px}.calibration-submitted{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:14px;border:1px solid #b9d4c6;border-radius:8px;background:#f4fbf7}.calibration-submitted-marker{padding:4px 7px;border-radius:5px;background:var(--success);color:#fff;font-size:11px;font-weight:700}.calibration-submitted strong{color:var(--ink);font-size:14px}.calibration-submitted p{margin:3px 0 0;color:var(--ink-soft);font-size:12px}.calibration-diff-summary{grid-column:2;margin-top:1px!important}
.account-trigger{min-width:158px!important;min-height:46px!important;padding:5px 10px 5px 5px!important;border-color:var(--line-strong)!important;border-radius:10px!important;background:#fff!important}
.account-trigger:hover{border-color:var(--accent)!important}.account-avatar{border-radius:8px!important;background:var(--accent)!important}.account-trigger-copy small,.account-dropdown-head small,.account-chevron{color:var(--ink-soft)!important}
.account-dropdown{border-color:var(--line-strong)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 18px 42px rgba(23,32,51,.16)!important}.account-dropdown-head,.account-quota,.account-menu-action{border-color:var(--line)!important}.account-menu-action:hover{background:var(--surface-soft)!important;color:var(--accent-deep)!important}
.auth-modal-backdrop{background:rgba(23,32,51,.66)!important;backdrop-filter:none!important}.auth-dialog{border-color:var(--line-strong)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 24px 58px rgba(23,32,51,.22)!important}
.auth-dialog-head h2{color:var(--ink)!important}.auth-dialog-head p:not(.auth-kicker),.auth-dialog .account-form .auth-field{color:var(--ink-soft)!important}.auth-dialog input{border-color:var(--line-strong)!important;background:#fff!important;color:var(--ink)!important}
.history-panel{max-width:1180px!important;padding-top:22px!important}.history-panel-head{border-color:var(--line-strong)!important}.history-panel-head h2{color:var(--ink)!important;font-size:34px!important}.history-panel-head p:last-child{color:var(--ink-soft)!important}
.history-item{border-color:var(--line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}

/* Logged-out product overview follows the same quiet surface hierarchy. */
.public-showcase,.public-process,.capability-row{background:transparent!important;box-shadow:none!important}.public-intro h2,.capability-row h3{color:var(--ink)!important}
.public-intro>p:last-child,.capability-row p,.process-cell span{color:var(--ink-soft)!important}.capability-row{border-color:var(--line)!important;border-radius:8px!important}.capability-row:hover{background:#fff!important;box-shadow:none!important}

/* Admin console */
.admin-shell{max-width:1540px!important;padding:32px clamp(20px,3vw,48px) 72px!important}.admin-layout{grid-template-columns:216px minmax(0,1fr)!important;gap:28px!important}
.admin-sidebar{top:88px!important;padding:0 18px 0 0!important;border-color:var(--line)!important}.sidebar-label{color:var(--subtle)!important}
.sidebar-toggle{min-width:40px!important;min-height:40px!important;border-color:var(--line-strong)!important;border-radius:8px!important;background:#fff!important;color:var(--ink-soft)!important}
.admin-nav{gap:5px!important}.admin-nav-link{min-height:42px!important;padding:10px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ink-soft)!important;transform:none!important;box-shadow:none!important}
.admin-nav-link:hover,.admin-nav-link:focus-visible{background:var(--surface-soft)!important;color:var(--ink)!important;transform:none!important;box-shadow:none!important}.admin-nav-link.active{background:var(--surface-soft)!important;color:var(--accent-deep)!important;font-weight:700!important}.nav-index{color:inherit!important;opacity:1!important}
.admin-heading{position:sticky!important;top:64px!important;z-index:4!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:24px!important;align-items:center!important;margin:0 0 22px!important;padding:18px 20px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}
.admin-heading::before,.admin-heading::after{display:none!important}.admin-heading h1{margin:0 0 5px!important;color:var(--ink)!important;font-size:28px!important;line-height:1.2!important;letter-spacing:-.5px!important}.admin-heading .eyebrow{display:none!important}
.admin-heading .muted{max-width:780px!important;margin:0!important;color:var(--ink-soft)!important;font-size:13px!important;line-height:1.55!important}.admin-heading-actions{padding:0!important}
.admin-account-card{width:196px!important;min-width:196px!important;min-height:50px!important;padding:7px 10px!important;border-color:var(--line-strong)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
.admin-account-badge{border-radius:7px!important;background:var(--accent)!important;color:#fff!important}.admin-account-label{color:var(--ink-soft)!important}.admin-account-card strong{color:var(--ink)!important}
.admin-account-popover{border-color:var(--line-strong)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 18px 42px rgba(23,32,51,.16)!important}
.admin-grid{gap:18px!important}.admin-card{padding:22px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.card-title{border-color:var(--line)!important}.card-title h2,.overview-section-title h3{color:var(--ink)!important}.card-title .status,.overview-section-title span,.admin-card label,.source-note,.quota-line>span{color:var(--ink-soft)!important}
.overview-section{border-color:var(--line)!important;border-radius:10px!important;background:var(--surface-2)!important}.service-tile,.resource-tile{border-color:var(--line)!important;border-radius:8px!important;background:#fff!important}
.service-name,.resource-tile>span,.service-tile small,.metric-list dt{color:var(--ink-soft)!important}.service-tile strong{color:var(--accent-deep)!important}.metric-list>div{border-color:var(--line)!important}.metric-list dd{color:var(--body)!important}
.source-note{background:var(--surface-soft)!important;color:var(--accent-deep)!important}.managed-user-form,.password-reset-form,.job-detail{border-color:var(--line)!important;border-radius:10px!important;background:var(--surface-2)!important}
.admin-card input,.admin-card select{min-height:42px!important;border-color:var(--line-strong)!important;border-radius:8px!important;background:#fff!important;color:var(--ink)!important}.link-button{color:var(--accent-deep)!important;font-weight:650!important}.card-title .link-button:hover{background:var(--surface-soft)!important;color:var(--accent-deep)!important;transform:none!important}
.table-wrap{border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important}table{font-size:13px!important;color:var(--body)!important}
th{padding:12px 13px!important;border-color:var(--line)!important;background:var(--surface-2)!important;color:var(--ink)!important;font-weight:700!important}td{padding:12px 13px!important;border-color:var(--line)!important;color:var(--body)!important}tbody tr:hover{background:var(--surface-soft)!important}
.users-card tbody td:not(:last-child){border-right-color:var(--line)!important}.users-card .user-status,.users-card .user-password-state{color:var(--accent-deep)!important}.jobs-card .job-product{background:var(--surface-soft)!important;color:var(--accent-deep)!important}.audit-detail-toggle{border-color:var(--line-strong)!important;background:var(--surface-2)!important;color:var(--accent-deep)!important}
.calibration-admin-note{max-width:880px;margin:0 0 18px;color:var(--ink-soft);font-size:13px;line-height:1.6}.calibration-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:18px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}.calibration-admin-metrics>div{display:grid;gap:3px;padding:15px;background:var(--surface-2)}.calibration-admin-metrics strong{color:var(--accent-deep);font-size:22px}.calibration-admin-metrics span{color:var(--ink-soft);font-size:12px}.calibration-admin-card code{font:600 11px/1.4 "Cascadia Mono",Consolas,monospace;color:var(--accent-deep)}.calibration-outcomes-cell{white-space:nowrap}.calibration-pending{color:var(--warn)!important;font-weight:700}.calibration-empty{padding:30px!important;text-align:center;color:var(--ink-soft)!important}
.calibration-detail{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.calibration-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:13px;border-bottom:1px solid var(--line)}.calibration-detail-heading h3{margin:0 0 4px;color:var(--ink);font-size:18px}.calibration-detail-heading code{display:block;max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calibration-version-badge,.calibration-review-state{padding:5px 8px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--accent-deep);font-size:11px;font-weight:700;white-space:nowrap}.calibration-detail-explanation{margin:12px 0;color:var(--ink-soft);font-size:12px}.calibration-feedback-list{display:grid;gap:10px}.calibration-feedback-card{padding:15px;border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:8px;background:#fff}.calibration-feedback-card.calibration-pending{border-left-color:var(--warn)}.calibration-feedback-card.calibration-accepted{border-left-color:var(--success)}.calibration-feedback-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.calibration-feedback-heading>div{display:grid;gap:2px}.calibration-feedback-heading strong{color:var(--ink);font-size:14px}.calibration-feedback-heading span:not(.calibration-review-state){color:var(--ink-soft);font-size:11px}.calibration-category-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.calibration-category-list span{padding:3px 7px;border-radius:5px;background:var(--surface-soft);color:var(--accent-deep);font-size:11px;font-weight:650}.calibration-user-note,.calibration-safe-diff{margin:10px 0 0;color:var(--body);font-size:12px;line-height:1.55}.calibration-user-note{padding-left:10px;border-left:2px solid var(--line-strong)}.calibration-safe-diff{padding:10px;border-radius:7px;background:var(--surface-2);color:var(--ink-soft)}.calibration-safe-diff.content-warning{background:var(--warn-soft);color:#774407}.calibration-content-warning{margin:8px 0 0;color:var(--danger);font-size:12px;font-weight:650}.calibration-review-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.calibration-review-actions a{text-decoration:none}.calibration-review-note{margin-left:auto;color:var(--ink-soft);font-size:11px}

@media(max-width:1120px){.authenticated-layout .intro{grid-template-columns:1fr!important}.authenticated-layout .progress{max-width:680px!important}.workspace-grid{grid-template-columns:310px minmax(0,1fr)!important}.admin-layout{grid-template-columns:184px minmax(0,1fr)!important;gap:20px!important}.calibration-admin-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  .authenticated-layout .shell{margin-left:0!important;padding-inline:18px!important}.authenticated-layout .account-nav{position:static!important;display:flex!important;width:auto!important;height:auto!important;margin:0 14px 8px!important;padding:7px!important;overflow-x:auto!important;border:1px solid var(--line)!important;border-radius:10px!important}
  .authenticated-layout .account-nav-group{display:flex!important;flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important}.authenticated-layout .personal-nav-group{margin:0!important;padding:0!important}.account-nav-section-label{display:none!important}.account-nav-submenu{display:flex!important;margin:0!important;padding:0!important}
  .workspace-grid{grid-template-columns:1fr!important}.upload-column{position:static!important}.review-column{max-height:none!important;overflow:visible!important;padding-right:0!important}.admin-layout{display:block!important}.admin-sidebar{top:64px!important;padding:8px 0!important;border-right:0!important;background:var(--canvas)!important}.admin-heading{position:static!important}
}
@media(max-width:620px){.topbar{padding-inline:14px!important}.brand-copy{display:none!important}.api-state{display:none!important}.authenticated-layout .shell{padding:20px 14px 56px!important}.authenticated-layout .intro h1{font-size:30px!important}.authenticated-layout .progress{overflow-x:auto!important;padding:12px!important}.progress-step span{font-size:11px!important}.progress-line{min-width:18px!important;margin-inline:7px!important}.empty-state{min-height:260px!important;padding:28px 22px!important}#resultState{padding:16px!important}.format-review-overview{padding:16px}.format-review-overview-heading{display:grid}.review-ready-badge{justify-self:start}.auto-rule-summary-grid{grid-template-columns:1fr 1fr}.result-feedback{padding:16px}.calibration-outcomes{grid-template-columns:1fr}.calibration-problems{grid-template-columns:1fr 1fr}.calibration-actions{align-items:stretch;flex-direction:column}.calibration-actions button{width:100%}.admin-shell{padding:20px 14px 56px!important}.admin-heading{grid-template-columns:1fr!important;padding:16px!important}.admin-account-card{width:100%!important;min-width:0!important}.admin-card{padding:16px!important}.table-wrap{border-radius:8px!important}.calibration-admin-metrics{grid-template-columns:1fr 1fr}.calibration-detail-heading,.calibration-feedback-heading{display:grid}.calibration-review-actions{align-items:stretch;flex-direction:column}.calibration-review-actions>*{width:100%;margin-left:0}.calibration-review-note{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
