
/* Clear widget boundaries; color supplements headings, never replaces them. */
body{background:#e4eaf1}
/* Two distinct work widgets below focus; timer retains its own sticky rail. */
@media(min-width:1101px){
 main{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 290px}
 .current-focus{grid-column:1/3;grid-row:2}
 .coach.card{grid-column:1;grid-row:3}
 .brain.card{grid-column:2;grid-row:3}
 .timer-card{grid-column:3;grid-row:2/span 2}
 .coach.card,.brain.card{align-self:stretch}
}
main{gap:22px}
.card{border:1px solid #aebdce;border-radius:14px;box-shadow:0 3px 8px #17344b12;overflow:hidden;background:#fff}
.card>.section-head{background:#eaf0f6;border-bottom:1px solid #b9c8d7;margin:-22px -22px 16px;padding:15px 20px}
.card>.section-head h2{font-size:18px;font-weight:750;color:#17344b}
.current-focus{background:#fff0bc;border:1px solid #bd8a1f;border-left:7px solid #ad7610;box-shadow:0 3px 9px #80601c15}
.current-focus .eyebrow{letter-spacing:.1em}
.coach.card{border:1px solid #8baac7;border-top:5px solid #315d85;background:#f0f5fa}
.coach.card>.section-head{background:#dce8f4;border-color:#a6bdd4}
.unified-chat .chat-surface{border:0;border-radius:0;background:transparent;overflow:visible}
.unified-chat #coachLog{background:transparent;height:clamp(150px,23vh,230px);padding:5px 2px 18px}
.unified-chat .coach-msg.assistant{background:#fff;border-left:3px solid #547c9e;border-radius:0 10px 10px 0;padding:12px 14px}
.unified-chat .coach-msg.user{background:#d4e5f7;color:#18344a}
.unified-chat .chat-composer{background:#fff;border:1px solid #839eb7;margin:4px 0 0}
.unified-chat .coach-actions{margin:10px 0 2px}
.unified-chat .chat-footer{padding:3px 2px 0}
.thought-inbox.card{border:1px solid #7cae9b;border-top:5px solid #367c64;background:#edf6f1}
.thought-inbox.card>.section-head{background:#dceee4;border-color:#99bfae}
.thought-inbox #brainRecent p{background:#d3e8dc;border:1px solid #8bb39c;border-left:5px solid #488365;color:#183c2c;border-radius:7px;padding:12px 14px;margin-top:8px;font-weight:500}
.thought-inbox #brainRecent p:nth-of-type(even){background:#c5dfd0}
.unified-chat .coach-toolbar{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:8px}
.unified-chat .coach-toolbar .coach-actions{display:flex;flex-wrap:wrap;margin:0;gap:4px;flex:0 1 auto}
.unified-chat .coach-toolbar .chat-footer{display:flex;align-items:baseline;padding:0;gap:12px;flex:0 1 auto}
.unified-chat .coach-toolbar .voice-controls{margin:0}
.unified-chat #coachAIStatus:not(:empty){margin:6px 0 0}
.thought-inbox #brainRecent strong{color:#315b49}
.timer-card{border:1px solid #699d97;border-top:5px solid #137f70;background:#f2f8f7}
.timer-card>.section-head{background:#dceeea;border-color:#9ebfb9}
.timer-display{font-size:70px}
.grid.two>.card:first-child{border-top:5px solid #71618d}
.grid.two>.card:first-child>.section-head{background:#ebe5f2}
.grid.two>.card:last-child{border-top:5px solid #637589}
.review.card{border-top:5px solid #637589}
button.ghost{border-color:#aebfce}
.thought-inbox .thought-mic,.unified-chat #coachMic{border:0}
#focusState{color:#634914}
@media(min-width:901px){
 .dictation-button{font-size:16px}
 .unified-chat #coachMic,.thought-inbox .thought-mic{width:40px;min-width:40px;height:40px;min-height:40px;flex:0 0 40px;border:0;background:transparent;border-radius:12px}
 .unified-chat #coachMic:before,.thought-inbox .thought-mic:before{font-size:32px}
 .dictation-button[aria-pressed=true]{background:#ffe0cf;border-color:#ae5637}
}
@media(max-width:900px){main{gap:16px}.card>.section-head{margin:-16px -16px 14px;padding:13px 16px}.timer-display{font-size:56px}.unified-chat #coachLog{height:210px}}
