/* Original balanced geometry and Inter type, with the selected blue-teal palette. */
body.balanced-blue{
  --brand:#14b8a6;--brand-highlight:#2ed4bf;--brand-wash:#e4f7f3;
  --ink:#222c2f;--secondary:#626f72;--accent:#0f766e;
  --line:#e2e9e8;--soft:#f2f9f7;--surface:#fff;--canvas:#f5f8f8;
  background:var(--canvas);color:var(--ink);caret-color:var(--accent);
  scrollbar-color:#b9d8d2 transparent;
}
body.balanced-blue ::selection{background:#baf0e5;color:#15443f}
.balanced-blue :is(button,input,textarea,select,a,summary):focus-visible{outline-color:var(--accent)}
.balanced-blue input[type=checkbox]{accent-color:var(--accent)}
.balanced-blue .previewbar{background:#202e32;color:#f0f7f6}
.balanced-blue .previewtitle span,.balanced-blue .preview-actions span{color:#bfd1ce}
.balanced-blue .preview-actions :is(button,a){color:#e0f1ed}
.balanced-blue .preview-actions :is(button,a):hover{background:#324b4b}
.balanced-blue :is(.sidebar,.topbar){background:var(--canvas);border-color:var(--line)}
.balanced-blue .topbar,.balanced-blue .workspace{background:var(--surface)}
.balanced-blue .cc{color:var(--brand)}
.balanced-blue .navitem:hover{background:var(--soft);color:var(--accent)}
.balanced-blue .navitem.active,.balanced-blue .sub .navitem.active{background:var(--brand-wash);color:#125f58}
.balanced-blue .avatar,.balanced-blue .sx-avatar,.balanced-blue .ful-avatar,.balanced-blue .mkt-initial{background:var(--brand-wash);color:var(--accent)}
.balanced-blue .profile .avatar{background:var(--accent);color:#fff}
.balanced-blue :is(.sample,.notice){background:var(--soft);color:var(--secondary)}
.balanced-blue :is(.link,.text-btn,.sx-link,.mkt-textlink,.mkt-forward,.mkt-rowlink:hover,.mkt-ready){color:var(--accent)}
.balanced-blue :is(.link,.sx-link,.mkt-forward):hover{color:#115e59}
.balanced-blue :is(.btn,.input,.callbutton,.filter select,.seg){border-color:#d9e7e3}
.balanced-blue :is(.btn,.callbutton):hover{background:var(--soft);border-color:#a8dcd1}
.balanced-blue .btn.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.balanced-blue .btn-primary:hover{background:#115e59;border-color:#115e59;color:#fff}
.balanced-blue .icon-btn:hover{background:var(--brand-wash)}
.balanced-blue .page-tabs button:is(.active,[aria-selected=true],[aria-pressed=true]){color:var(--accent)}
.balanced-blue .page-tabs button:is(.active,[aria-selected=true],[aria-pressed=true]):after{background:var(--brand)}
.balanced-blue .seg button{color:var(--secondary)}
.balanced-blue .seg button[aria-pressed=true],.balanced-blue .mkt-switch button[aria-pressed=true]{background:var(--brand-wash);color:#145e57}
.balanced-blue :is(.seg button,.mkt-switch button):hover{background:var(--soft)}
.balanced-blue .progress{background:#eaf4f1}
.balanced-blue .progress>div{background:var(--brand)}
.balanced-blue .chart rect[fill="#46a995"]{fill:var(--brand-highlight)}
.balanced-blue .chart rect[fill="#d9e1dd"]{fill:#d1e7e1}
.balanced-blue .chart rect[fill="#f6f8f7"]{fill:var(--soft)}
.balanced-blue .chart .value{fill:var(--accent)}
.balanced-blue .chart :is(polyline,circle){stroke:var(--brand)}
.balanced-blue .chart circle{fill:var(--brand)}
.balanced-blue .chart line{stroke:var(--line)}
.balanced-blue .legend-dot,.balanced-blue .sx-bar,.balanced-blue .ful-meter:not(.over) i{background:var(--brand-highlight)}
.balanced-blue .sx-bar-col:hover .sx-bar{background:var(--brand)}
.balanced-blue .sx-bar-value{color:var(--accent)}
.balanced-blue .type:not(.recurring){color:var(--accent)}
.balanced-blue .type:not(.recurring):before,.balanced-blue .tag:before{background:var(--brand)}
.balanced-blue .tag{background:var(--brand-wash);color:#31645e}
.balanced-blue :is(.data-table th,th){background:#f5faf8;border-color:var(--line)}
.balanced-blue :is(td,.stats,.stat,.sub,.profile,.agenda hr){border-color:var(--line)}
.balanced-blue tr:hover td{background:#f4fbf8}
.balanced-blue .doc-list button.active,.balanced-blue .call-list button.active{background:var(--brand-wash);color:var(--accent)}
.balanced-blue .document code{background:var(--soft)}
.balanced-blue .cal-head.today strong{color:var(--accent)}
.balanced-blue .cal-day.today,.balanced-blue .month-day.today{background-color:#f0faf7}
.balanced-blue .month-day:hover{background:#eaf8f3}
.balanced-blue .cal-event:not(.sales):not(.team),.balanced-blue .month-event{background:var(--brand-wash);border-color:#c4e7de;color:#1b6258}
/* messages pop out as a white card like the rest of the dashboard, not a dark green bar */
.balanced-blue .toast{padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:500;box-shadow:0 10px 30px -10px rgb(0 0 0 / 30%),0 1px 3px rgb(0 0 0 / 8%)}
.balanced-blue .hq-drawer{border-color:var(--line)}
.balanced-blue :is(.sx-info,.sx-record-icon,.mkt-notice,.ful-notice){background:var(--soft);color:#32665d}
.balanced-blue .sx-contact:hover{background:var(--soft);border-color:#a8dcd1}
.balanced-blue :is(.sx-follow input,.mkt-checks input,.ful-checklist input){accent-color:var(--accent)}
.balanced-blue .mkt-week>button.featured,.balanced-blue .mkt-week>button:hover{background:var(--brand-wash)}
.balanced-blue .mkt-funnel-strip>button[aria-pressed=true] strong{color:var(--accent)}
.balanced-blue .mkt-dot-track .filled,.balanced-blue .mkt-chartfoot i,.balanced-blue .mkt-rhythm-foot i:not(.pale){background:var(--brand)}
.balanced-blue .mkt-growth-chart :is(polyline,circle){stroke:var(--brand)}
.balanced-blue #mkt-growth-fill stop{stop-color:var(--brand)}
.balanced-blue .ful-page{--ful-line:var(--line);--ful-muted:var(--secondary);--ful-ink:var(--ink);--ful-teal:var(--accent)}
.balanced-blue .ful-thread.active{background:var(--brand-wash)}
.balanced-blue .ful-thread:hover{background:var(--soft)}
/* Blue-teal on charcoal, keeping the reference's luminous chart accents. */
body.balanced-blue.theme-dark{
  --ink:#e4efed;--secondary:#abc1bd;--accent:#69d9c7;
  --line:#314443;--soft:#203a38;--surface:#182b2c;--canvas:#122123;
  --brand-wash:#23443e;--brand:#2ed4bf;--brand-highlight:#2ed4bf;
}
.balanced-blue.theme-dark :is(.sidebar,.topbar,.panelhead){background:var(--canvas);color:var(--ink)}
.balanced-blue.theme-dark :is(.workspace,.panel,.btn,.input,.callbutton,.filter select,.cal-head,.month-day){background:var(--surface);color:var(--ink)}
.balanced-blue.theme-dark .navitem{color:var(--secondary)}
.balanced-blue.theme-dark :is(.navitem:hover,.navitem.active,.sub .navitem.active){background:var(--brand-wash);color:#c1f2e9}
.balanced-blue.theme-dark :is(th,.data-table th,.notice,.sample,.month-day.outside){background:var(--soft);color:var(--secondary)}
.balanced-blue.theme-dark tr:hover td{background:var(--soft)}
.balanced-blue.theme-dark :is(.btn-primary,.profile .avatar){background:#147d70;color:#fff;border-color:#147d70}
.balanced-blue.theme-dark .btn-primary:hover{background:#126f65;color:#fff;border-color:#126f65}
.balanced-blue.theme-dark :is(.link,.text-btn,.sx-link,.mkt-textlink,.mkt-forward,.page-tabs button.active,.sx-bar-value){color:var(--accent)}
.balanced-blue.theme-dark :is(.seg button,.mkt-switch button){color:var(--secondary)}
.balanced-blue.theme-dark :is(.seg button[aria-pressed=true],.mkt-switch button[aria-pressed=true]){background:var(--brand-wash);color:#c3f3e9}
.balanced-blue.theme-dark .progress{background:var(--brand-wash)}
.balanced-blue.theme-dark .chart text{fill:var(--secondary)}
.balanced-blue.theme-dark .chart .value{fill:var(--accent)}
.balanced-blue.theme-dark .chart svg rect[fill="#f6f8f7"]{fill:var(--soft)}
.balanced-blue.theme-dark :is(.cal-day.today,.month-day.today,.month-day:hover){background-color:var(--soft)}
.balanced-blue.theme-dark .cal-day{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#314443 47px,#314443 48px)}
.balanced-blue.theme-dark :is(.doc-list button.active,.call-list button.active,.ful-thread.active){background:var(--brand-wash);color:var(--ink)}
.balanced-blue.theme-dark :is(.sx-info,.sx-record-icon,.mkt-notice,.ful-notice){background:var(--soft);color:var(--secondary)}
.balanced-blue.theme-dark .tag{background:var(--brand-wash);color:#b8ece1}
.balanced-blue.theme-dark :is(.avatar,.sx-avatar,.ful-avatar){background:var(--brand-wash);color:var(--accent)}
.balanced-blue.theme-dark .profile .avatar{color:#fff}

.balanced-blue.theme-dark .cal-event:not(.sales):not(.team),.balanced-blue.theme-dark .month-event{color:#c3f3e9;background:var(--brand-wash);border-color:#37685d}

/* Inset workspace, visually separate from the navigation rail. */
.balanced-blue .sidebar{border-right:0}
.balanced-blue .workspace{
  margin:8px 10px 10px 0;
  border:1px solid var(--line);
  border-radius:16px;
  min-height:calc(100vh - 64px);
  overflow:clip;
}
@media(max-width:850px){
  .balanced-blue .workspace{margin:8px;width:calc(100% - 16px);min-height:calc(100vh - 62px);border-radius:14px}
}

/* Keep the daily agenda together without stretching to match the revenue chart. */
.balanced-blue .page-home .grid > .agenda{
  align-self:start;
  padding:20px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}

/* One continuous notepad; the page scrolls as the document grows. */
.balanced-blue #team-pad{
  display:block;
  width:100%;
  min-height:max(480px,calc(100vh - 320px))!important;
  max-height:none;
  overflow:hidden;
  resize:none;
  padding:24px;
  font:14px/1.8 Inter,sans-serif;
}
@media(max-width:600px){
  .balanced-blue #team-pad{padding:18px;min-height:480px!important}
}

/* Compact the revenue header and remove repeated preview footer chrome. */
.balanced-blue .page-home .panelhead{padding-bottom:0}
.balanced-blue .page-home .revenueintro{padding-top:12px}
.balanced-blue .page-footer{display:none}

/* Soft control trays with a subtly raised selected surface. */
.balanced-blue{
  --control-tray:#f3f5f4;
  --control-face:#fff;
  --control-border:#dfe5e4;
  --control-shadow:0 1px 2px rgb(20 39 36 / 10%),0 0 0 1px rgb(20 39 36 / 3%);
  --control-highlight:inset 0 1px 0 rgb(255 255 255 / 75%);
}
.balanced-blue.theme-dark{
  --control-tray:#17272b;
  --control-face:#2b3e40;
  --control-border:#3a4f50;
  --control-shadow:0 1px 3px rgb(0 0 0 / 30%),0 0 0 1px rgb(255 255 255 / 4%);
  --control-highlight:inset 0 1px 0 rgb(255 255 255 / 7%);
}
.balanced-blue :is(.page-tabs,.seg,.mkt-switch){
  gap:3px;
  padding:4px;
  border:1px solid var(--control-border);
  border-radius:11px;
  background:var(--control-tray);
  box-shadow:var(--control-highlight);
}
.balanced-blue .page-tabs{
  width:max-content;
  max-width:100%;
}
.balanced-blue :is(.mkt-tabs-toolbar,.ful-tabs-actions) > .page-tabs{flex:0 1 auto}
.balanced-blue .page-tabs button{min-height:30px;padding:5px 12px}
.balanced-blue :is(.page-tabs,.seg,.mkt-switch) button{border-radius:7px}
.balanced-blue .page-tabs button::after{display:none}
.balanced-blue :is(.page-tabs,.seg,.mkt-switch) button:is(.active,[aria-selected=true],[aria-pressed=true]),
.balanced-blue.theme-dark :is(.page-tabs,.seg,.mkt-switch) button:is(.active,[aria-selected=true],[aria-pressed=true]){
  background:var(--control-face);
  color:var(--accent);
  box-shadow:var(--control-shadow),var(--control-highlight);
}
.balanced-blue :is(.btn,.callbutton,select.input,.filter select){
  border-radius:8px;
  border-color:var(--control-border);
  box-shadow:0 1px 2px rgb(20 39 36 / 7%),var(--control-highlight);
}
.balanced-blue :is(.btn,.callbutton):active:not(:disabled){box-shadow:inset 0 1px 2px rgb(0 0 0 / 12%)}
.balanced-blue :is(.btn,.callbutton):disabled{box-shadow:none;opacity:.55}
.balanced-blue .btn.btn-primary{
  box-shadow:0 1px 2px rgb(15 118 110 / 20%),inset 0 1px 0 rgb(255 255 255 / 16%);
}
.balanced-blue.theme-dark :is(.btn,.callbutton,select.input,.filter select){
  border-color:var(--control-border);
  box-shadow:0 1px 2px rgb(0 0 0 / 20%),var(--control-highlight);
}

/* Make the monthly cash total the primary number on home. */
.balanced-blue .page-home .revenueintro{flex-wrap:wrap}
.balanced-blue .page-home .amount{
  font-size:clamp(42px,4.4vw,60px);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.045em;
}