/* WWC assistant workspace. All visuals are local, code-based brand elements. */
:root{--ink:#20344f;--muted:#71829a;--line:#e5ebf3}body{background:#f5f7fb}main{max-width:1760px;width:100%;margin:0 auto}.topbar{font-size:11px}.nav{font-size:12px}.ai-nav-label{font-size:8px;border-radius:4px;background:#dfeaff;color:#3a68a7;padding:3px 5px;margin-left:auto}.warbler-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;position:relative;overflow:hidden;background:linear-gradient(115deg,#122f5e,#214f9a 72%,#3562a7);border-radius:17px;padding:30px 34px;margin-top:23px;color:white;box-shadow:0 10px 30px #244d8815;animation:float-in .5s both}.warbler-hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff10;border-radius:50%;top:-220px;left:29%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.hero-copy,.hero-assistant{position:relative;z-index:1}.hero-kicker{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.6px;color:#bed3f5}.spark-mark{font-size:17px;color:#b8d9ff}.hero-copy h2{font-size:33px;line-height:1.15;font-weight:550;letter-spacing:-1.1px;margin:13px 0}.hero-copy>p{color:#b3c8e8;font-size:11px;line-height:1.8;margin:0}.hero-assistant{align-self:center;background:#ffffff0b;border:1px solid #ffffff25;border-radius:13px;padding:18px 20px;backdrop-filter:blur(10px)}.hero-assistant-head{display:flex;align-items:center;gap:12px}.warbler-avatar{display:grid;place-items:center;font-size:23px;width:43px;height:43px;border-radius:12px;flex-shrink:0;color:#4b78b9;background:linear-gradient(145deg,#eef5ff,#dce9ff);border:1px solid #d9e6fa;box-shadow:inset 0 1px 0 #ffffffb0}.hero-assistant .warbler-avatar{border-color:#ffffff25;background:#b9d4ff22;color:#e5f0ff}.hero-assistant-head strong{display:block;font-size:12px;font-weight:550}.hero-assistant-head small{display:block;font-size:9px;color:#b7cbea;margin-top:6px}.ai-orbit{width:7px;height:7px;border-radius:50%;background:#a7dcca;box-shadow:0 0 0 4px #a7dcca14;margin-left:auto}.hero-prompts{display:grid;gap:7px;margin-top:18px}.hero-prompts button{justify-content:space-between;background:#ffffff0b;color:#dbe8fa;border-color:#ffffff15;font-size:10px;font-weight:400;padding:10px 12px}.hero-prompts button:hover{background:#ffffff1d;box-shadow:none}.hero-prompts span{color:#9cbdea}.hero-open{display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;border-radius:0;color:#d7e7ff;width:100%;padding:13px 0 0;font-size:10px}.hero-open:hover{background:transparent;box-shadow:none;color:white}.metric-head{font-size:12px}.metrics article>small{font-size:10px}.metric-icon{width:34px;height:34px}.metrics article{border-radius:13px}.notice{font-size:11px}.intelligence-grid{grid-template-columns:1.65fr 1fr;gap:20px}.intelligence-grid>.panel{padding:23px;border-radius:13px}.chart-caption{font-size:9px;color:#8b9ab0}.chart-key{display:flex;gap:15px;align-items:center;font-size:9px;color:#8191a7;margin-top:17px}.chart-key>span{display:flex;align-items:center;gap:5px}.chart-unit{margin-left:auto}.weekly-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;height:169px;margin:12px 0 0}.day-column{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:end;min-width:0;background:transparent;border:0;padding:6px 3px;color:#8b9bb1;border-radius:7px;font-size:9px;font-weight:400}.day-column:hover,.day-column.selected{background:#eff5ff;box-shadow:none;transform:none}.day-column.selected{color:#285a9f}.day-value{font-size:8px;white-space:nowrap;color:#6981a1}.day-track{display:flex;flex-direction:column;justify-content:end;width:23px;height:100px;background:linear-gradient(to bottom,transparent 24%,#eef2f844 25%,transparent 26%,transparent 49%,#eef2f855 50%,transparent 51%,transparent 74%,#eef2f855 75%,transparent 76%);border-radius:5px;overflow:hidden}.day-track>span{width:100%;flex-shrink:0;transition:height .5s ease;min-height:0}.day-active{background:#5986cc;border-radius:3px 3px 0 0}.day-idle{background:#ecc88e;border-radius:3px 3px 0 0}.selected .day-active{background:#214f9a}.day-label{margin-top:4px;font-weight:600}.day-column small{font-size:7px;color:#8c9eb8}.chart-foot{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#8397b4;border-top:1px solid #edf1f7;margin-top:14px;padding-top:12px}.chart-foot>span:last-child{white-space:nowrap;color:#a1afc2}.allocation .time-legend{display:grid;gap:13px;font-size:11px;margin-top:21px}.allocation .time-legend span{width:100%}.allocation .time-legend strong{margin-left:auto;color:#375371}.allocation .time-bar{height:15px;margin-top:26px}.context-note{font-size:10px;color:#8294ad;line-height:1.8;margin:22px 0 12px;max-width:320px}.text-link{font-size:10px;color:#476fa7;background:transparent;border:0;padding:0;text-align:left;justify-content:space-between;width:100%}.text-link:hover{background:transparent;box-shadow:none}.panel{border-radius:13px}.panel-head h2{font-size:17px}.filters input,.filters select,.filters button{font-size:11px}.person-cell strong{font-size:12px}td{font-size:11px}th{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ai-workspace{margin-top:24px}.ai-panel-heading{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.assistant-brand{display:flex;gap:13px;align-items:center}.assistant-brand h2{font-size:20px;margin:0 0 5px}.assistant-brand p{font-size:11px;color:#8497b1;margin:0}.ai-panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-panel-actions button{font-size:10px}.ai-status{font-size:9px;padding:6px 9px;border-radius:20px;background:#f3f5f9;color:#8293aa;white-space:nowrap}.ai-status.connected{color:#318568;background:#ebf7f1}.ai-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:560px}.ai-conversation{padding:25px;min-width:0;display:flex;flex-direction:column}.ai-messages{min-height:270px;max-height:490px;overflow:auto;scrollbar-width:thin;flex:1}.chat-message{display:flex;gap:11px;margin-bottom:24px;animation:float-in .25s both}.chat-avatar{width:28px;height:28px;border-radius:9px;background:#e9f1ff;display:grid;place-items:center;flex-shrink:0;color:#597bb1;font-size:16px}.chat-message>div{min-width:0;flex:1}.chat-message strong{font-size:10px;color:#657e9e;font-weight:600}.chat-message p{font-size:12px;color:#516884;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:8px 0 0}.chat-message.user{margin-left:32px;padding:14px 16px;background:#f6f8fc;border:1px solid #edf1f7;border-radius:12px}.chat-message.user .chat-avatar{font-size:8px;background:#e9edf4;color:#7b8ba2}.chat-message.thinking p{color:#94a6bd;animation:thinking 1.5s ease-in-out infinite}.ai-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 18px}.ai-suggestions button{font-size:10px;padding:8px 10px;background:white;border:1px solid #dfe7f4;color:#6e88ac;font-weight:400}.ai-suggestions button:hover{background:#f2f6ff}.ai-composer{padding:13px 15px;border:1px solid #dce5f2;background:#fbfcfe;border-radius:13px;box-shadow:0 3px 12px #1e427506}.ai-composer:focus-within{border-color:#9bb8e0;box-shadow:0 0 0 3px #eaf2ff}.ai-composer textarea{display:block;width:100%;border:0;resize:vertical;min-height:50px;max-height:160px;background:transparent;padding:0;font:inherit;font-size:12px;line-height:1.7;outline:0}.ai-composer textarea:focus{outline:0}.ai-composer>div{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.ai-composer>div>span{font-size:8px;color:#96a7be}.ai-composer button{font-size:10px;padding:9px 12px}.ai-composer button span{font-size:15px}.ai-footnote{font-size:9px;color:#93a4ba;line-height:1.7;margin:12px 3px 0}.ai-context{position:static;height:auto;padding:28px 22px;background:#fafcff;border:0;border-left:1px solid var(--line);display:block}.ai-context .eyebrow{font-size:8px}.ai-context h3{font-size:13px;line-height:1.6;color:#4e688a;font-weight:600;margin-bottom:16px}.ai-context-stat{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8b9bb1;margin-top:18px}.ai-context-stat strong{color:#526e91;font-size:11px;font-weight:600}.context-divider{height:1px;background:var(--line);margin:27px 0}.context-shield{display:grid;place-items:center;width:33px;height:33px;border:1px solid #e2eafa;background:#edf3ff;color:#7698c7;border-radius:10px;margin-bottom:16px}.ai-context p:not(.eyebrow){font-size:10px;color:#8b9db4;line-height:1.9}.ai-usage{display:block;border-top:1px solid var(--line);padding-top:16px;margin-top:24px;font-size:9px;color:#8b9db4}#ai-config-dialog{width:min(510px,calc(100% - 30px));padding:30px}#ai-config-dialog .warbler-avatar{margin-bottom:21px}#ai-config-dialog .eyebrow{font-size:8px}#ai-config-dialog select{width:100%;margin-top:7px}.ai-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;font-weight:400;line-height:1.7}.ai-consent input{width:auto;margin-top:3px;flex-shrink:0}.ai-consent span{flex:1}@keyframes thinking{50%{opacity:.45}}
@media(max-width:1150px){.warbler-hero{gap:24px;padding:26px}.hero-copy h2{font-size:29px}.hero-assistant{padding:16px}.ai-layout{grid-template-columns:minmax(0,1fr) 220px}.ai-context{padding:24px 18px}.ai-panel-heading{align-items:flex-start;flex-wrap:wrap}.intelligence-grid{grid-template-columns:1.3fr 1fr}.chart-foot{flex-direction:column;gap:6px}.chart-foot>span:last-child{display:none}.day-value{font-size:7px}}
@media(max-width:850px){.ai-nav-label{display:none}.warbler-hero{grid-template-columns:1fr 1.1fr}.hero-copy h2{font-size:27px}.hero-copy>p{font-size:10px}.hero-kicker{font-size:7px;letter-spacing:1px}.hero-assistant-head strong{font-size:11px}.hero-assistant-head small{font-size:8px}.hero-assistant .warbler-avatar{width:34px;height:34px}.intelligence-grid{grid-template-columns:1fr}.allocation .time-legend{display:flex;flex-wrap:wrap;gap:16px}.allocation .time-legend span{width:auto;gap:8px}.context-note{max-width:none;margin:20px 0 12px}.ai-layout{grid-template-columns:1fr}.ai-context{border-left:0;border-top:1px solid var(--line)}.ai-context-stat{max-width:360px}.ai-context .context-divider,.context-shield{display:none}.ai-context h3{margin-top:18px}.ai-context p:not(.eyebrow){max-width:600px}.ai-messages{min-height:230px}.ai-nav-label{display:none}}
@media(max-width:560px){.nav{font-size:0}.ai-nav-label{display:none}.warbler-hero{grid-template-columns:1fr;gap:22px;padding:24px;margin-top:18px;border-radius:13px}.hero-copy h2{font-size:32px}.hero-copy>p br{display:none}.hero-assistant{padding:16px}.hero-assistant-head strong{font-size:12px}.hero-assistant-head small{font-size:9px}.hero-prompts button{font-size:11px}.hero-kicker{font-size:8px}.hero-copy>p{font-size:11px}.metrics article>small{font-size:9px}.metric-head{font-size:11px}.notice{font-size:9px}.intelligence-grid>.panel{padding:19px}.day-value{font-size:7px}.weekly-chart{gap:3px}.chart-caption{font-size:8px}.chart-unit{font-size:8px}.ai-panel-heading{padding:20px}.ai-panel-actions{gap:6px}.ai-panel-actions button{padding:8px}.ai-conversation{padding:19px}.ai-composer>div>span{max-width:130px;line-height:1.5}.ai-suggestions button{font-size:9px}.chat-message p{font-size:12px}.ai-context{padding:20px}#ai-config-dialog{padding:24px}.ai-consent{font-size:10px}.dialog-actions{flex-wrap:wrap}}
@media(min-width:561px) and (max-width:850px){#dashboard>aside .nav{font-size:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}