:root{color:#10263e;--coi-navy:#071d3a;--coi-navy-strong:#04162d;--coi-blue:#2f6f9c;--coi-blue-strong:#174f78;--coi-blue-pale:#edf4f8;--coi-border:#cad9e5;--coi-muted:#5d7183;font-synthesis:none;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.app-shell{background:linear-gradient(#f8fafc 0,#edf2f6 420px,#f5f7f9 100%);min-height:100vh}.topbar{background:var(--coi-navy);border-bottom:4px solid #f15a24;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:8px max(20px,50vw - 620px);display:flex;box-shadow:0 3px 12px #04162d24}.brand{border-radius:5px;align-items:center;text-decoration:none;display:inline-flex}.brand:focus-visible{outline-offset:4px;outline:3px solid #9fc9e3}.brand-logo{object-fit:contain;object-position:left center;width:clamp(260px,31vw,400px);height:66px;display:block}.header-identity{align-items:center;gap:20px;min-width:0;display:flex}.topbar .brand-logo{width:clamp(260px,27vw,330px);height:58px}.header-divider{background:#42617f;width:1px;height:48px}.header-context{color:#fff;min-width:0}.header-context p{color:#a9c7e6;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:800}.header-context h2{color:#fff;letter-spacing:-.025em;white-space:nowrap;margin:0;font-size:clamp(1.15rem,2vw,1.55rem)}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-actions .text-button{color:#d9e5f3}.topbar-actions .text-button:hover{color:#fff}.user-name{color:#bacce1;font-size:.85rem}.page{width:min(1240px,100% - 40px);margin:0 auto;padding:38px 0 64px}.hero{justify-content:space-between;align-items:flex-end;gap:28px;padding:15px 0 31px;display:flex}.eyebrow{color:var(--coi-blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.052em;max-width:730px;margin-bottom:12px;font-size:clamp(2.25rem,5vw,4.1rem);line-height:.98}.hero>div:first-child>p:last-child{color:#5b6d79;max-width:680px;margin-bottom:0;font-size:1.08rem;line-height:1.6}.hero-draft{border:1px solid var(--coi-border);background:var(--coi-blue-pale);border-radius:14px;min-width:245px;padding:17px 20px;box-shadow:0 12px 26px #071d3a0f}.hero-draft span,.hero-draft small{color:var(--coi-muted);font-size:.78rem;display:block}.hero-draft strong{color:var(--coi-navy);margin:5px 0;font-size:1.1rem;display:block}.workflow-nav{background:#fff;border:1px solid #d5e2e8;border-radius:14px;grid-template-columns:repeat(3,1fr);margin-bottom:22px;display:grid;overflow:hidden;box-shadow:0 7px 21px #1c465a0d}.workflow-nav button{color:#506b7b;background:0 0;border:0;border-right:1px solid #e0e9ed;justify-content:center;align-items:center;gap:9px;min-height:58px;padding:10px;font-weight:700;display:flex}.workflow-nav button:last-child{border-right:0}.workflow-nav button span{color:#527084;background:#e7eff3;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.75rem;display:grid}.workflow-nav button.active{color:#fff;background:var(--coi-blue-strong)}.workflow-nav button.active span{color:#123e60;background:#c7dfec}.notice{color:#153f5f;background:#eef6fa;border:1px solid #c2d7e5;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 20px;padding:13px 15px;line-height:1.45;display:flex}.notice.success{color:#1a5d30;background:#eefaf1;border-color:#b9dec5}.notice.warning{color:#77520d;background:#fff9e7;border-color:#ead5a1}.notice.error,.form-error{color:#9d2525}.notice.error{background:#fff2f2;border-color:#efbbbb}.icon-button,.text-button{color:var(--coi-blue-strong);background:0 0;border:0;font-weight:700}.icon-button{padding:0 0 0 8px;font-size:1.35rem;line-height:1}.text-button{padding:7px 9px}.text-button:hover{color:var(--coi-navy);text-decoration:underline}.danger{color:#b33737}.active-report-bar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eef5f9f7;border:1px solid #a9c8db;border-radius:12px;align-items:center;gap:13px;margin-top:18px;padding:11px 14px;display:flex;position:sticky;top:12px;box-shadow:0 10px 24px #071d3a24}.active-report-indicator{color:var(--coi-blue-strong);letter-spacing:.09em;text-transform:uppercase;flex:none;align-items:center;gap:6px;font-size:.68rem;font-weight:850;display:inline-flex}.active-report-indicator>span{background:#3caa73;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #d5f0df}.active-report-details{flex:1;min-width:0}.active-report-details strong,.active-report-details span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.active-report-details strong{color:var(--coi-navy);font-size:.97rem}.active-report-details span{color:var(--coi-muted);margin-top:2px;font-size:.78rem}.active-report-change{background:#ffffffc2;border:1px solid #aec8d9;border-radius:7px;flex:none;font-size:.79rem}.page-section,.content-section,.attachments-section{background:#fffffff0;border:1px solid #dbe6eb;border-radius:18px;margin-top:18px;padding:clamp(20px,3vw,32px);box-shadow:0 10px 28px #2146590e}.section-heading,.section-row,.report-card-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-heading{margin-bottom:24px}.section-heading h2,.section-row h2,.content-section h2{letter-spacing:-.035em;margin-bottom:6px;font-size:clamp(1.45rem,3vw,2rem)}.section-heading p:not(.eyebrow),.section-row p,.content-section>p{color:#657784;margin-bottom:0;line-height:1.5}.primary,.secondary{border-radius:8px;min-height:42px;padding:9px 15px;font-weight:750;transition:transform .12s,background .12s}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){transform:translateY(-1px)}.primary{color:#fff;background:linear-gradient(135deg,#2f6f9c,#174f78);border:1px solid #123e60;box-shadow:0 7px 15px #174f782b}.secondary{color:var(--coi-blue-strong);background:#f6f9fb;border:1px solid #abc2d2}.small{min-height:34px;padding:6px 9px;font-size:.84rem}.full{width:100%}.editor-card{background:#f0f6fa;border:1px solid #c4d8e5;border-radius:14px;margin-bottom:25px;padding:21px}.editor-card h3{margin-bottom:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}label{color:#375464;gap:6px;font-size:.88rem;font-weight:700;display:grid}label.wide{grid-column:1/-1}input,select,textarea{color:#182d3b;background:#fff;border:1px solid #cbd9e4;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-weight:450}input:focus,select:focus,textarea:focus{border-color:var(--coi-blue);box-shadow:0 0 0 3px #2f6f9c1f}textarea{resize:vertical;line-height:1.45}.signoff-fields{border:1px solid #bfd4e2;border-left:6px solid var(--coi-gold);background:#f8fbfd;border-radius:12px;grid-template-columns:minmax(220px,.58fr) minmax(0,1fr);gap:22px;margin-top:20px;padding:18px;display:grid}.signoff-intro h4{color:var(--coi-navy);margin:0 0 8px;font-size:1.08rem}.signoff-intro p{color:#617987;margin:0;font-size:.88rem;line-height:1.45}.signoff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:17px;display:flex}.draft-list{gap:10px;display:grid}.draft-row{background:#fbfdfe;border:1px solid #dce7eb;border-radius:12px;justify-content:space-between;gap:18px;padding:16px;display:flex}.draft-row.current{background:#eef5f9;border-color:#98bed6}.draft-state{color:var(--coi-blue-strong);letter-spacing:.09em;text-transform:uppercase;font-size:.71rem;font-weight:800}.draft-row h3{margin:5px 0 4px;font-size:1.08rem}.draft-row p{color:#657784;margin-bottom:0;font-size:.88rem}.draft-row-meta{color:#607884;white-space:nowrap;align-items:center;gap:16px;font-size:.82rem;display:flex}.draft-row-meta>div{align-items:center;display:flex}.metric-strip{background:#f7fcfd;border:1px solid #d3e4e9;border-radius:9px;display:flex;overflow:hidden}.metric-strip span{color:#65808f;border-right:1px solid #d9e7eb;padding:9px 11px;font-size:.8rem}.metric-strip span:last-child{border-right:0}.metric-strip b{color:#134d67;font-size:1.02rem}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.upload-card{background:linear-gradient(145deg,#fff,#f0f5f8);border:1px solid #d1e0e8;border-radius:13px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.source-icon{color:#fff;background:var(--coi-blue-strong);border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:14px;font-size:1.15rem;display:grid}.source-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:19px;height:19px}.source-icon.audio,.source-icon.excel,.source-icon.pdf{background:var(--coi-blue-strong)}.upload-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;width:100%;margin-bottom:5px;display:flex}.upload-card h3{margin:0;font-size:1.1rem}.upload-count{color:#506b7d;white-space:nowrap;background:#fff;border:1px solid #cbdde8;border-radius:999px;flex:none;padding:5px 8px;font-size:.72rem;font-weight:750;line-height:1.15}.upload-count b{color:var(--coi-blue-strong);font-size:.9rem}.upload-card p{color:#5f7180;min-height:43px;margin-bottom:14px;font-size:.9rem;line-height:1.45}.file-picker{width:auto;color:var(--coi-blue-strong);cursor:pointer;background:#fff;border:1px dashed #78a8c4;border-radius:7px;margin-bottom:8px;padding:8px 10px;font-size:.82rem;display:inline-grid;overflow:hidden}.file-picker input{display:none}.picked-files{color:#6a818d;overflow-wrap:anywhere;width:100%;min-height:36px;margin-bottom:13px;font-size:.75rem;line-height:1.4}.attachments-section{margin-top:25px;padding:0;overflow:hidden}.attachments-section>.section-row{padding:22px 22px 15px}.attachments-section h2{margin-bottom:4px;font-size:1.2rem}.count-pill{color:var(--coi-blue-strong);background:#e7f0f6;border-radius:999px;align-self:center;padding:5px 9px;font-size:.77rem;font-weight:800}.attachment-list{border-top:1px solid #e1eaee}.attachment{border-bottom:1px solid #e7eef1;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:15px 22px;display:grid}.attachment:last-child{border-bottom:0}.attachment-image-link{border-radius:7px;grid-row:span 2;width:84px;height:64px;display:block;overflow:hidden}.attachment-image-link:focus-visible{outline-offset:3px;outline:3px solid #7da8c2}.attachment-preview{object-fit:cover;width:100%;height:100%;transition:transform .15s,filter .15s;display:block}.attachment-image-link:hover .attachment-preview{filter:brightness(.92);transform:scale(1.04)}.audio-preview{width:84px}.audio-preview audio{display:none}.audio-play-button{width:100%;min-height:40px;color:var(--coi-blue-strong);background:#f6fafc;border:1px solid #a5c0d1;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-size:.74rem;font-weight:800;display:inline-flex}.audio-play-button:hover{background:#e8f1f6}.audio-play-button svg{fill:currentColor;width:14px;height:14px}:is(.attachment:has(.attachment-image-link),.attachment:has(.audio-preview)){grid-template-columns:84px minmax(0,1fr) auto auto}.attachment-info{min-width:0}.attachment-info strong,.attachment-info span{display:block}.attachment-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-info span{color:#677f8c;margin-top:4px;font-size:.79rem}.attachment-info p{color:#466270;margin:7px 0 0;font-size:.8rem;line-height:1.35}.status{color:#486573;text-transform:capitalize;white-space:nowrap;background:#edf2f4;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:800}.status.succeeded,.status.extracted,.status.ready-for-review{color:#23723d;background:#e4f5e8}.status.pending,.status.processing{color:#986e13;background:#fff3cf}.status.failed{color:#a83030;background:#ffebeb}.choices-panel{background:#fafdfd;border-top:1px solid #e3ecef;padding:14px 22px 20px}.choice-list{gap:15px;margin-top:14px;display:grid}.source-editor{background:#fff;border:1px solid #d6e5e9;border-radius:10px;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:15px;display:grid}.source-editor fieldset{border:0;grid-column:1/-1;padding:0}.source-editor legend{color:#476473;margin-bottom:7px;font-size:.83rem;font-weight:800}.check-line{align-items:center;gap:8px;display:flex}.check-line input{width:auto}.source-editor .secondary{align-self:end}.muted{color:#748994;font-size:.86rem}.report-card{background:linear-gradient(140deg,#f7fafc,#eaf2f7);border:1px solid #b6cfdf;border-radius:16px;padding:clamp(20px,3vw,30px)}.report-card-top h2{letter-spacing:-.035em;margin:5px 0;font-size:clamp(1.5rem,3vw,2rem)}.report-card-top p{color:var(--coi-muted);margin-bottom:0}.readiness{color:#30586b;background:#fff;border:1px solid #cad9e3;border-radius:10px;max-width:370px;padding:12px 14px;font-size:.85rem;line-height:1.4}.readiness strong,.readiness span{display:block}.readiness.success{color:#205e31;border-color:#b7dbc1}.readiness.warning{color:#73500e;border-color:#e5d09a}.info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0;display:grid}.info-grid div{background:#ffffffc2;border:1px solid #d2e0e8;border-radius:9px;padding:12px}.info-grid span,.info-grid strong{display:block}.info-grid span{color:#6c8591;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:.69rem;font-weight:800}.info-grid strong{color:var(--coi-navy);overflow-wrap:anywhere;font-size:.92rem}.generation-status{background:#fff;border:1px solid #d4e2ea;border-radius:10px;align-items:center;gap:12px;margin:0 0 14px;padding:13px 15px;display:flex}.generation-status>div{min-width:0}.generation-status strong,.generation-status span{display:block}.generation-status strong{color:var(--coi-navy);margin-bottom:2px;font-size:.9rem}.generation-status>div>span{color:#5c7380;font-size:.82rem;line-height:1.4}.generation-status.required{background:#fffaf0;border-color:#e7cd8c}.generation-status.running{background:#eff8fc;border-color:#96c1d8}.generation-status.ready{background:#f3fbf5;border-color:#b7dbc1}.generation-step{background:var(--coi-blue-strong);border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-weight:800;color:#fff!important;margin:0!important;font-size:.82rem!important;display:grid!important}.generation-spinner,.button-spinner{border:3px solid #b6d5e5;border-top-color:var(--coi-blue-strong);border-radius:50%;flex:none;width:22px;height:22px;animation:.75s linear infinite ai-generation-spin;display:inline-block}.button-spinner{border-width:2px;border-color:currentColor #174f7847 #174f7847;width:14px;height:14px}.generate-report-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.report-actions{justify-content:flex-end;gap:11px;display:flex}.content-section{margin-top:23px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preview-card{background:#fcfdfe;border:1px solid #d6e1e8;border-radius:11px;padding:16px}.preview-card h3{color:var(--coi-blue-strong);margin-bottom:9px;font-size:.95rem}.preview-card p{color:#516b78;margin-bottom:8px;font-size:.87rem;line-height:1.45}.preview-card p:last-child{margin-bottom:0}.mapping-details{background:#fbfdfe;border:1px solid #d2e0e8;border-radius:10px;margin-top:17px;padding:14px 15px}.mapping-details summary{cursor:pointer;color:var(--coi-blue-strong);font-weight:800}.mapping-details>div{margin-top:15px}.mapping-details h3{margin:0 0 7px;font-size:.92rem}.mapping-details p{color:#58717d;margin:5px 0;font-size:.84rem;line-height:1.4}.review-workspace{background:#f7fbfd;border:1px solid #a9c9da;border-radius:16px;margin-top:23px;padding:clamp(20px,3vw,30px);box-shadow:0 10px 28px #2146590e}.review-guardrail{color:#68490d;background:#fff9e9;border:1px solid #e5c76e;border-left:5px solid #c27b00;border-radius:10px;margin:18px 0;padding:14px 16px;line-height:1.45}.review-guardrail p{margin:6px 0 0}.review-source-choices{background:#fff;border:1px solid #d1e1e9;border-radius:12px;margin:20px 0;padding:17px}.review-source-choices h3{margin-bottom:5px}.review-source-choices>p{color:#627987;font-size:.88rem}.review-source-row{border-top:1px solid #e3ecef;padding:13px 0}.review-source-row>strong{color:var(--coi-navy);margin-bottom:8px;font-size:.9rem;display:block}.review-source-row .source-editor{background:0 0;border:0;padding:0}.review-section{background:#fff;border:1px solid #d4e2e9;border-radius:12px;margin-top:14px;padding:17px}.review-section h3{color:var(--coi-navy);text-transform:none;margin:0;font-size:1rem}.review-row{border-top:1px solid #e7eef1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;margin-top:12px;padding-top:12px;display:grid}.review-row label{color:#55707d;text-transform:capitalize;font-size:.72rem}.review-row input{min-width:0;padding:8px 9px;font-size:.85rem}.review-row .danger{place-self:end start}.review-text-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:12px;display:grid}.review-actions{background:#eaf3f8;border:1px solid #bcd2de;border-radius:12px;justify-content:flex-end;align-items:end;gap:10px;margin-top:21px;padding:17px;display:flex}.review-actions label{min-width:min(100%,280px);margin-right:auto}.review-actions input{min-width:240px}@keyframes ai-generation-spin{to{transform:rotate(360deg)}}.empty-state,.loading-panel{color:#617986;text-align:center;background:#fafdfe;border:1px dashed #bdd1d9;border-radius:12px;padding:28px;line-height:1.5}.loading-page{color:#617886;text-align:center;place-content:center;gap:18px;min-height:100vh;display:grid}.login-page{background:radial-gradient(circle at 18% 16%,#d8f1f6,#0000 28%),#eef5f7;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border:1px solid #d5e3e7;border-radius:20px;width:min(470px,100%);padding:clamp(27px,6vw,48px);box-shadow:0 25px 65px #1b435726}.login-card .brand{margin-bottom:36px}.login-card h1{margin-bottom:13px;font-size:2.25rem}.login-card>p:not(.eyebrow){color:#627986;line-height:1.55}.login-card form{gap:15px;margin-top:25px;display:grid}@media (width<=760px){.topbar{min-height:64px;padding:5px 18px}.brand-logo{width:min(270px,72vw);height:50px}.header-identity{gap:12px}.header-divider{height:38px}.header-context h2{font-size:1.02rem}.header-context p{margin-bottom:3px;font-size:.6rem}.user-name{display:none}.page{width:min(100% - 28px,1240px);padding-top:23px}.hero{padding-bottom:22px;display:block}.hero-draft{margin-top:20px}.workflow-nav button{min-height:51px;padding:7px;font-size:.77rem}.active-report-bar{flex-wrap:wrap;gap:8px 11px;padding:10px 12px;top:8px}.active-report-indicator{width:100%}.active-report-details{min-width:min(100%,220px)}.active-report-change{margin-left:auto}.section-heading,.section-row,.report-card-top{display:block}.section-heading>.primary,.metric-strip,.readiness{width:100%;margin-top:16px}.form-grid,.upload-grid,.preview-grid,.signoff-grid{grid-template-columns:1fr}.signoff-fields{grid-template-columns:1fr;gap:15px}.draft-row{display:block}.draft-row-meta{justify-content:space-between;margin-top:15px}:is(.attachment,.attachment:has(.attachment-image-link),.attachment:has(.audio-preview)){grid-template-columns:minmax(0,1fr) auto;gap:11px}.attachment-image-link,.audio-preview{grid-area:auto/1/auto/-1;width:min(100%,260px);height:auto}.attachment-image-link{aspect-ratio:21/16}.attachment-info{grid-column:1}.attachment>.status{grid-area:2/2}.attachment>.danger{grid-column:1/-1;justify-self:start;padding-left:0}.source-editor{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-actions{grid-template-columns:1fr;display:grid}.report-actions button{width:100%}}@media (width<=560px){.topbar .header-context,.topbar .header-divider{display:none}.header-identity{flex:1}.topbar .brand-logo{width:min(240px,74vw)}}@media (width<=430px){.workflow-nav button{gap:4px;font-size:.68rem}.workflow-nav button span{width:20px;height:20px}.draft-row-meta{display:block}.draft-row-meta>div{margin-top:8px}.info-grid{grid-template-columns:1fr}}@media (width<=760px){.review-row{grid-template-columns:1fr}.review-actions,.review-text-row{grid-template-columns:1fr;display:grid}.review-actions input{width:100%;min-width:0}}
