:root{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#18323b;background:#f3f6f6;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #69b7bd;outline-offset:2px}
[hidden]{display:none!important}
.topbar{height:68px;background:#fff;border-bottom:1px solid #dce5e7;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:18px}
.brand,.top-actions{display:flex;align-items:center;gap:20px}
.brand{font-size:15px;font-weight:620;white-space:nowrap}
.brand-symbol,.mark{font-family:Georgia,serif;font-size:17px;letter-spacing:-.04em;font-weight:bold;color:#1f5663}
.brand-symbol span,.mark span{color:#eb9c53}
.brand-divider{width:1px;height:22px;background:#d7e0e1}
.actor{font-size:12px;color:#6c8087}
.primary,.secondary,.quiet,.text-button,.mode,.icon-button{border:0;border-radius:8px;transition:background .15s ease,transform .15s ease}
.primary{background:#166875;color:white;padding:11px 17px;font-weight:650}
.primary:hover{background:#10545f}
.secondary{background:#e4eef0;color:#195b68;padding:10px 13px;font-weight:600}
.secondary:hover{background:#d3e5e8}
.quiet{background:transparent;color:#516a72;padding:10px 12px}
.quiet:hover,.text-button:hover{background:#eaf0f1}
.text-button{display:block;padding:10px 0;background:transparent;color:#176875;text-align:left;font-size:13px;font-weight:650}
.layout{display:grid;grid-template-columns:236px minmax(320px,1fr) minmax(365px,1.05fr);height:calc(100vh - 68px);max-width:1700px;margin:auto}
.filters,.task-column,.detail{min-height:0;overflow-y:auto}
.filters{padding:29px 20px 28px 26px;border-right:1px solid #dce5e7}
.filters h2,.column-heading h2{margin:7px 0 28px;font-size:21px;font-weight:630;letter-spacing:-.035em}
.section-caption{font-size:10px;letter-spacing:.14em;font-weight:800;color:#8ba0a5}
label{display:block;font-size:12px;font-weight:650;color:#4e6971;margin:21px 0 8px}
input,select,textarea{width:100%;border:1px solid #cddadc;border-radius:7px;padding:10px 11px;background:#fff;color:#18323b;outline:none}
input::placeholder,textarea::placeholder{color:#97a8ad}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#657e85 50%),linear-gradient(135deg,#657e85 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}
.filter-note{border-top:1px solid #dce5e7;margin-top:28px;padding-top:19px;font-size:12px;line-height:1.55;color:#81949a}
.task-column{background:#fff;border-right:1px solid #dce5e7}
.column-heading{padding:29px 25px 0;display:flex;align-items:start;justify-content:space-between}
.column-heading h2{margin-bottom:22px}
.view-row{display:flex;gap:18px;border-bottom:1px solid #dce5e7;padding:0 25px}
.view{border:0;background:transparent;color:#869a9f;font-size:12px;font-weight:700;padding:0 0 12px}
.view.active{color:#166875;border-bottom:2px solid #166875}
.count{background:#e8f0f1;color:#2a6873;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:700}
.task-card{display:block;width:100%;background:#fff;border:0;border-top:1px solid #e8eeee;text-align:left;padding:18px 25px 20px;position:relative;color:inherit}
.task-card:hover{background:#f8fbfb}
.task-card.selected{background:#edf6f6}
.task-card.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#17818a}
.card-meta,.card-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card-meta{font-size:11px;color:#738a91}
.card-title{font-size:16px;font-weight:640;line-height:1.38;margin:9px 0 7px;letter-spacing:-.02em}
.card-source{color:#6e8389;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:12px}
.card-foot{font-size:11px;color:#587179}
.pill{padding:4px 7px;border-radius:5px;background:#edf1f2;font-size:10px;font-weight:730;letter-spacing:.025em;text-transform:uppercase}
.pill.ok{background:#dcefe9;color:#216b53}
.pill.no{background:#fae9e3;color:#a24d35}
.pill.pending{background:#e8eef5;color:#416d8c}
.pill.manual{background:#f5eddf;color:#95703d}
.dot{color:#a9b8bc}
.paging{display:flex;gap:8px;padding:20px 25px}
.detail{padding:30px clamp(24px,3vw,52px) 60px}
.empty-detail{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#84989e;max-width:260px;margin:auto}
.empty-detail h2{font-size:20px;color:#3f626b;margin:12px 0 4px}
.empty-detail p{font-size:13px;line-height:1.5}
.empty-glyph{font-size:34px;color:#7ab0b6;border:1px solid #c8d9dc;border-radius:50%;width:64px;height:64px;display:grid;place-items:center}
.detail h1{font-size:25px;line-height:1.3;letter-spacing:-.035em;margin:10px 0 15px}
.detail-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#759097}
.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}
.fact{background:#fff;border:1px solid #dce6e8;border-radius:9px;padding:13px 14px;min-height:69px}
.fact-label{font-size:10px;color:#8aa0a5;letter-spacing:.08em;font-weight:750;text-transform:uppercase}
.fact-value{font-size:13px;margin-top:8px;line-height:1.35;overflow-wrap:anywhere}
.detail h3{font-size:13px;margin:29px 0 12px;color:#38606a;letter-spacing:.01em}
.evidence-list{display:grid;gap:9px}
.evidence{background:#fff;border-left:3px solid #80b2b8;border-radius:0 7px 7px 0;padding:11px 13px;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.evidence-meta{font-size:11px;font-weight:650;color:#66848c;margin-bottom:6px}
.review-form{border-top:1px solid #d8e4e6;margin-top:29px;padding-top:8px}
.review-form textarea{min-height:92px;resize:vertical}
.review-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.review-actions .negative{background:#fff;border:1px solid #d8b9af;color:#994b37;padding:10px 15px;border-radius:8px;font-weight:650}
.review-actions .negative:hover{background:#fff3f0}
.review-history{font-size:12px;color:#71878d;line-height:1.5;margin-top:14px}
.form-error{font-size:12px;color:#a84b35;min-height:18px;margin-top:8px}
.empty-list{padding:45px 25px;color:#81979d;font-size:14px;line-height:1.5}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eaf1f2}
.login-card{background:#fff;border:1px solid #d5e3e5;border-radius:12px;width:min(100%,400px);padding:37px;box-shadow:0 18px 60px #17394312}
.login-card h1{font-size:27px;letter-spacing:-.04em;margin:23px 0 10px}
.login-card p{font-size:14px;line-height:1.5;color:#627d85}
.login-card a{color:#176875}
.login-card button{width:100%;margin-top:20px}
dialog{border:0;border-radius:12px;width:min(100% - 24px,620px);max-height:90vh;padding:0;box-shadow:0 25px 80px #092b3650}
dialog::backdrop{background:#15323d88}
.create-form{padding:28px 32px;overflow:auto;max-height:90vh;background:#fff}
.dialog-heading{display:flex;justify-content:space-between;align-items:start}
.dialog-heading h2{margin:7px 0 17px;letter-spacing:-.03em}
.icon-button{font-size:25px;background:transparent;color:#657e85}
.mode-row{display:flex;border-bottom:1px solid #d9e5e7;gap:18px}
.mode{background:transparent;color:#80949a;padding:10px 3px;border-radius:0;font-size:13px;font-weight:650}
.mode.active{color:#176875;border-bottom:2px solid #176875}
.source-picker{background:#f4f8f8;border-radius:8px;padding:2px 14px 13px;margin-top:17px}
.source-picker .secondary{margin-top:12px}
.message-list{max-height:165px;overflow:auto;margin-top:10px;display:grid;gap:5px}
.message-choice{display:block;width:100%;border:1px solid #d5e3e5;border-radius:5px;background:#fff;text-align:left;padding:7px;font-size:12px;color:#506a72;line-height:1.35}
.message-choice:hover{border-color:#5c9ca5}
.chosen-source{font-size:12px;color:#176875;margin-top:9px}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}
@media(max-width:1050px){.layout{grid-template-columns:210px minmax(310px,1fr)}.detail{grid-column:1/-1;border-top:1px solid #dce5e7;min-height:430px}.filters,.task-column{max-height:55vh}.empty-detail{min-height:320px}}
@media(max-width:680px){.topbar{padding:0 14px}.brand-divider,.brand>span:last-child,.actor{display:none}.top-actions{gap:4px}.top-actions .primary{padding:9px 10px;font-size:12px}.layout{display:block;height:auto}.filters{padding:19px 16px;border-right:0}.filters h2{margin-bottom:13px}.filters label{margin-top:12px}.filter-note{display:none}.task-column{max-height:none;border-right:0}.column-heading{padding:20px 16px 0}.task-card{padding:17px 16px}.detail{padding:24px 16px}.create-form{padding:22px 19px}.detail-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
