:root{--bg:#f5f6f2;--surface:#fff;--surface-muted:#f3f5f4;--text:#15191d;--muted:#657076;--line:#d9dfe0;--line-dark:#aab4b7;--accent:#ffd500;--accent-dark:#ffcc1b;--blue:#0089b7;--focus:#1289ad;--danger:#c1272d;--success:#1b6b55;--warning:#9a6700}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.brand{font-weight:700}.nav{gap:10px;display:flex}.nav a,.button,button{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;min-height:36px;font:inherit;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.button.primary,button.primary{background:var(--accent);border-color:var(--accent);color:var(--text)}.button.primary:hover,button.primary:hover{background:var(--accent-dark)}.main{max-width:1180px;margin:0 auto;padding:28px}.header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}h1{margin:0 0 6px;font-size:28px}p{color:var(--muted);margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px}.table th{background:var(--surface-muted);color:var(--muted);font-size:13px;font-weight:700}.table tr:last-child td{border-bottom:0}.status{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.status.new{color:#1557bd;background:#e7f0ff}.status.processing,.status.review{color:var(--warning);background:#fff4ce}.status.success{color:var(--success);background:#daf5e4}.status.error{color:var(--danger);background:#fde2df}.form{gap:14px;max-width:640px;padding:20px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:700}.field label small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.field input{border:1px solid var(--line);font:inherit;border-radius:6px;min-height:40px;padding:8px 10px}.checkbox-row{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.checkbox-row input{width:18px;height:18px}.progress-block{gap:8px;display:grid}.progress-meta{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.progress-track{background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;height:12px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .18s}.review-form{max-height:760px;overflow:auto}.field-group{gap:12px;display:grid}.field-group+.field-group{border-top:1px solid var(--line);padding-top:14px}.field-group-title{color:var(--text);font-size:13px;font-weight:700}.field.uncertain{background:#fff8d8;border:1px solid #f0c36d;border-radius:6px;padding:10px}.field.uncertain input{background:#fffdf1;border-color:#d29922}.confidence{color:var(--warning);font-size:12px;font-weight:700}.detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;display:grid}.document-frame{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;height:720px}.side{gap:14px;display:grid}.kv{gap:8px;padding:16px;display:grid}.kv-row{gap:4px;display:grid}.kv-label{color:var(--muted);font-size:12px;font-weight:700}.kv-value{word-break:break-word}.prompt-warning{color:var(--warning);background:#fff8d8;border-color:#f0c36d;gap:6px;padding:14px 16px;display:grid}.prompt-warning span{color:var(--text);font-size:13px}.actions{flex-wrap:wrap;gap:10px;display:flex}.download-inline{align-items:center;gap:8px;display:inline-flex}.download-status{color:var(--success);overflow-wrap:anywhere;max-width:360px;font-size:12px;font-weight:700}.empty{color:var(--muted);padding:24px}pre{color:#f9fafb;background:#111827;border-radius:6px;padding:12px;overflow:auto}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.coc-workspace{gap:24px;display:grid}.coc-hero{border-bottom:1px solid var(--line-dark);justify-content:space-between;align-items:end;gap:32px;padding:28px 0 32px;display:flex}.coc-hero h1{color:#11171c;letter-spacing:-.055em;max-width:780px;margin:8px 0 18px;font-size:clamp(42px,6vw,76px);line-height:.96}.coc-hero p{max-width:680px;font-size:17px;line-height:1.55}.eyebrow,.job-technical,.step-number{font-family:Geist Mono,SFMono-Regular,Consolas,monospace}.eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.coc-summary{grid-template-columns:repeat(3,minmax(72px,1fr));min-width:286px;display:grid}.coc-summary div{border-left:1px solid var(--line);gap:4px;padding:8px 16px;display:grid}.coc-summary strong{font-variant-numeric:tabular-nums;font-size:28px}.coc-summary span{color:var(--muted);text-transform:uppercase;font-size:12px}.coc-grid{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:16px;display:grid}.coc-panel{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:24px}.panel-heading{grid-template-columns:40px 1fr;align-items:start;gap:14px;margin-bottom:22px;display:grid}.panel-heading h2,.jobs-header h2{margin:0 0 5px;font-size:21px}.panel-heading p{line-height:1.45}.step-number{background:var(--accent);justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:800;display:inline-flex}.coc-form{gap:12px;display:grid}.coc-form>label:not(.file-drop){color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.inline-control{grid-template-columns:1fr auto;gap:8px;display:grid}.inline-control input{border:1px solid var(--line-dark);font:inherit;border-radius:2px;min-width:0;min-height:46px;padding:10px 12px}.inline-control button,.primary-action{background:var(--accent);border:1px solid var(--accent);color:var(--text);border-radius:2px;min-height:46px;font-weight:800}.secondary-action{background:var(--surface);border-color:var(--line-dark);border-radius:2px;min-height:44px;font-weight:700}.secondary-action:hover:not(:disabled){background:var(--surface-muted);border-color:var(--text)}.access-pending{color:var(--muted);min-height:46px;padding:12px 0}.access-state{justify-content:space-between;align-items:center;gap:16px;display:flex}.access-confirmation{align-items:center;gap:12px;display:flex}.access-confirmation div{gap:3px;display:grid}.access-confirmation span:not(.access-check){color:var(--muted);font-size:13px}.access-check{border:1px solid var(--success);color:var(--success);background:#e3f3ed;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:inline-flex}.primary-action:hover:not(:disabled),.inline-control button:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.file-drop{border:1px dashed var(--line-dark);cursor:pointer;text-align:center;place-items:center;gap:6px;min-height:132px;padding:24px;display:grid}.file-drop.selected{background:#fffbea;border-style:solid;border-color:#c2a400}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.file-drop-title{color:var(--text);overflow-wrap:anywhere;font-weight:800}.file-drop span:last-child{color:var(--muted);font-size:13px}.notice{border-left:4px solid;padding:14px 16px}.success-notice{border-color:var(--success);color:var(--success);background:#edf7f3}.error-notice{border-color:var(--danger);color:var(--danger);background:#fff0f0}.coc-jobs-panel{padding:0}.jobs-header{justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.jobs-header .eyebrow{margin-bottom:5px}.job-list{border-top:1px solid var(--line)}.job-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 24px;display:grid}.job-row:last-child{border-bottom:0}.job-main{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.job-main strong{overflow-wrap:anywhere}.job-status{border:1px solid var(--line-dark);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.job-status.queued,.job-status.processing{background:#fff8d8;border-color:#d2b800}.job-status.success{border-color:var(--success);color:var(--success);background:#e3f3ed}.job-status.review,.job-status.error{border-color:var(--danger);color:var(--danger);background:#fff0f0}.job-technical,.job-action>span{color:var(--muted);font-size:12px}.job-error,.job-main details{color:var(--danger);flex-basis:100%;font-size:13px}.job-main details summary{cursor:pointer;font-weight:700}.job-main details ul{margin-bottom:0}.empty-state{border-top:1px solid var(--line);color:var(--muted);padding:32px 24px}button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:880px){.topbar,.header-row{flex-direction:column;align-items:stretch}.main{padding:18px}.detail-grid{grid-template-columns:1fr}.coc-hero{flex-direction:column;align-items:stretch}.coc-hero h1{font-size:clamp(42px,13vw,60px)}.coc-summary{min-width:0}.coc-grid,.inline-control,.job-row{grid-template-columns:1fr}.access-state{flex-direction:column;align-items:stretch}.job-action .primary-action{width:100%}}
