:root{color:#16201c;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ef;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{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:300px minmax(420px,1fr) minmax(360px,480px);gap:16px;min-height:100vh;padding:16px;display:grid}.sidebar,.chat-panel,.admin-panel{background:#fbfdfb;border:1px solid #d5ddd8;min-height:calc(100vh - 32px);box-shadow:0 18px 45px #16201c14}.sidebar{flex-direction:column;gap:18px;padding:18px;display:flex}.brand-row,.profile-heading,.order-card,.panel-header,.trace-title,.case-row{align-items:center;display:flex}.brand-row{gap:12px}.brand-mark{color:#fff;background:#163c35;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}h1,h2,p{margin:0}h1{font-size:19px;line-height:1.1}h2{font-size:22px;line-height:1.15}.brand-row p,.profile-heading span,.order-card span,.case-strip span,.decision-banner span,.order-card small{color:#64746d;font-size:13px}.field-label,.eyebrow{color:#64746d;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}select,input{color:#16201c;background:#fff;border:1px solid #cbd6d0;border-radius:8px;width:100%}select{min-height:42px;padding:0 12px}.profile-block{gap:16px;display:grid}.profile-heading{gap:10px}.profile-heading div,.order-card div{gap:3px;display:grid}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;display:grid}.metrics-grid div{background:#f4f7f4;border:1px solid #dce4df;border-radius:8px;min-height:72px;padding:12px}.metrics-grid dt{color:#64746d;font-size:12px}.metrics-grid dd{color:#173f37;text-transform:capitalize;margin:6px 0 0;font-size:20px;font-weight:800}.order-card{background:#eef8f3;border:1px solid #cfdcd5;border-radius:8px;gap:10px;padding:13px}.chat-panel,.admin-panel{flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid #d9e1dd;justify-content:space-between;gap:16px;min-height:76px;padding:18px 20px}.live-pill{color:#0f6d47;background:#effaf3;border:1px solid #a8c9b8;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.prompt-row{border-bottom:1px solid #e1e7e3;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 20px;display:grid}.prompt-row button,.composer button{color:#19322d;background:#fff;border:1px solid #cbd6d0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:750;display:inline-flex}.prompt-row button{min-height:40px;padding:0 10px;font-size:13px}.prompt-row button:hover,.composer button:hover{background:#f1f8f4;border-color:#88ae9c}.conversation{background:#f6f8f6;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.bubble{background:#fff;border:1px solid #d8e0dc;border-radius:8px;max-width:78%;padding:12px 14px}.bubble.customer{color:#fff;background:#17483f;border-color:#17483f;align-self:flex-end}.bubble.agent{align-self:flex-start}.bubble.pending{color:#65736d}.bubble span{opacity:.72;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.bubble p{line-height:1.5}.decision{text-transform:uppercase;border-radius:999px;margin-top:10px;padding:5px 9px;font-size:12px;display:inline-block}.approved{color:#0e6f45}.denied{color:#a83232}.escalated{color:#9b5a05}.decision.approved,.decision-banner.approved{background:#e8f8ee}.decision.denied,.decision-banner.denied{background:#fff0f0}.decision.escalated,.decision-banner.escalated{background:#fff6e8}.composer{background:#fbfdfb;border-top:1px solid #d9e1dd;grid-template-columns:44px 1fr 44px;gap:10px;padding:14px 20px;display:grid}.composer input{min-height:44px;padding:0 13px}.composer button{width:44px;height:44px}.admin-panel{background:#fcfdfc}.decision-banner{border-radius:8px;justify-content:space-between;align-items:center;margin:16px 18px 10px;padding:13px;display:flex}.decision-banner strong{text-transform:capitalize;font-size:22px}.citation-row{flex-wrap:wrap;gap:8px;padding:0 18px 12px;display:flex}.citation-row span{color:#4f625a;background:#f5f7f5;border:1px solid #d4ded8;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:700}.trace-list{gap:10px;padding:0 18px 18px;display:grid;overflow-y:auto}.trace{background:#fff;border:1px solid #d8e0dc;border-radius:8px}.trace.warning{border-color:#edcf9a}.trace.failure{border-color:#e5aaa8}.trace-title{justify-content:space-between;gap:8px;padding:11px 12px}.trace-title strong{text-transform:capitalize;flex:1}.trace-title span{color:#64746d;text-transform:uppercase;font-size:12px;font-weight:800}pre{color:#24362f;white-space:pre-wrap;border-top:1px solid #edf1ee;max-height:170px;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.empty-state{color:#64746d;border:1px dashed #bccbc3;border-radius:8px;margin:18px;padding:18px;line-height:1.5}.case-strip{border-top:1px solid #d9e1dd;gap:8px;margin-top:auto;padding:14px 18px 18px;display:grid}.case-row{background:#f8faf8;border:1px solid #dce4df;border-radius:8px;justify-content:space-between;padding:9px 10px}.case-row strong{text-transform:capitalize}button:disabled{cursor:not-allowed;opacity:.55}@media (width<=1180px){.app-shell{grid-template-columns:280px 1fr}.admin-panel{grid-column:1/-1;min-height:520px}}@media (width<=760px){.app-shell{grid-template-columns:1fr;padding:10px}.sidebar,.chat-panel,.admin-panel{min-height:auto}.prompt-row{grid-template-columns:1fr}.bubble{max-width:100%}}