:root{--gdx-navy:#002d5b;--gdx-blue:#005a96;--gdx-bright-blue:#005eeb;--gdx-lite-blue:#def1ff;--gdx-green:#27a973;--gdx-orange:#ff9d00;--gdx-red:#ff4737;--gdx-mango:linear-gradient(180deg,#ff4737,#ff9d00);--gdx-grey-02:#f6f6f6;--gdx-grey-03:#d2d2d2;--gdx-grey-04:#929292;--gdx-grey-05:#5f5f5f;--gdx-grey-06:#323232}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--gdx-grey-06);background:var(--gdx-grey-02);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55}a{color:var(--gdx-blue);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.app{flex-direction:column;min-height:100vh;display:flex}.demo-banner{background:var(--gdx-mango);color:#fff;text-align:center;letter-spacing:.2px;padding:8px 20px;font-size:12px;font-weight:600}.app-header{background:var(--gdx-navy);color:#fff;align-items:center;gap:16px;padding:16px 24px;display:flex}.app-header .brand{flex:1;align-items:center;gap:12px;display:flex}.app-header .brand-mark{background:var(--gdx-bright-blue);letter-spacing:-.5px;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.app-header .brand-text{font-size:14px}.app-header .brand-text strong{font-size:17px;font-weight:600;display:block}.app-header .brand-text span{color:var(--gdx-lite-blue);font-size:12px}.cs-link{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.cs-link:hover{background:#ffffff26;text-decoration:none}.scenario-row{border-bottom:1px solid var(--gdx-grey-03);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 24px;display:flex}.scenario-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gdx-grey-05);font-size:12px;font-weight:700}.scenario-btn{border:1px solid var(--gdx-grey-03);color:var(--gdx-grey-06);background:#fff;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s}.scenario-btn:hover{border-color:var(--gdx-bright-blue);color:var(--gdx-bright-blue)}.scenario-btn .scenario-tag{background:var(--gdx-lite-blue);color:var(--gdx-blue);border-radius:3px;margin-right:6px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.reset-btn{color:var(--gdx-grey-05);border-radius:6px;margin-left:auto;padding:7px 12px;font-size:13px}.reset-btn:hover{background:var(--gdx-grey-02);color:var(--gdx-grey-06)}.chat-shell{flex-direction:column;flex:1;gap:16px;width:100%;max-width:820px;margin:0 auto;padding:24px 16px 0;display:flex}.message{gap:12px;max-width:90%;display:flex}.message-assistant{align-self:flex-start}.message-user{flex-direction:row-reverse;align-self:flex-end}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.avatar-bot{background:var(--gdx-navy)}.avatar-user{background:var(--gdx-grey-04)}.bubble{word-break:break-word;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6}.bubble-assistant{color:var(--gdx-grey-06);border:1px solid var(--gdx-grey-03);background:#fff;border-bottom-left-radius:4px}.bubble-user{background:var(--gdx-blue);color:#fff;border-bottom-right-radius:4px}.bubble p+p{margin-top:8px}.bubble strong{font-weight:600}.bubble a{color:var(--gdx-blue);border-bottom:1px dotted var(--gdx-blue)}.bubble-user a{color:#fff;border-bottom-color:#ffffff80}.sources{color:var(--gdx-grey-05);margin-top:6px;font-size:11px;line-height:1.5}.sources strong{font-weight:600}.source-chip{background:var(--gdx-grey-02);border:1px solid var(--gdx-grey-03);color:var(--gdx-blue);border-radius:10px;margin-right:6px;padding:1px 7px;font-weight:500;display:inline-block}.source-chip:hover{background:var(--gdx-lite-blue);text-decoration:none}.escalation-card{background:var(--gdx-lite-blue);border:1px solid var(--gdx-blue);border-left:4px solid var(--gdx-navy);border-radius:6px;flex-wrap:wrap;align-self:stretch;align-items:center;gap:16px;margin:12px 0;padding:16px 20px;display:flex}.escalation-card .esc-text{flex:1;min-width:220px}.escalation-card .esc-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gdx-blue);margin-bottom:4px;font-size:11px;font-weight:700}.escalation-card .esc-headline{color:var(--gdx-navy);font-size:15px;font-weight:600}.escalation-card .esc-cta{background:var(--gdx-green);color:#fff;border-radius:6px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.escalation-card .esc-cta:hover{background:#229863;text-decoration:none}.typing{color:var(--gdx-grey-05);font-size:12px;display:inline-block}.typing:after{content:"";animation:1.5s steps(4,end) infinite ellipsis}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.composer{background:var(--gdx-grey-02);border-top:1px solid var(--gdx-grey-03);padding:16px;position:sticky;bottom:0}.composer-inner{gap:10px;max-width:820px;margin:0 auto;display:flex}.composer textarea{resize:none;border:1px solid var(--gdx-grey-03);font:inherit;color:var(--gdx-grey-06);background:#fff;border-radius:8px;flex:1;min-height:48px;max-height:160px;padding:12px 14px;font-size:14px;line-height:1.5}.composer textarea:focus{border-color:var(--gdx-bright-blue);outline:none;box-shadow:0 0 0 3px #005eeb1f}.send-btn{background:var(--gdx-bright-blue);color:#fff;border-radius:8px;padding:0 22px;font-size:14px;font-weight:600;transition:background .15s}.send-btn:hover{background:var(--gdx-blue)}.send-btn:disabled{background:var(--gdx-grey-04);cursor:not-allowed}.empty-state{text-align:center;color:var(--gdx-grey-05);padding:48px 16px}.empty-state h2{color:var(--gdx-navy);margin-bottom:12px;font-size:22px;font-weight:600}.empty-state p{max-width:480px;margin:0 auto;font-size:14px}.disclaimer{text-align:center;color:var(--gdx-grey-04);background:var(--gdx-grey-02);padding:12px 16px;font-size:11px}