/* juribooks-home-polish-v2.css  (2026-10-13)  Home design review fixes.
   Presentation only. Tokens: page #F4F6FA, card #FFFFFF, border #E3E8F0,
   primary #1F6FEB for actions, navy #1F3864 for structure, radius 12px.
   Rollback: remove the <link> to this file in index.html. */

/* 8. page and card separation */
html body.jb-xshell .main, html body.jb-xshell .xs-home { background: #F4F6FA !important; background-image: none !important; }
html body.jb-xshell .xs-home .xs-card,
html body.jb-xshell .xs-home .jb-home-charts {
  background: #FFFFFF !important; border: 1px solid #E3E8F0 !important; border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(16, 32, 64, .04), 0 6px 16px -10px rgba(16, 32, 64, .14) !important;
}

/* 3. hero: the sharp layer's navy tokens now match the sidebar (#1F3864 to #14284A, juribooks-sharp-v1.css) */

/* 4. KPI labels and icon chips readable on the dark panel */
html body.jb-sharp.jb-sharp .xs-home .xs-kpi-l, html body.jb-xshell .xs-home .xs-kpi-l { color: #B8C4DC !important; }
html body.jb-sharp.jb-sharp .xs-home .xs-kpi-ic, html body.jb-xshell .xs-home .xs-kpi-ic { background: rgba(120, 160, 255, .30) !important; color: #E3EBFF !important; border: 1px solid rgba(180, 205, 255, .35) !important; }

/* 5. section headings that scan */
html body.jb-xshell .main .xs-home section.xs-b h2.xs-h2.xs-h2, html body.jb-xshell .main .xs-home .jb-home-charts .cs-bar h3, html body.jb-xshell .xs-home .xs-h2,
html body.jb-xshell .xs-home .cs-bar h3 { font-size: 16px !important; font-weight: 600 !important; letter-spacing: -.005em; }

/* 2. one primary colour */
html body.jb-xshell .xs-home .xs-qa--primary { background: #1F6FEB !important; border-color: #1F6FEB !important; }
html body.jb-xshell .xs-home .cs-btn.pri {
  background: #FFFFFF !important; color: #1F3864 !important; border: 1px solid #C9D3E3 !important; box-shadow: none !important;
}
html body.jb-xshell .xs-home .cs-btn.pri:hover { border-color: #1F3864 !important; }

/* 6. workspace tiles: one line of copy, larger icon, arrow on hover only */
html body.jb-xshell .xs-home .xs-ws { align-items: center !important; min-height: 72px; }
html body.jb-xshell .xs-home .xs-ws-d { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.jb-xshell .xs-home .xs-ws-t { min-width: 0; }
html body.jb-xshell .xs-home .xs-ws-ic { width: 40px !important; height: 40px !important; flex: none; }
html body.jb-xshell .xs-home .xs-ws-ic .xs-ic { width: 20px !important; height: 20px !important; }
html body.jb-xshell .xs-home .xs-ws .xs-ws-go { opacity: 0; transition: opacity .15s ease; }
html body.jb-xshell .xs-home .xs-ws:hover .xs-ws-go,
html body.jb-xshell .xs-home .xs-ws:focus-visible .xs-ws-go { opacity: 1; }

/* 1. chat button clear of the right rail */
html body.jb-xshell .xs-home .xs-col-rail { padding-bottom: 88px !important; }

/* 7. a calmer top bar: quiet utilities, neutral status pill */
html body.jb-xshell .xs-cmdbar .xs-help-btn {
  background: transparent !important; border: 0 !important; box-shadow: none !important; color: #475569 !important;
}
html body.jb-xshell .xs-cmdbar .xs-help-btn:hover { background: #EEF2F8 !important; color: #1F3864 !important; }
html body.jb-xshell .xs-cmdbar .xs-icon-btn { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body.jb-xshell .xs-cmdbar #cloudChip, html body.jb-xshell .xs-cmdbar .xs-cloud-chip {
  background: #F1F4F9 !important; color: #475569 !important; border: 1px solid #E3E8F0 !important;
}
html body.jb-xshell .xs-cmdbar #cloudChip *, html body.jb-xshell .xs-cmdbar .xs-cloud-chip * { color: inherit !important; }
html body.jb-xshell .xs-cmdbar #navHist { border-color: #E3E8F0 !important; }

@media (prefers-color-scheme: dark) { html[data-theme="dark"] body.jb-xshell .xs-home .xs-card { background: inherit !important; } }
/* the text-size settings layer drives heading size through these tokens */
html body.jb-xshell .xs-home { --jb-ui-h2: 16px; --jb-ui-h3: 16px; }