:root { --ink:#12221b; --muted:#6e7a74; --line:#dfe5e1; --paper:#f5f7f5; --white:#fff; --green:#1f6b4f; --lime:#d9f36a; --navy:#12221b; --amber:#f2b84b; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
button,input,select{font:inherit}.simulation{height:30px;background:#18241f;color:#dff8e9;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.12em}.shell{display:grid;grid-template-columns:244px 1fr;min-height:calc(100vh - 30px)}aside{background:var(--navy);color:#eef7f1;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 30px)}
.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;padding:0 8px 28px}.brand>span{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:var(--navy);border-radius:10px}.brand small,.operator small{display:block;color:#8fa198;font-size:11px;font-weight:500;margin-top:2px}nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:#a9b8b0;text-align:left;padding:12px;border-radius:9px;display:flex;gap:11px;align-items:center;cursor:pointer}.nav span{flex:1}.nav b{background:#294b3e;color:#dff8e9;padding:2px 7px;border-radius:99px;font-size:11px}.nav.active,.nav:hover{background:#20382e;color:white}.guardrail{margin-top:auto;border:1px solid #315044;background:#192f26;border-radius:12px;padding:15px}.guardrail strong{font-size:13px}.guardrail p{font-size:12px;line-height:1.5;color:#a9b8b0}.guardrail span{font-size:10px;font-weight:800;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}.operator{display:flex;align-items:center;gap:10px;border-top:1px solid #294137;margin-top:18px;padding:18px 8px 0;font-size:13px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#315849;color:#fff;font-size:11px;font-weight:800}
main{padding:36px 44px 70px;max-width:1500px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}h1{font-size:34px;letter-spacing:-.035em;margin:3px 0 7px}header p{margin:0;color:var(--muted)}.eyebrow{font-size:11px!important;font-weight:800;letter-spacing:.13em;color:var(--green)!important}.ghost{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 13px;cursor:pointer}.header-actions{display:flex;gap:9px;align-items:center}.extlink{color:var(--green);text-decoration:none;font-weight:700}.extlink:hover{text-decoration:underline}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:17px}.metric p{color:var(--muted);font-size:12px;margin:0 0 8px}.metric strong{font-size:25px}.metric small{float:right;color:var(--green);font-weight:700;margin-top:9px}.progress{height:5px;background:#e8edea;border-radius:5px;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green)}
.toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 170px 200px;gap:10px;margin-bottom:12px}.search{background:white;border:1px solid var(--line);border-radius:10px;padding:0 13px;display:flex;align-items:center;gap:8px}.search input{border:0;outline:0;width:100%;padding:11px 0;background:transparent}select{border:1px solid var(--line);border-radius:10px;background:white;padding:0 11px;color:var(--ink)}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;border-bottom:1px solid var(--line)}h2{font-size:17px;margin:0 0 4px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.panel-head>span{font-size:12px;color:var(--muted)}
.candidate{display:grid;grid-template-columns:minmax(270px,1.4fr) 1fr 100px 150px 36px;align-items:center;gap:18px;padding:17px 21px;border-bottom:1px solid #edf0ee;cursor:pointer}.candidate:last-child{border-bottom:0}.candidate:hover{background:#fafcfb}.identity{display:flex;align-items:center;gap:12px}.initials{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#e4eee9;color:var(--green);font-size:12px;font-weight:800}.identity strong{display:block;font-size:14px}.identity small,.candidate small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.skills{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:10px;background:#f0f4f1;color:#3d554a;padding:4px 7px;border-radius:99px}.score{font-size:20px;font-weight:800}.score small{font-size:9px;text-transform:uppercase;letter-spacing:.07em}.status{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:6px 8px;border-radius:99px;background:#eef1ef;width:max-content}.status.ready{background:#dcf4e7;color:#17613f}.status.approved,.status.drafted{background:#fff1d5;color:#7d5513}.arrow{font-size:18px;color:#9ba7a1}.empty{padding:50px;text-align:center;color:var(--muted)}
.sim-label{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:4px;background:#fff1d5;color:#7d5513;font-size:8px;font-weight:800;letter-spacing:.06em;vertical-align:2px}.evidence-item a{color:var(--green)}
.hidden{display:none!important}.eng-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;padding:19px 21px}.eng-card{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;flex-direction:column;gap:12px}.eng-card.open{border-color:#e5c9a4;background:#fffdf7}.eng-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0}.eng-card h3{margin:2px 0 0;font-size:15px;line-height:1.4}.eng-card small{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.eng-status{font-size:9px;font-weight:800;letter-spacing:.08em;color:#7d5513;background:#fff1d5;padding:4px 8px;border-radius:99px;white-space:nowrap}.eng-meta{margin:0;font-size:11px;color:var(--muted);border-bottom:1px dashed var(--line);padding-bottom:11px}.fits{display:grid;gap:8px;flex:1}.fit{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;background:#f8faf8;border-radius:9px;padding:9px 11px}.fit strong{font-size:13px}.fit>div small{color:var(--muted);font-size:11px;display:block}.fit-band{font-size:10px;font-weight:800;padding:3px 7px;border-radius:99px;white-space:nowrap}.fit-band.strong{background:#dcf4e7;color:#17613f}.fit-band.partial{background:#fff1d5;color:#7d5513}.fit-skills{grid-column:1/-1;color:var(--muted);font-size:10px}.eng-gap{margin:0;font-size:12px;color:#8a5a16;background:#fdf3e3;border-radius:9px;padding:11px 12px;line-height:1.5}
.primary,.secondary{border:0;border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer}.primary{background:var(--green);color:#fff}.secondary{background:#edf2ef;color:var(--ink)}
dialog{border:0;border-radius:16px;padding:0;max-width:720px;width:calc(100% - 30px);box-shadow:0 25px 80px #12221b44}dialog::backdrop{background:#10201999}.detail{padding:25px}.detail-top{display:flex;justify-content:space-between;gap:20px}.detail h2{font-size:24px}.close{border:0;background:#eef2ef;width:32px;height:32px;border-radius:50%;cursor:pointer}.detail-meta{color:var(--muted);font-size:12px}.scorebox{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center;background:#f5f8f6;border-radius:12px;padding:16px;margin:18px 0}.bigscore{font-size:38px;font-weight:900;text-align:center}.bigscore small{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.bars{display:grid;gap:7px}.bar{display:grid;grid-template-columns:80px 1fr 28px;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.bar i{height:5px;background:var(--green);border-radius:5px}.evidence{display:grid;gap:8px;margin:13px 0 19px}.evidence-item{border:1px solid var(--line);border-radius:10px;padding:11px;font-size:12px;display:flex;justify-content:space-between;gap:15px}.evidence-item small{display:block;color:var(--muted);font-size:11px;margin-top:2px;font-weight:500}.verified{color:var(--green);font-weight:800;font-size:10px}.missing{color:#9a6511;font-weight:800;font-size:10px}.detail-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:17px}.receipt{background:#e8f6ee;border:1px solid #b8ddc7;color:#185c3e;padding:13px;border-radius:10px;font-size:12px;margin-top:14px}
.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 11px}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:13px;padding:19px 21px}.post-card{background:white;border:1px solid var(--line);border-radius:13px;padding:17px}.post-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0}.post-card h3{margin:0;font-size:14px;line-height:1.4}.rate{font-size:15px;font-weight:900;color:var(--green);white-space:nowrap}.post-meta{font-size:11px;color:var(--muted);margin:7px 0 13px}.dim{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.post-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 14px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px}.post-stats b{color:var(--ink);font-size:13px}.post-note{margin:13px 0 0;font-size:11px;font-weight:700;color:var(--green)}
.reply-list{display:grid;gap:11px;padding:19px 21px}.reply-card{background:white;border:1px solid var(--line);border-radius:13px;padding:17px}.reply-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.reply-head strong{font-size:14px}.reply-head small{color:var(--muted);font-size:11px}.intent{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:4px 7px;border-radius:99px;background:#eef1ef;color:#3d554a}.intent.disagreement{background:#fde8e6;color:#9a2f22}.intent.agreement{background:#dcf4e7;color:#17613f}.intent.question{background:#e6eefc;color:#264a86}.intent.neutral{background:#f0f1f3;color:#4a5560}.their-words{margin:12px 0;border-left:3px solid var(--line);padding:10px 14px;background:#f8faf8;color:#33483e;font-size:13px;line-height:1.55}.draft{border:1px dashed #b9cfc2;background:#f4faf6;color:#1b3b2c;font-size:13px;line-height:1.6;padding:13px;border-radius:10px}.reply-foot,.note-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;font-size:10px;color:var(--muted)}.gate{font-weight:800;letter-spacing:.07em;color:#7d5513;background:#fff1d5;padding:4px 8px;border-radius:99px}
.outreach-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px;padding:19px 21px}.note-list{display:grid;gap:11px}.note-card{background:white;border:1px solid var(--line);border-radius:13px;padding:16px}.note-card.muted{background:#fbfcfb}.group{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:4px 7px;border-radius:99px;background:#e6eefc;color:#264a86}.note{border:1px dashed #b9cfc2;background:#f4faf6;color:#1b3b2c;font-size:13px;line-height:1.6;padding:13px;border-radius:10px;margin-top:11px}.excluded{margin:11px 0 0;font-size:12px;color:var(--muted);font-style:italic}
.receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:19px 21px}.receipt-block{background:white;border:1px solid var(--line);border-radius:13px;padding:17px}.receipt-block.zero{background:#f2faf5;border-color:#b8ddc7}.receipt-line{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px dashed #e7ebe8;font-size:12px;color:var(--muted)}.receipt-line:last-child{border-bottom:0}.receipt-line b{color:var(--ink);font-size:15px}.receipt-line small{font-size:10px;color:var(--muted);flex:1;text-align:right}.zero-banner{margin:0 21px 21px;background:var(--navy);color:#dff8e9;border-radius:12px;padding:15px 17px;font-size:12px;line-height:1.6}
@media(max-width:900px){.shell{grid-template-columns:76px 1fr}aside{padding:20px 10px}.brand div,.nav span,.guardrail,.operator div:not(.avatar){display:none}.brand{padding:0 10px 25px}.nav{justify-content:center}.operator{justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}main{padding:28px 20px}.candidate{grid-template-columns:1fr 80px 28px}.candidate>.skills,.candidate>.status{display:none}.toolbar{grid-template-columns:1fr}.eng-grid{grid-template-columns:1fr}.outreach-grid{grid-template-columns:1fr}.receipt-grid{grid-template-columns:1fr}.post-grid{padding:15px}}
