/* Immersive adviser chat: wider reading column, cooler contrast, and full-viewport focus. */
body.chat-mode{background:#050b14;color:#edf4fb}
body.chat-mode .app-shell{place-items:stretch;padding:0;background:radial-gradient(circle at 50% -12%,#1b3852 0%,#0b1725 43%,#050b14 82%)}
body.chat-mode .app{width:100%;height:100dvh;max-width:none;border:0;border-radius:0;box-shadow:none;background:linear-gradient(145deg,#0d1a29,#07111d 58%,#0b1724)}
body.chat-mode .app:before{opacity:.24;background-image:radial-gradient(circle at 12% 14%,#c9e4ff 0 1px,transparent 1.8px),radial-gradient(circle at 76% 7%,#fff 0 .7px,transparent 1.5px),radial-gradient(circle at 54% 28%,#b7d5f1 0 .7px,transparent 1.4px),radial-gradient(circle at 89% 49%,#fff 0 .7px,transparent 1.5px)}
body.chat-mode .topbar{height:78px;padding-inline:clamp(22px,5vw,72px);border-bottom:1px solid rgba(152,190,224,.12);background:rgba(5,13,23,.42);backdrop-filter:blur(18px)}
body.chat-mode .wordmark{color:#edf4fb}
body.chat-mode .avatar{border-color:rgba(159,204,237,.7);background:linear-gradient(145deg,#6d9dbd,#303b59)}
body.chat-mode .view{top:78px;bottom:76px;padding:20px clamp(22px,7vw,112px) 32px}
body.chat-mode #chat-view{gap:0}
body.chat-mode #chat-view .view-header,body.chat-mode #chat-view>h1,body.chat-mode #chat-view>.agent-card,body.chat-mode #chat-view>.chat-creator-tools,body.chat-mode #chat-view>.chat-thread,body.chat-mode #chat-view>.locked-note,body.chat-mode #chat-view>.composer{width:min(100%,1280px);margin-left:auto;margin-right:auto}
body.chat-mode #chat-view .view-header{margin-bottom:4px}
body.chat-mode #chat-view>h1{font-size:clamp(28px,3vw,42px);line-height:1.12;margin-top:10px;margin-bottom:16px}
body.chat-mode #chat-view>h1 em{color:#b7d5f1}
body.chat-mode .eyebrow,body.chat-mode .orbit-overline,body.chat-mode .text-action{color:#a8c8e3}
body.chat-mode .eyebrow span{background:#81c7d8;box-shadow:0 0 10px #81c7d8}
body.chat-mode .icon-button.small{border-color:rgba(159,204,237,.28);color:#c5dced}
body.chat-mode .agent-card{gap:16px;padding:22px 24px;margin-top:0;margin-bottom:30px;border-color:rgba(137,190,232,.34);border-radius:18px;background:linear-gradient(110deg,rgba(26,54,78,.86),rgba(10,22,37,.94));box-shadow:inset 0 1px rgba(221,241,255,.08),0 15px 38px rgba(0,0,0,.2)}
body.chat-mode .agent-card h2{color:#eef7ff;font-size:19px}
body.chat-mode .agent-orb{width:54px;height:54px;border-color:#8fc4df;background:radial-gradient(circle at 36% 32%,#eff8ff,#6aa6c4 28%,#275170 58%,#0c1a2b 72%);box-shadow:0 0 26px rgba(108,188,226,.34)}
body.chat-mode .agent-orb i{width:33px;height:33px;border-color:rgba(230,247,255,.82);border-left-color:transparent}
body.chat-mode .online{color:#aac6d9}
body.chat-mode .voice-button{border-color:rgba(170,210,235,.36);color:#b8d9ef;background:rgba(121,169,201,.08)}
body.chat-mode #chat-view>.chat-creator-tools{margin-top:0;margin-bottom:28px;padding:18px 22px}
body.chat-mode #chat-view .chat-thread{gap:28px;padding:10px 8px 24px;overscroll-behavior:contain}
body.chat-mode #chat-view .message{gap:10px}
body.chat-mode #chat-view .message span{width:28px;height:28px;background:#254a67;color:#dff3ff;font-size:12px}
body.chat-mode #chat-view .message p{width:min(980px,calc(100% - 38px));max-width:none;padding:19px 22px;border:1px solid rgba(149,192,220,.14);border-radius:6px 16px 16px;background:rgba(19,39,57,.9);color:#e3eef7;font-size:clamp(13px,1.15vw,16px);line-height:2.05;box-shadow:0 8px 22px rgba(0,0,0,.14)}
body.chat-mode #chat-view .message.user p{width:min(760px,calc(100% - 18px));border-color:rgba(143,205,226,.28);border-radius:16px 6px 16px 16px;background:linear-gradient(135deg,#2b6682,#2d466f);color:#f0f8ff}
body.chat-mode .locked-note{gap:12px;padding:17px 20px;margin-top:22px;margin-bottom:18px;border-color:rgba(133,193,217,.26);background:rgba(44,98,119,.16)}
body.chat-mode .locked-note>span,body.chat-mode .locked-note b,body.chat-mode .locked-note button{color:#a9d5e8}
body.chat-mode .locked-note p{color:#a7bbc9}
body.chat-mode .composer{height:58px;padding:7px;border-color:rgba(133,190,220,.28);border-radius:15px;background:rgba(10,24,39,.92);box-shadow:0 12px 28px rgba(0,0,0,.2)}
body.chat-mode .composer{margin-top:8px}
body.chat-mode .composer input{padding:0 13px;color:#edf7ff;font-size:14px}
body.chat-mode .composer input::placeholder{color:#8299aa}
body.chat-mode .composer button{width:44px;border-radius:11px;background:linear-gradient(145deg,#5086a5,#3e5b8a);color:#ecf8ff;font-size:20px}
body.chat-mode .bottom-nav{background:rgba(4,13,24,.88);border-color:rgba(137,190,232,.16)}
body.chat-mode .nav-item{color:#849aaa}
body.chat-mode .nav-item.active{color:#b8d8e8}
@media (max-width:700px){
  body.chat-mode .view{padding:22px 16px calc(28px + env(safe-area-inset-bottom))}
  body.chat-mode #chat-view>h1{font-size:32px;margin-bottom:18px}
  body.chat-mode .agent-card{padding:16px 15px;margin-bottom:18px}
  body.chat-mode #chat-view>.chat-creator-tools{margin-bottom:18px;padding:15px 16px}
  body.chat-mode #chat-view .chat-thread{gap:20px;padding:4px 0 16px}
  body.chat-mode #chat-view .message p{width:calc(100% - 38px);font-size:13px;line-height:1.8;padding:12px 14px}
  body.chat-mode #chat-view .message.user p{width:calc(100% - 8px)}
  body.chat-mode .composer{height:54px}
}

/* Compact conversation mode v2: keep the adviser header as a slim workspace chrome. */
body.chat-mode #chat-view .view-header,
body.chat-mode #chat-view>h1,
body.chat-mode #chat-view>.agent-card,
body.chat-mode #chat-view>.chat-creator-tools,
body.chat-mode #chat-view>.chat-thread,
body.chat-mode #chat-view>.locked-note,
body.chat-mode #chat-view>.composer { width: min(100%, 980px); }
body.chat-mode .view { padding-top: 10px; padding-bottom: 24px; }
body.chat-mode #chat-view .view-header { height: 18px; margin-bottom: 0; }
body.chat-mode #chat-view .eyebrow { font-size: 8px; letter-spacing: .1em; }
body.chat-mode #chat-view>h1 { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.06; margin-top: 4px; margin-bottom: 10px; }
body.chat-mode .agent-card { gap: 10px; padding: 9px 13px; margin-bottom: 10px; border-radius: 12px; min-height: 60px; }
body.chat-mode .agent-card h2 { font-size: 15px; margin-bottom: 2px; }
body.chat-mode .agent-card .orbit-overline { font-size: 8px; }
body.chat-mode .online { font-size: 9px; }
body.chat-mode .agent-orb { width: 38px; height: 38px; box-shadow: 0 0 16px rgba(108,188,226,.28); }
body.chat-mode .agent-orb i { width: 23px; height: 23px; }
body.chat-mode .voice-button { width: 30px; height: 30px; font-size: 16px; }
body.chat-mode #chat-view>.chat-creator-tools { margin-bottom: 12px; padding: 9px 12px; border-radius: 12px; gap: 10px; }
body.chat-mode #chat-view>.chat-creator-tools b { font-size: 12px; margin-top: 0; }
body.chat-mode #chat-view>.chat-creator-tools small { font-size: 10px; margin-top: 2px; }
body.chat-mode #chat-view>.chat-creator-tools button { padding: 6px 8px; }
body.chat-mode #chat-view .chat-thread { gap: 14px; padding: 2px 8px 12px; }
body.chat-mode #chat-view .message p { width: min(820px, calc(100% - 38px)); padding: 12px 15px; font-size: clamp(13px, 1.05vw, 15px); line-height: 1.85; }
body.chat-mode .locked-note { padding: 10px 13px; margin-top: 10px; margin-bottom: 8px; }
body.chat-mode .composer { height: 52px; }
@media (max-width:700px) {
  body.chat-mode .view { padding: 12px 24px calc(22px + env(safe-area-inset-bottom)); }
  body.chat-mode #chat-view>h1 { font-size: 28px; margin-top: 3px; margin-bottom: 9px; }
  body.chat-mode .agent-card { gap: 8px; padding: 8px 10px; margin-bottom: 8px; min-height: 54px; }
  body.chat-mode .agent-orb { width: 34px; height: 34px; }
  body.chat-mode .agent-orb i { width: 20px; height: 20px; }
  body.chat-mode #chat-view>.chat-creator-tools { margin-bottom: 10px; padding: 8px 10px; }
  body.chat-mode #chat-view .chat-thread { gap: 14px; padding: 2px 0 10px; }
  body.chat-mode #chat-view .message p { width: calc(100% - 34px); padding: 11px 13px; line-height: 1.8; }
  body.chat-mode .locked-note { padding: 9px 11px; margin-top: 8px; margin-bottom: 7px; }
  body.chat-mode .composer { height: 50px; }
}