/* ===== Bold White theme overlay — unifies the suite to the property-page look =====
   Linked LAST in each page's <head> so it overrides the page's own palette + fonts.
   Cobalt accent, Archivo body, Libre Franklin headings. Keeps each page's layout. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Libre+Franklin:wght@600;700;800;900&display=swap');

:root{
  /* remap the shared accent tokens to NAVY (was teal/gold/blue) */
  --teal:#233b6e;   --teal-bg:#eef1f8;  --teal-line:#c6cfe6;
  --blue:#233b6e;   --blue-bg:#eef1f8;  --blue-line:#c6cfe6;
  --accent:#233b6e; --accent-bg:#eef1f8;
  --navy-grad:linear-gradient(135deg,#1a2a54 0%,#3a4f8a 100%);
  --gold:#b07100;   --gold-bg:#fbf1e0;  --gold-line:#ecd9ab;
  --ink:#0a0e15;    --slate:#3a4453;    --mid:#5b6472;   --muted:#8a94a3;
  --line:#e5e8ee;   --bg:#ffffff;       --surface:#ffffff; --surface2:#f7f8fb;
}
/* navy gradient on primary CTA buttons */
.btn,.fbtn,a.btn,button.btn,.cta,[class*="primaryBtn"]{
  background:linear-gradient(135deg,#1a2a54 0%,#3a4f8a 100%) !important;
  color:#fff !important; border:none !important;
}

/* typeface: Archivo everywhere, Libre Franklin for headings + brand */
body, body *{ font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important; }
h1,h2,h3,h4,
[class*="brand"],[class*="Brand"],[class*="logo"],[class*="hname"],[class*="title"],[class*="Title"],
.h1,.h2,.hd-title{
  font-family:'Libre Franklin',sans-serif !important; font-weight:800 !important; letter-spacing:-.4px !important;
}
h1{ font-weight:900 !important; }

/* dark sidebars (if a page has a light one, this leaves it; most use --ink/nav vars already) */

/* ---- mobile: any wide table scrolls sideways instead of being clipped ---- */
html,body{max-width:100%}
@media(max-width:760px){
  table,.tbl,.table,[class*="tbl"]{display:block !important;width:100% !important;max-width:100% !important;
    overflow-x:auto !important;-webkit-overflow-scrolling:touch;white-space:nowrap !important}
  table thead,table tbody,table tr{white-space:nowrap !important}
}

/* ===== PRINT / SAVE-AS-PDF — every page prints the WHOLE page, tight, no white space =====
   Paper size/orientation is left to the print dialog (pick Landscape for very wide tables). */
@media print{
  @page{ margin:6mm; }
  *{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
  /* release the fixed-viewport app shell so all content flows across pages */
  html,body{ height:auto !important; min-height:0 !important; max-height:none !important;
    overflow:visible !important; background:#fff !important; max-width:none !important; }
  /* hide navigation + on-screen chrome */
  .sidebar,.side,.burger,.menutog,.scrim,.drawer,nav.sidebar,[data-noprint],.noprint{ display:none !important; }
  /* the sidebar leaves a left gutter on .main — reclaim the full width */
  .main{ margin-left:0 !important; min-height:0 !important; height:auto !important;
    overflow:visible !important; width:auto !important; }
  .content,.wrap{ max-width:none !important; height:auto !important; overflow:visible !important; }
  .app{ display:block !important; min-height:0 !important; height:auto !important; overflow:visible !important; }
  /* let big blocks flow to fill pages; keep small units intact */
  section,.card,table,.panel{ break-inside:auto; box-shadow:none !important; }
  tr,.tile,.metric,[class*="kpi"],[class*="Kpi"]{ break-inside:avoid; }
  thead{ display:table-header-group; }
  h1,h2,h3{ break-after:avoid; }
  /* WIDE data tables (.tbl carries min-width:1560px) overflow the paper. Drop the min-width and
     shrink the font just enough that all columns fit the (landscape) width WITHOUT breaking numbers
     across lines — nowrap keeps every dollar figure on one line. Use Landscape for these. */
  .scroll,.table-wrap,[class*="scroll"],[style*="overflow"]{ overflow:visible !important; }
  table,.tbl{ min-width:0 !important; max-width:100% !important; width:auto !important; table-layout:auto !important; }
  .tbl th,.tbl td{ white-space:nowrap !important; font-size:7.5px !important; padding:2px 4px !important; letter-spacing:-.1px; }
  table th,table td{ white-space:nowrap !important; }
  /* un-freeze sticky first column / headers (irrelevant on paper, breaks flow) */
  .tbl thead th.l,.tbl tbody tr td:first-child,.tbl tfoot td:first-child,
  thead th[style*="sticky"],[style*="position:sticky"]{ position:static !important; box-shadow:none !important; }
}
