/* HB R10.7.62-r17 — VISUAL HUMAN READABILITY REBUILD
   Final presentation authority loaded after R15/R16.
   Goal: remove blue-on-blue/dark-on-dark presentation, restore a titled professional
   navigation system, make every bottom status surface readable, and keep code dark
   only where code belongs. No provider transport logic lives here. */

:root{
  --hb17-nav:244px;
  --hb17-top:50px;
  --hb17-foot:36px;
  --hb17-canvas:#eef3f7;
  --hb17-surface:#ffffff;
  --hb17-surface-2:#f7fafc;
  --hb17-surface-3:#edf4f9;
  --hb17-line:#c8d7e2;
  --hb17-line-strong:#a9c1d2;
  --hb17-ink:#142b3e;
  --hb17-body:#28445a;
  --hb17-muted:#617789;
  --hb17-blue:#2d6f9f;
  --hb17-blue-strong:#17547f;
  --hb17-blue-soft:#e6f1f8;
  --hb17-focus:#0b79c8;
  --hb17-green:#277456;
  --hb17-gold:#8a6818;
  --hb17-danger:#a13e44;
  --hb17-code:#12283b;
  --hb17-code-ink:#eaf5ff;
  --hb17-shadow:0 10px 28px rgba(27,59,84,.10);
}

/* ----------------------------- SHELL GEOMETRY ---------------------------- */
html,body{background:var(--hb17-canvas)!important}
#app.final-studio.studio-shell-r10762-r17{
  --hb11-nav-width:var(--hb17-nav)!important;
  display:grid!important;
  grid-template-columns:var(--hb17-nav) minmax(0,1fr)!important;
  grid-template-rows:var(--hb17-top) minmax(0,1fr) var(--hb17-foot)!important;
  width:100vw!important;height:100dvh!important;overflow:hidden!important;
  background:var(--hb17-canvas)!important;color:var(--hb17-ink)!important;
}
#app.studio-shell-r10762-r17>.r11-nav-spine{
  grid-column:1!important;grid-row:1/4!important;width:var(--hb17-nav)!important;
  min-width:var(--hb17-nav)!important;height:100dvh!important;position:relative!important;
}
#app.studio-shell-r10762-r17>.r11-commandbar{
  grid-column:2!important;grid-row:1!important;height:var(--hb17-top)!important;
  min-height:var(--hb17-top)!important;
}
#app.studio-shell-r10762-r17>main{grid-column:2!important;grid-row:2!important}
#app.studio-shell-r10762-r17>.r130-native-statusbar{
  grid-column:2!important;grid-row:3!important;height:var(--hb17-foot)!important;
  min-height:var(--hb17-foot)!important;
}

/* -------------------------- PROFESSIONAL LEFT NAV ------------------------- */
#app.studio-shell-r10762-r17>.r11-nav-spine{
  padding:10px 10px 9px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f3f7fa 58%,#edf3f7 100%)!important;
  border-right:1px solid var(--hb17-line)!important;
  box-shadow:5px 0 18px rgba(30,66,95,.07)!important;
  color:var(--hb17-ink)!important;overflow:hidden!important;
}
#app.studio-shell-r10762-r17 .r11-brand-lockup{
  display:flex!important;height:62px!important;min-height:62px!important;justify-content:flex-start!important;
  gap:10px!important;padding:3px 7px 10px!important;margin:0!important;
  border-bottom:1px solid #d7e3eb!important;
}
#app.studio-shell-r10762-r17 .r11-brand-lockup img{width:52px!important;height:42px!important}
#app.studio-shell-r10762-r17 .r11-brand-lockup>div{display:block!important;min-width:0!important}
#app.studio-shell-r10762-r17 .r11-brand-lockup strong{
  display:block!important;color:#143a57!important;font-size:14px!important;font-weight:900!important;
}
#app.studio-shell-r10762-r17 .r11-brand-lockup span{
  display:block!important;margin-top:3px!important;color:#557084!important;font-size:10.5px!important;font-weight:750!important;
}
#app.studio-shell-r10762-r17 .r11-workspace-chip{
  display:grid!important;grid-template-columns:36px minmax(0,1fr) 18px!important;
  min-height:54px!important;height:54px!important;margin:9px 2px!important;padding:6px 8px!important;
  border:1px solid #bdd1df!important;border-radius:11px!important;
  background:linear-gradient(180deg,#edf5fa,#e3eff7)!important;color:#173e5b!important;
  box-shadow:0 4px 12px rgba(37,78,110,.07)!important;justify-items:stretch!important;text-align:left!important;
}
#app.studio-shell-r10762-r17 .r11-workspace-chip>span:not(.r11-workspace-avatar),
#app.studio-shell-r10762-r17 .r11-workspace-chip>b{display:block!important}
#app.studio-shell-r10762-r17 .r11-workspace-avatar{
  width:36px!important;height:36px!important;background:#2f6f9f!important;color:#fff!important;
  border-radius:10px!important;box-shadow:none!important;
}
#app.studio-shell-r10762-r17 .r11-workspace-chip strong{color:#173a55!important;font-size:12px!important}
#app.studio-shell-r10762-r17 .r11-workspace-chip small{color:#637b8d!important;font-size:9.5px!important}
#app.studio-shell-r10762-r17 .r11-workspace-chip>b{color:#45677f!important;align-self:center!important}

/* Quick launch — labels are visible again. */
#app.studio-shell-r10762-r17 .r123-nav-quick{
  height:58px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;padding:2px 1px!important;margin:0 0 7px!important;
}
#app.studio-shell-r10762-r17 .r123-nav-quick button{
  height:54px!important;min-height:54px!important;display:grid!important;grid-template-rows:28px auto!important;
  place-items:center!important;gap:1px!important;padding:4px 2px!important;
  border:1px solid #c7d8e4!important;border-radius:9px!important;background:#fff!important;
  color:#214c6b!important;box-shadow:none!important;
}
#app.studio-shell-r10762-r17 .r123-nav-quick button:hover{background:#edf6fc!important;border-color:#8fb8d2!important}
#app.studio-shell-r10762-r17 .r123-nav-quick span{font-size:0!important;line-height:1!important}
#app.studio-shell-r10762-r17 .r123-nav-quick b{
  display:block!important;max-width:100%!important;color:#365a73!important;font-size:10.5px!important;
  line-height:1.1!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* Primary nav: real labeled navigation, not an unexplained icon rail. */
#app.studio-shell-r10762-r17 .r11-primary-nav{
  display:grid!important;grid-auto-rows:48px!important;gap:4px!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;padding:2px 1px 7px!important;scrollbar-width:thin!important;
}
#app.studio-shell-r10762-r17 .r11-primary-nav>button{
  display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important;
  align-items:center!important;justify-items:stretch!important;height:48px!important;min-height:48px!important;
  padding:4px 8px!important;border:1px solid transparent!important;border-radius:9px!important;
  background:transparent!important;color:#29475e!important;text-align:left!important;transform:none!important;box-shadow:none!important;
}
#app.studio-shell-r10762-r17 .r11-primary-nav>button:hover{
  background:#eaf3f9!important;border-color:#bfd3e0!important;color:#173d59!important;
}
#app.studio-shell-r10762-r17 .r11-primary-nav>button.active,
#app.studio-shell-r10762-r17 .r11-primary-nav>button[aria-current="page"]{
  background:#dfeef8!important;border-color:#9dbfd5!important;color:#0f4569!important;
  box-shadow:inset 3px 0 0 #2b7eb6!important;
}
#app.studio-shell-r10762-r17 .r11-nav-icon{
  display:grid!important;place-items:center!important;width:36px!important;height:36px!important;
  border-radius:10px!important;background:#e6f0f6!important;color:#2c678e!important;border:1px solid #c5d9e6!important;
}
#app.studio-shell-r10762-r17 .r11-nav-icon svg,
#app.studio-shell-r10762-r17 .hb-r17-svg{width:22px!important;height:22px!important;display:block!important;overflow:visible!important}
#app.studio-shell-r10762-r17 .r11-nav-copy{display:block!important;min-width:0!important}
#app.studio-shell-r10762-r17 .r11-nav-copy strong{
  display:block!important;color:inherit!important;font-size:13.5px!important;line-height:1.08!important;font-weight:900!important;
}
#app.studio-shell-r10762-r17 .r11-nav-copy small{
  display:block!important;margin-top:2px!important;color:#6a7f8f!important;font-size:10.5px!important;line-height:1.12!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#app.studio-shell-r10762-r17 .r11-nav-count{
  display:none;min-width:22px!important;height:20px!important;line-height:20px!important;padding:0 5px!important;
  background:#d2e6f3!important;color:#154f73!important;font-size:9px!important;
}
#app.studio-shell-r10762-r17 .r11-nav-count.visible{display:block!important}

/* Subtle per-tool color coding — professional, not cartoonish. */
#app.studio-shell-r10762-r17 .r11-primary-nav>button:nth-child(1) .r11-nav-icon{background:#e7f1fa!important;color:#286b9a!important}
#app.studio-shell-r10762-r17 .r11-primary-nav>button:nth-child(2) .r11-nav-icon{background:#e4f4f7!important;color:#277587!important}
#app.studio-shell-r10762-r17 .r11-primary-nav>button:nth-child(3) .r11-nav-icon{background:#edf0fa!important;color:#5c61a4!important}
#app.studio-shell-r10762-r17 .r11-primary-nav>button:nth-child(4) .r11-nav-icon{background:#e8f5ef!important;color:#3b7458!important}
#app.studio-shell-r10762-r17 .r11-primary-nav>button:nth-child(5) .r11-nav-icon{background:#f3f0e7!important;color:#806828!important}
#app.studio-shell-r10762-r17 .r11-primary-nav>button:nth-child(6) .r11-nav-icon{background:#eef0f8!important;color:#53678f!important}
#app.studio-shell-r10762-r17 .r11-primary-nav>button:nth-child(7) .r11-nav-icon{background:#f2eefa!important;color:#70549a!important}
#app.studio-shell-r10762-r17 .r11-primary-nav>button:nth-child(8) .r11-nav-icon{background:#edf2f5!important;color:#506b7d!important}

#app.studio-shell-r10762-r17 .r11-spine-footer{
  min-height:54px!important;margin-top:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;
  gap:6px!important;padding:8px 1px 0!important;border-top:1px solid #d4e1e9!important;justify-items:stretch!important;
}
#app.studio-shell-r10762-r17 .r11-trust-mini{
  width:auto!important;height:44px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;
  padding:5px 7px!important;background:#eef7f2!important;border:1px solid #bed9c9!important;border-radius:9px!important;
  color:#285947!important;
}
#app.studio-shell-r10762-r17 .r11-trust-mini>span:last-child{display:block!important}
#app.studio-shell-r10762-r17 .r11-trust-mini strong{color:#275947!important;font-size:11px!important}
#app.studio-shell-r10762-r17 .r11-trust-mini small{color:#668274!important;font-size:9.5px!important}
#app.studio-shell-r10762-r17 .r11-spine-footer>[data-r11-collapse]{
  width:34px!important;height:34px!important;align-self:center!important;border:1px solid #c1d3df!important;
  background:#fff!important;color:#315b76!important;border-radius:8px!important;
}

/* ------------------------------ TOP COMMANDS ----------------------------- */
#app.studio-shell-r10762-r17>.r11-commandbar{
  padding:5px 9px!important;gap:6px!important;display:flex!important;align-items:center!important;
  overflow:hidden!important;background:#fbfdff!important;border-bottom:1px solid var(--hb17-line)!important;
  box-shadow:0 3px 14px rgba(35,70,96,.055)!important;color:var(--hb17-ink)!important;
}
#app.studio-shell-r10762-r17 .r130-classic-strip{display:flex!important;gap:3px!important;flex:0 0 auto!important}
#app.studio-shell-r10762-r17 .r130-classic-strip button{
  height:32px!important;min-height:32px!important;padding:0 9px!important;border:1px solid transparent!important;
  background:transparent!important;color:#29485f!important;border-radius:7px!important;font-size:11.5px!important;font-weight:850!important;
}
#app.studio-shell-r10762-r17 .r130-classic-strip button:hover,
#app.studio-shell-r10762-r17 .r130-classic-strip button:focus-visible{
  background:#e8f2f8!important;border-color:#bfd2df!important;color:#153e5b!important;
}
#app.studio-shell-r10762-r17 .r11-context{flex:0 1 170px!important;max-width:170px!important}
#app.studio-shell-r10762-r17 .r11-context-kicker{color:#758796!important;font-size:9.5px!important}
#app.studio-shell-r10762-r17 .r11-context strong{color:#183d58!important;font-size:12px!important}
#app.studio-shell-r10762-r17 .r11-command-search{
  height:34px!important;min-width:230px!important;max-width:560px!important;flex:1 1 440px!important;
  margin-left:auto!important;border:1px solid #b8ccd9!important;border-radius:9px!important;background:#fff!important;
  box-shadow:inset 0 1px 2px rgba(30,61,86,.03)!important;
}
#app.studio-shell-r10762-r17 .r11-command-search input{
  height:32px!important;color:#163047!important;-webkit-text-fill-color:#163047!important;font-size:12px!important;
}
#app.studio-shell-r10762-r17 .r11-command-search input::placeholder{color:#778b9b!important;opacity:1!important}
#app.studio-shell-r10762-r17 .r11-command-actions{display:flex!important;gap:4px!important;flex:0 0 auto!important;overflow:visible!important}
#app.studio-shell-r10762-r17 .r11-command-actions>button{
  height:32px!important;min-height:32px!important;padding:0 8px!important;border:1px solid #bdd0dc!important;
  border-radius:8px!important;background:#f2f7fa!important;color:#284c64!important;font-size:11px!important;font-weight:850!important;
  opacity:1!important;text-shadow:none!important;box-shadow:none!important;
}
#app.studio-shell-r10762-r17 .r11-command-actions>button:hover{background:#fff!important;border-color:#8fb2c9!important;color:#123f5e!important}
#app.studio-shell-r10762-r17 .r11-account-chip{
  min-width:132px!important;justify-content:flex-start!important;padding:0 8px!important;background:#e5f1f8!important;
  border-color:#a5c4d7!important;color:#153f5c!important;
}
#app.studio-shell-r10762-r17 .r11-account-chip>span{
  flex:0 0 25px!important;width:25px!important;height:25px!important;background:#2e6e9b!important;color:#fff!important;
  border-radius:7px!important;font-size:9px!important;
}
#app.studio-shell-r10762-r17 .r11-account-chip>b{display:none!important}
#app.studio-shell-r10762-r17 .hb-r17-account-copy{display:grid!important;min-width:0!important;line-height:1.03!important}
#app.studio-shell-r10762-r17 .hb-r17-account-copy strong{color:#173c57!important;font-size:11.5px!important;white-space:nowrap!important}
#app.studio-shell-r10762-r17 .hb-r17-account-copy small{color:#688092!important;font-size:9.5px!important;white-space:nowrap!important}

/* Extra R17 dropdowns. */
.hb-r17-super-menus{display:flex;gap:3px;align-items:center;flex:0 0 auto}
.hb-r17-super-menus>button{height:32px;padding:0 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#31516a;font-size:11px;font-weight:850}
.hb-r17-super-menus>button:hover,.hb-r17-super-menus>button[aria-expanded="true"]{background:#e7f2f8;border-color:#bdd2df;color:#153f5d}
.hb-r17-menu-popover{
  position:fixed;z-index:9000;width:290px;padding:7px;border:1px solid #bccfdb;border-radius:12px;background:#fff;
  box-shadow:0 18px 42px rgba(21,52,75,.19);display:none;
}
.hb-r17-menu-popover.open{display:grid;gap:3px}
.hb-r17-menu-popover>header{padding:7px 9px 6px;color:#6d8190;font-size:10.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.hb-r17-menu-popover button{
  min-height:44px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:5px 8px;
  border:1px solid transparent;border-radius:8px;background:#fff;color:#26465e;text-align:left;
}
.hb-r17-menu-popover button:hover{background:#edf5fa;border-color:#d0e0e9}
.hb-r17-menu-popover button .hb-r17-menu-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e7f1f7;color:#2e668a}
.hb-r17-menu-popover button strong{display:block;font-size:10.5px;color:#213f56}
.hb-r17-menu-popover button small{display:block;margin-top:1px;font-size:8.5px;color:#738694}

/* --------------------------- INBOX HUMAN READABILITY --------------------- */
#app.studio-shell-r10762-r17 #replyInboxView .r100-ai-shell{
  grid-template-rows:42px minmax(0,1fr) 34px!important;background:#fff!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-ai-topbar{
  height:42px!important;min-height:42px!important;padding:4px 8px!important;
  background:#f8fbfd!important;border-bottom:1px solid #cbd9e3!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-ai-brand strong{font-size:13.5px!important;color:#173b56!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-ai-brand small{font-size:8.5px!important;color:#6b8192!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-ai-search{height:31px!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-ai-search input{height:30px!important;font-size:10.5px!important;color:#17384f!important;background:#fff!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-ai-top-actions button{
  height:30px!important;min-height:30px!important;font-size:9.5px!important;color:#214962!important;background:#eef5f9!important;border-color:#bed1dc!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-ai-body{
  grid-template-columns:175px 320px minmax(0,1fr)!important;background:#fff!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-mail-rail{
  background:#f7fafc!important;border-right:1px solid #d2dee7!important;padding:7px 8px!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-mail-rail h3{font-size:9px!important;color:#6b7e8e!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-mail-link,
#app.studio-shell-r10762-r17 #replyInboxView .r100-project-link{
  height:34px!important;min-height:34px!important;font-size:9.5px!important;color:#2c4a60!important;
  border-radius:7px!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-mail-link:hover,
#app.studio-shell-r10762-r17 #replyInboxView .r100-project-link:hover{background:#e8f2f8!important;color:#163f5c!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-list-pane{background:#fff!important;border-right:1px solid #d3dfe7!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-list-head{height:64px!important;padding:7px 8px!important;background:#fbfdfe!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-list-head-row strong{font-size:11px!important;color:#173b56!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-list-controls{height:31px!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-list-controls select{height:29px!important;font-size:9.5px!important;color:#28475e!important;background:#fff!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-conversation-row{
  height:50px!important;min-height:50px!important;max-height:50px!important;padding:5px 7px!important;background:#fff!important;
  border-bottom:1px solid #edf1f4!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-conversation-row:hover{background:#f1f7fa!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-conversation-row :is(.r100-conversation-title,.r101-row-title,strong){
  font-size:11.5px!important;line-height:1.18!important;color:#18364d!important;font-weight:850!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-conversation-row :is(.r100-conversation-meta,.r101-row-meta,.muted,small){
  font-size:9.5px!important;line-height:1.15!important;color:#6a7e8d!important;
}

/* Reader header/toolbars were previously 7-8px and clipped. */
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-pane{
  grid-template-rows:50px 38px 38px minmax(0,1fr) 118px!important;background:#fff!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-header{
  height:50px!important;min-height:50px!important;padding:6px 9px!important;overflow:hidden!important;background:#fff!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-header h2{font-size:13.5px!important;color:#17364e!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-header p{font-size:10px!important;line-height:1.25!important;color:#708493!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-nav{
  height:38px!important;padding:4px 8px!important;grid-template-columns:110px minmax(0,1fr) 90px!important;background:#fafcfd!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-nav button,
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-nav select{
  height:30px!important;min-height:30px!important;font-size:10.5px!important;color:#29495f!important;background:#fff!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-tools{
  height:38px!important;padding:4px 8px!important;gap:5px!important;background:#f7fafc!important;border-bottom:1px solid #e1e9ef!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-tools>button,
#app.studio-shell-r10762-r17 #replyInboxView .r114-reader-quickbar button{
  height:30px!important;min-height:30px!important;padding:0 8px!important;font-size:10.5px!important;color:#284c65!important;
  background:#fff!important;border:1px solid #c8d8e3!important;border-radius:7px!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r114-reader-quickbar{height:30px!important;display:flex!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-scroll{
  background:#fff!important;color:#1b3448!important;padding:12px 16px 18px!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-msg-body,
#app.studio-shell-r10762-r17 #replyInboxView .r100-reader-scroll :is(p,li,.message-body,.r114-message-body,.r100-message-body){
  font-size:12.5px!important;line-height:1.5!important;color:#1b3448!important;-webkit-text-fill-color:#1b3448!important;
}

/* Normal prose is normal readable paper. Blue/dark boxes are reserved for code. */
#app.studio-shell-r10762-r17 .conversation-reader>.message,
#app.studio-shell-r10762-r17 .conversation-reader>.message.assistant,
#app.studio-shell-r10762-r17 .r100-message{
  background:#fff!important;background-image:none!important;color:#1a3348!important;
  border:0!important;border-bottom:1px solid #e1e8ed!important;border-radius:0!important;box-shadow:none!important;
}
#app.studio-shell-r10762-r17 .conversation-reader>.message.assistant{border-left:0!important}
#app.studio-shell-r10762-r17 .conversation-reader>.message.user,
#app.studio-shell-r10762-r17 .r100-message.user{
  background:#f1f7fb!important;border-color:#bfd4e2!important;border-right:4px solid #5f96b8!important;
}
#app.studio-shell-r10762-r17 .message-body,
#app.studio-shell-r10762-r17 .message-header,
#app.studio-shell-r10762-r17 .message-header strong,
#app.studio-shell-r10762-r17 .message-body :is(p,li,h1,h2,h3,h4,h5,h6,strong,em){
  color:#1a3348!important;-webkit-text-fill-color:#1a3348!important;
}
#app.studio-shell-r10762-r17 .message-body a{color:#1269a4!important;-webkit-text-fill-color:#1269a4!important}
#app.studio-shell-r10762-r17 .message-body blockquote{
  background:#f3f7fa!important;border-left:4px solid #80a8c3!important;color:#28475d!important;
}
#app.studio-shell-r10762-r17 .message-body blockquote *{color:#28475d!important;-webkit-text-fill-color:#28475d!important}

/* Code retains a deliberate dark editor surface with high contrast. */
#app.studio-shell-r10762-r17 :is(.code-block,pre){
  background:var(--hb17-code)!important;color:var(--hb17-code-ink)!important;-webkit-text-fill-color:var(--hb17-code-ink)!important;
  border-color:#29465d!important;
}
#app.studio-shell-r10762-r17 :is(.code-block,pre) :is(code,span,b,strong,em){
  color:var(--hb17-code-ink)!important;-webkit-text-fill-color:var(--hb17-code-ink)!important;
}
#app.studio-shell-r10762-r17 .message-body code:not(pre code){
  background:#e9f0f5!important;color:#24465f!important;-webkit-text-fill-color:#24465f!important;border:1px solid #cedce5!important;
}
#app.studio-shell-r10762-r17 .code-toolbar{
  background:#e8eef3!important;color:#28465d!important;border-color:#c5d4df!important;
}
#app.studio-shell-r10762-r17 .code-toolbar button{
  background:#fff!important;color:#204761!important;border-color:#b9cdd9!important;
}

/* Composer: readable without microscopic six-pixel controls. */
#app.studio-shell-r10762-r17 #replyInboxView .r100-composer{background:#f3f7fa!important;border-top:1px solid #c9d8e2!important}
#app.studio-shell-r10762-r17 #replyInboxView .r100-compose-grid{
  height:104px!important;grid-template-columns:minmax(0,1fr) 210px!important;gap:6px!important;padding:5px 8px 7px!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-compose-grid textarea{
  height:92px!important;min-height:92px!important;padding:8px!important;font-size:12px!important;line-height:1.4!important;
  color:#17354c!important;background:#fff!important;border:1px solid #b9cedb!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-compose-actions{
  height:92px!important;grid-template-rows:27px 27px 30px!important;gap:4px!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-compose-actions button,
#app.studio-shell-r10762-r17 #replyInboxView .r100-compose-actions select{
  height:27px!important;min-height:27px!important;font-size:10.5px!important;color:#244960!important;background:#fff!important;border-color:#bed0dc!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r100-compose-actions .r100-send{
  height:30px!important;background:#2b75a7!important;color:#fff!important;border-color:#1f658f!important;font-size:11px!important;
}

/* Inbox bottom legend: readable, clean, not a microscopic blue strip. */
#app.studio-shell-r10762-r17 #replyInboxView .r101-bottom-strip{
  height:38px!important;min-height:38px!important;max-height:38px!important;display:block!important;
  padding:0!important;margin:0!important;background:#f6f9fb!important;border-top:1px solid #cfdae3!important;overflow:hidden!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r101-state-legend{
  height:38px!important;min-height:38px!important;display:flex!important;align-items:center!important;gap:10px!important;
  padding:0 10px!important;background:#f9fbfc!important;border:0!important;border-radius:0!important;overflow-x:auto!important;overflow-y:hidden!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r101-state-legend strong{
  font-size:10.5px!important;color:#35546a!important;letter-spacing:.06em!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r101-state-legend span{
  display:inline-flex!important;font-size:10px!important;color:#536a7b!important;line-height:1.1!important;white-space:nowrap!important;
}
#app.studio-shell-r10762-r17 #replyInboxView .r101-state-legend i{width:7px!important;height:7px!important;flex:0 0 7px!important}
#app.studio-shell-r10762-r17 #replyInboxView .r101-principles{display:none!important}

/* ------------------------------ BOTTOM STATUS ---------------------------- */
#app.studio-shell-r10762-r17>.r130-native-statusbar{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;
  padding:3px 8px!important;background:#f8fbfd!important;color:#29475e!important;border-top:1px solid #c3d3de!important;
  box-shadow:0 -3px 12px rgba(32,65,90,.045)!important;overflow:hidden!important;
}
#app.studio-shell-r10762-r17>.r130-native-statusbar :is(span,b,strong,button){
  color:#29475e!important;-webkit-text-fill-color:#29475e!important;opacity:1!important;text-shadow:none!important;
}
#app.studio-shell-r10762-r17 .r130-status-left strong{font-size:11px!important;color:#23465f!important}
#app.studio-shell-r10762-r17 .r130-status-left b{
  padding:2px 5px!important;background:#e6f1f7!important;color:#245b7d!important;border:1px solid #b7cedc!important;font-size:10px!important;
}
#app.studio-shell-r10762-r17 .r130-status-left>span:last-child,
#app.studio-shell-r10762-r17 .r130-status-right>span{font-size:10px!important;color:#627989!important}
#app.studio-shell-r10762-r17 .r130-hb{background:#2e6f9e!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app.studio-shell-r10762-r17 .r130-status-center{gap:4px!important}
#app.studio-shell-r10762-r17 .r130-native-statusbar button{
  height:28px!important;min-height:28px!important;padding:0 7px!important;border:1px solid #c4d4de!important;
  border-radius:7px!important;background:#fff!important;color:#2c526a!important;font-size:10px!important;font-weight:850!important;
}
#app.studio-shell-r10762-r17 .r130-native-statusbar button:hover{background:#eaf3f8!important;border-color:#99b9cd!important}

/* -------------------------- ALL-PAGE READABILITY FLOOR ------------------- */
#app.studio-shell-r10762-r17 main>.view{background:var(--hb17-canvas)!important;color:var(--hb17-body)!important}
#app.studio-shell-r10762-r17 main :is(.page-card,.r108-panel,.r109-panel,.r110-panel,.r111-panel,.r112-panel,.r113-panel,.r114-panel){
  color:var(--hb17-body)!important;
}
#app.studio-shell-r10762-r17 main :is(.page-card,.r108-panel,.r109-panel,.r110-panel,.r111-panel,.r112-panel,.r113-panel,.r114-panel)
  :is(h1,h2,h3,h4,strong,label){color:#17364e!important;-webkit-text-fill-color:#17364e!important}
#app.studio-shell-r10762-r17 main :is(.page-card,.r108-panel,.r109-panel,.r110-panel,.r111-panel,.r112-panel,.r113-panel,.r114-panel)
  :is(p,li,td,th,small,span){text-shadow:none}
#app.studio-shell-r10762-r17 main :is(input,select,textarea){
  color:#18354b!important;-webkit-text-fill-color:#18354b!important;background:#fff!important;border-color:#b9cbd7!important;
}
#app.studio-shell-r10762-r17 main :is(button,.button,.secondary){
  text-shadow:none!important;opacity:1!important;
}
#app.studio-shell-r10762-r17 .hb-r17-auto-dark{color:#18364d!important;-webkit-text-fill-color:#18364d!important}
#app.studio-shell-r10762-r17 .hb-r17-auto-light{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Deliberately dark surfaces that should remain dark with readable light text. */
#app.studio-shell-r10762-r17 :is(.r101-principles,.r114-connection-note,.catalog-sync-panel,.assistant-working-message,.assistant-thinking-turn)
 :is(h1,h2,h3,h4,p,span,strong,small,b,label){color:#f4f9fd!important;-webkit-text-fill-color:#f4f9fd!important}

/* More/palette menus: high-contrast white surfaces. */
#app.studio-shell-r10762-r17 .r11-more-menu,
#app.studio-shell-r10762-r17 .r11-palette-card,
.r130-classic-menu,.r130-dock-menu,.r130-context-menu{
  background:#fff!important;color:#233f55!important;border-color:#bccfdb!important;
}
#app.studio-shell-r10762-r17 .r11-more-menu :is(strong,h3),
#app.studio-shell-r10762-r17 .r11-palette-card :is(strong,h3),
.r130-classic-menu :is(strong,b),.r130-dock-menu :is(strong,b),.r130-context-menu :is(strong,b){color:#17384f!important}
#app.studio-shell-r10762-r17 .r11-more-menu :is(small,span),
#app.studio-shell-r10762-r17 .r11-palette-card :is(small,span),
.r130-classic-menu small,.r130-dock-menu small,.r130-context-menu small{color:#687d8d!important}

/* Nav collapse becomes a real useful state and can always be reopened. */
#app.studio-shell-r10762-r17.r11-nav-collapsed{
  --hb17-nav:76px!important;grid-template-columns:76px minmax(0,1fr)!important;
}
#app.studio-shell-r10762-r17.r11-nav-collapsed>.r11-nav-spine{width:76px!important;min-width:76px!important;padding-inline:8px!important}
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-brand-lockup{justify-content:center!important}
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-brand-lockup>div,
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-workspace-chip>span:not(.r11-workspace-avatar),
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-workspace-chip>b,
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-nav-copy,
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-nav-count,
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-trust-mini>span:last-child,
#app.studio-shell-r10762-r17.r11-nav-collapsed .r123-nav-quick b{display:none!important}
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-primary-nav>button{grid-template-columns:1fr!important;justify-items:center!important;padding-inline:4px!important}
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-spine-footer{grid-template-columns:1fr!important;justify-items:center!important}
#app.studio-shell-r10762-r17.r11-nav-collapsed .r11-trust-mini{width:44px!important;grid-template-columns:1fr!important}
#app.studio-shell-r10762-r17.r11-nav-collapsed .r123-nav-quick{grid-template-columns:1fr!important;height:auto!important}
#app.studio-shell-r10762-r17.r11-nav-collapsed .r123-nav-quick button{height:39px!important;min-height:39px!important}

/* ---------------------------- RESPONSIVE FIT ----------------------------- */
@media(max-width:1500px) and (min-width:1181px){
  :root{--hb17-nav:224px}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-ai-body{grid-template-columns:158px 285px minmax(0,1fr)!important}
  #app.studio-shell-r10762-r17 .r11-context{display:none!important}
  .hb-r17-super-menus>button:nth-child(2){display:none}
}
@media(max-width:1180px) and (min-width:981px){
  :root{--hb17-nav:205px}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-ai-body{grid-template-columns:270px minmax(0,1fr)!important}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-mail-rail{display:none!important}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-list-pane{grid-column:1!important}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-reader-pane{grid-column:2!important}
  #app.studio-shell-r10762-r17 .r11-context{display:none!important}
  #app.studio-shell-r10762-r17 .r11-command-actions [data-r11-activity],
  #app.studio-shell-r10762-r17 .r11-command-actions [data-r11-trust]{display:none!important}
  .hb-r17-super-menus{display:none!important}
}
@media(max-width:980px){
  :root{--hb17-nav:0px;--hb17-top:48px;--hb17-foot:34px}
  #app.final-studio.studio-shell-r10762-r17{grid-template-columns:minmax(0,1fr)!important}
  #app.studio-shell-r10762-r17>.r11-nav-spine{
    position:fixed!important;z-index:7000!important;left:0!important;top:0!important;bottom:0!important;width:235px!important;min-width:235px!important;
    transform:translateX(-105%)!important;transition:transform .15s ease!important;
  }
  body.r11-nav-open #app.studio-shell-r10762-r17>.r11-nav-spine{transform:none!important}
  #app.studio-shell-r10762-r17>.r11-commandbar,
  #app.studio-shell-r10762-r17>main,
  #app.studio-shell-r10762-r17>.r130-native-statusbar{grid-column:1!important}
  #app.studio-shell-r10762-r17 .r11-mobile-menu{display:block!important;flex:0 0 36px!important}
  #app.studio-shell-r10762-r17 .r130-classic-strip,.hb-r17-super-menus{display:none!important}
  #app.studio-shell-r10762-r17 .r11-account-chip{min-width:36px!important;width:36px!important;padding:0 5px!important}
  #app.studio-shell-r10762-r17 .hb-r17-account-copy{display:none!important}
}
@media(max-width:720px){
  #app.studio-shell-r10762-r17 #replyInboxView .r100-ai-body{grid-template-columns:minmax(0,1fr)!important}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-list-pane{display:none!important}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-reader-pane{grid-column:1!important;grid-template-rows:48px 36px 36px minmax(0,1fr) 126px!important}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-reader-tools>button:nth-of-type(n+4){display:none!important}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-compose-grid{height:112px!important;grid-template-columns:minmax(0,1fr) 120px!important}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-compose-grid textarea{height:100px!important}
  #app.studio-shell-r10762-r17 #replyInboxView .r100-compose-actions{height:100px!important}
  #app.studio-shell-r10762-r17 .r130-status-left strong,
  #app.studio-shell-r10762-r17 .r130-status-left b,
  #app.studio-shell-r10762-r17 .r130-status-left>span:last-child,
  #app.studio-shell-r10762-r17 .r130-status-center button:nth-child(n+3),
  #app.studio-shell-r10762-r17 .r130-status-right{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  #app.studio-shell-r10762-r17 *{transition:none!important;animation:none!important}
}