:root{--chat-bg:#fff;--sidebar-bg:#f7f7f8;--hover:#ececec;--text:#171717;--subtle:#737373;--accent:#223d31;--accent-soft:#e7f0df;--composer:#fff}
html,body{height:100%;overflow:hidden;background:var(--chat-bg)}
.app{height:100dvh;display:grid;grid-template-columns:280px minmax(0,1fr);background:var(--chat-bg)}
aside{position:relative;z-index:10;width:auto;min-width:0;padding:14px 12px 12px;background:var(--sidebar-bg);border-right:0}
.brand{padding:6px 8px 18px;gap:10px}.brand .mark{width:32px;height:32px;border-radius:9px}.brand b{font-size:14px}.brand small{font-size:10px}
.new{display:flex;align-items:center;width:100%;min-height:42px;border:0;background:transparent;border-radius:9px;padding:10px 12px;font-weight:600}.new:hover{background:var(--hover)}
.simulate{min-height:38px;border:0!important;background:transparent!important;border-radius:9px!important;text-align:left;padding:9px 12px!important;color:#365540!important}.simulate:hover{background:var(--accent-soft)!important}
.label{margin:20px 10px 8px;font-size:10px;letter-spacing:.05em;text-transform:none}.visitor-filters{padding:0 4px 10px;gap:5px}.visitor-filters input,.visitor-filters select{background:#fff;border-color:#e3e3e3;border-radius:8px;padding:7px 8px}
.visitors{gap:2px}.visitor{padding:10px 11px;border-radius:9px}.visitor:hover,.visitor.active{background:var(--hover);box-shadow:none}.visitor.active{box-shadow:inset 3px 0 0 var(--accent)}.visitor b{font-size:12px}.visitor small{font-size:9px}.score{font-size:12px}
.aside-foot{padding:12px 9px 2px;border-top:0}.aside-foot b{font-size:10px}.aside-foot small{font-size:9px}
main{position:relative;height:100dvh;min-width:0;background:var(--chat-bg)}
header{height:64px;flex:0 0 64px;padding:10px 18px;border-bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);z-index:3}
.chat-title{min-width:0}.chat-title h1{font-size:14px;font-weight:650}.chat-title p{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:3px}
.header-actions{display:flex;align-items:center;gap:6px}.header-actions button,.icon-button{border:0;background:transparent;border-radius:9px;padding:8px 10px;font-size:11px;color:#353535;cursor:pointer}.header-actions button:hover,.icon-button:hover{background:#f1f1f1}.status{border:0;background:#f5f5f5;padding:7px 9px}
.messages{padding:28px 24px 190px;scroll-padding-bottom:190px}.hero{max-width:720px;margin:14vh auto 0}.orb{width:48px;height:48px;border-radius:15px;background:var(--accent-soft)}.hero h2{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:28px;letter-spacing:-.02em;margin:18px 0 8px}.hero p{font-size:14px}.chips{margin-top:25px}.chips button{background:white;border-color:#dedede;padding:9px 13px}.chips button:hover{background:#f5f5f5}
.message{max-width:780px;margin-bottom:28px}.bubble{font-size:14px;line-height:1.75}.message.user .bubble{max-width:72%;background:#f1f1f1;border-radius:18px;padding:10px 15px}.message.assistant{padding-right:8%}.message.assistant .bubble{color:#252525}.meta{font-size:9px;color:#929292}
#composer{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:22px 24px 14px;background:linear-gradient(0deg,#fff 72%,rgba(255,255,255,0))}
.notice{max-width:780px;border:0;background:transparent;color:#8b741f;text-align:left;padding:4px 16px;font-size:9px}
.input{max-width:780px;min-height:58px;border:1px solid #dedede;border-radius:20px;padding:13px 12px 11px 17px;background:var(--composer);box-shadow:0 4px 18px rgba(0,0,0,.08)}.input:focus-within{border-color:#b8b8b8;box-shadow:0 5px 22px rgba(0,0,0,.1)}.input textarea{font-size:14px;line-height:1.5}.input button{width:36px;height:36px;border-radius:50%;background:#1e3028;font-size:18px}#composer>small{font-size:9px;color:#999;margin-top:7px}
.detail{display:block;position:fixed;z-index:40;top:0;right:0;width:min(410px,92vw);height:100dvh;padding:18px;background:#fafafa;border-left:1px solid #e7e7e7;box-shadow:-18px 0 50px rgba(0,0,0,.11);transform:translateX(105%);transition:transform .22s ease;overflow-y:auto}.detail.open{transform:translateX(0)}
.detail-head{position:sticky;top:-18px;z-index:2;margin:-18px -18px 12px;padding:17px 18px 12px;background:rgba(250,250,250,.94);backdrop-filter:blur(10px);align-items:center}.detail-head>div{display:flex;align-items:center;gap:9px}.detail-head span{font-size:9px}.detail-head button{border:0;background:transparent;border-radius:8px;font-size:22px;line-height:1;padding:5px 8px;cursor:pointer}.detail-head button:hover{background:#ececec}.detail .card{border-color:#e7e7e7;box-shadow:none}.empty{height:70%}
#shellBackdrop{display:none;position:fixed;z-index:35;inset:0;border:0;background:rgba(0,0,0,.24);cursor:default}body.sidebar-open #shellBackdrop{display:block}
.detail .evidence-review-actions{display:flex;gap:5px;margin-top:6px}.detail .evidence-review-actions button{border:1px solid #d8d8d8;border-radius:7px;background:#fff;padding:4px 8px;font-size:9px;color:#404040;cursor:pointer}.detail .evidence-review-actions button:hover{background:#f1f1f1}
dialog{border:1px solid #dedede!important;border-radius:18px!important;box-shadow:0 24px 80px rgba(0,0,0,.22)!important}dialog::backdrop{background:rgba(0,0,0,.32);backdrop-filter:blur(2px)}
.mobile-only{display:none}
@media(max-width:820px){.app{grid-template-columns:1fr}aside{display:flex;position:fixed;z-index:40;inset:0 auto 0 0;width:min(300px,88vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 48px rgba(0,0,0,.14)}body.sidebar-open aside{transform:translateX(0)}body.context-open #shellBackdrop{display:block}.mobile-only{display:inline-flex}.chat-title p{max-width:42vw}.header-actions #openMonitor,.header-actions .status{display:none}.messages{padding-left:18px;padding-right:18px}.hero{margin-top:10vh}.hero h2{font-size:24px}#composer{padding-left:14px;padding-right:14px}.message.assistant{padding-right:0}}
@media(max-width:520px){header{padding:9px 10px}.chat-title p{display:none}.header-actions #openApprovals{display:none}.header-actions button{padding:7px}.messages{padding-top:18px}.hero{margin-top:8vh}.hero p{font-size:13px}.chips{display:grid;grid-template-columns:1fr}.message.user .bubble{max-width:88%}.notice{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail{width:100vw}}
