:root{--ink:#183228;--green:#245f45;--mint:#dceadf;--lime:#d6e89d;--cream:#f5f2e9;--line:#d7ddd3;--orange:#db793e;--red:#a9473c}*{box-sizing:border-box}body{color:var(--ink);background:#f4f3ed;margin:0}button,input,textarea{font:inherit}main{max-width:1440px;margin:auto;padding:30px 38px 48px}.topbar{border-bottom:1px solid #ccd4ca;justify-content:space-between;align-items:flex-end;padding:10px 4px 27px;display:flex}.eyebrow{letter-spacing:.18em;color:#5b806d;font-size:11px;font-weight:800}.topbar h1{letter-spacing:-.04em;margin:10px 0 8px;font-size:42px;line-height:1}.topbar p{color:#627269;margin:0}.api-pill{background:#fff;border:1px solid;border-radius:99px;align-self:center;padding:10px 14px;font-size:12px;font-weight:700}.api-pill span{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.api-pill.ok{color:#286441;border-color:#9ec5ae}.api-pill.ok span{background:#36a469}.api-pill.warn{color:#9a5b29;border-color:#e4c9a8}.api-pill.warn span{background:#d9813b}.workspace{grid-template-columns:minmax(0,1.7fr) minmax(330px,.85fr);gap:22px;margin-top:22px;display:grid}.case-card,.agent-panel,.empty-result,.result-card{border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 35px #2842330f}.case-card{background:#fff;padding:26px}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:23px;display:flex}.section-heading span{font-size:20px;font-weight:800}.section-heading small{color:#7c897f}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{color:#52665b;gap:7px;margin-bottom:15px;font-size:12px;font-weight:700;display:grid}input,textarea{color:#203c2e;background:#fbfcfa;border:1px solid #ccd6cd;border-radius:10px;outline:none;width:100%;padding:11px 12px;transition:all .2s}input:focus,textarea:focus{border-color:#5c9a76;box-shadow:0 0 0 3px #e6f1e9}textarea{resize:vertical;line-height:1.55}.file{padding:8px;font-size:11px}.subheading{color:#2e684c;border-top:1px dashed #cad6cc;margin:4px 0 14px;padding-top:18px;font-size:13px;font-weight:800}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.primary,.secondary{cursor:pointer;border:0;border-radius:11px;padding:12px 17px;font-weight:800}.primary{background:var(--green);color:#fff}.primary:hover{background:#184d36}.primary:disabled{opacity:.6;cursor:wait}.secondary{color:#315a46;background:#edf2ed;border:1px solid #cdd9d0}.config-note{color:#8d6034;margin:12px 0 0;font-size:12px}.config-note code{background:#f4eadb;border-radius:4px;padding:2px 5px}.agent-panel{color:#f4f8f3;background:#173c2c;padding:25px;position:relative;overflow:hidden}.agent-panel:after{content:"";border:50px solid #d0e5a014;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-130px;right:-130px}.section-heading.light small{color:#a9c0b2}.orchestrator{background:var(--lime);color:#183a2a;border-radius:13px;gap:4px;margin-bottom:12px;padding:15px 17px;display:grid}.orchestrator span,.agent span,.rag-box span{opacity:.76;font-size:11px}.agent-list{gap:9px;display:grid}.agent{background:#ffffff0d;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:13px;padding:12px;display:flex}.agent strong{color:#d5e79d;font-size:11px}.agent div{gap:3px;display:grid}.agent b{font-size:13px}.rag-box{color:#264735;background:#fff;border-radius:12px;gap:4px;margin-top:12px;padding:14px 16px;display:grid}.model-note{color:#bad0c3;z-index:1;margin:17px 2px 0;font-size:11px;line-height:1.7;position:relative}.empty-result,.result-card{background:#fff;margin-top:22px;padding:25px}.empty-result{color:#718077;align-items:center;gap:18px;display:flex}.empty-result span{color:#315b46;font-weight:800}.empty-result p{margin:0}.result-title{justify-content:space-between;align-items:center;font-size:20px;font-weight:800;display:flex}.result-title em{border-radius:99px;padding:8px 11px;font-size:12px;font-style:normal}.waiting{border-color:#e0bd8b}.waiting .result-title em{color:#9a5b29;background:#f7ead8}.ready{border-color:#a9c9b5}.ready .result-title em{color:#286441;background:#e1f1e5}.refused{border-color:#dfb4ad}.refused .result-title{color:var(--red)}.result-card>p{color:#5e7066}.result-card>ul{line-height:1.8}.actions{gap:10px;margin-top:12px;display:flex}.result-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.result-grid article{background:#f3f6f1;border-radius:13px;padding:17px}.result-grid small{color:#668073;font-weight:700}.result-grid h3{margin:7px 0;font-size:17px}.result-grid p{color:#5e7066;margin:0;font-size:12px;line-height:1.6}.recommendation{border-left:4px solid var(--green);background:#fbfcf9;padding:18px}.recommendation h3,.feedback h3{margin:0 0 8px}.recommendation li{margin:6px 0}.cautions{color:#81512d;background:#fff5e9;border-radius:9px;gap:12px;margin-top:12px;padding:13px;font-size:12px;display:flex}.sources{align-items:center;gap:8px;margin-top:15px;font-size:12px;display:flex}.sources span{background:#e8eee9;border-radius:6px;padding:6px 9px}.feedback{border-top:1px solid #dde4dd;margin-top:19px;padding-top:18px}.feedback p{color:#66766d;font-size:12px}.feedback textarea{margin-bottom:10px}.feedback-answer{background:#edf5ee;border-radius:8px;padding:10px}footer{text-align:center;color:#78847d;padding-top:25px;font-size:11px}@media (max-width:900px){main{padding:20px}.workspace{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:20px}.topbar h1{font-size:34px}.form-grid.three,.result-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){main{padding:14px}.topbar{display:grid}.form-grid,.form-grid.three,.result-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:8px}.section-heading small{text-align:right;max-width:150px}.result-title{align-items:flex-start;gap:10px}.actions{display:grid}}
