/* Separate minimal variation. The balanced version remains unchanged. */
body.balanced-blue.minimal-calm{
  --ink:#202526;--secondary:#62696b;--line:#e5e8e8;
  --surface:#fff;--canvas:#f7f8f8;--soft:#f7f8f8;
  --accent:#077b82;--brand:#23c7c4;--brand-highlight:#65dad6;--brand-wash:#e5f8f7;--brand-ink:#094d53;
  --control-tray:#f4f5f5;--control-face:#fff;--control-border:#e2e5e5;
  --control-shadow:0 1px 2px rgb(25 35 34 / 10%);
  font-size:13px;letter-spacing:-.01em;
}
body.balanced-blue.minimal-calm.theme-dark{
  --ink:#edf1f1;--secondary:#afb8b9;--line:#363e40;
  --surface:#1d2425;--canvas:#171d1e;--soft:#242c2e;
  --accent:#85dddf;--brand:#54d8d7;--brand-highlight:#77e1df;--brand-wash:#203b3f;--brand-ink:#0a4248;
  --control-tray:#181f20;--control-face:#30393b;--control-border:#3c4547;
  --control-shadow:0 1px 2px rgb(0 0 0 / 28%);
}
.minimal-calm .previewbar{height:38px;min-height:38px;background:var(--canvas);color:var(--ink)}
.minimal-calm .previewtitle span,.minimal-calm .preview-actions span,
.minimal-calm .preview-actions :is(a,button){color:var(--secondary)}
.minimal-calm .preview-actions :is(a,button):hover{background:var(--line);color:var(--ink)}
.minimal-calm .sidebar{top:38px;height:calc(100vh - 38px)}
.minimal-calm .frame{min-height:calc(100vh - 38px)}
.minimal-calm .workspace{min-height:calc(100vh - 54px);border-color:var(--line);box-shadow:0 1px 3px rgb(25 35 34 / 7%),0 0 0 1px rgb(25 35 34 / 2%)}
.minimal-calm.theme-dark .workspace{box-shadow:0 2px 5px rgb(0 0 0 / 22%)}
.minimal-calm .topbar{border-bottom-color:transparent}
.minimal-calm .main{padding-top:25px;padding-bottom:30px}
.minimal-calm .page-heading{margin-bottom:18px}
.minimal-calm .page-heading h1{font-size:22px;font-weight:600;letter-spacing:-.025em}
.minimal-calm :is(h2,.sx-page h2,.ful-page h2,.ful-page h3){font-size:13px;font-weight:550}
.minimal-calm .page-date{font-size:11px}
.minimal-calm .navgroup{margin-top:8px}
.minimal-calm .sub{margin:3px 0 8px 19px;padding:1px 0 1px 9px;border-left:1px solid var(--line)}
.minimal-calm .navitem{border-radius:8px;font-weight:500}
.minimal-calm .navitem.active{font-weight:600}
.minimal-calm .sub .navitem{font-size:12px}
.minimal-calm .profile{border-top:0}

/* Compact controls, keeping space around each group instead of inside it. */
.minimal-calm :is(.page-tabs,.seg,.mkt-switch){padding:2px;gap:2px;border-radius:9px;box-shadow:none}
.minimal-calm .page-tabs button{min-height:27px;padding:3px 10px;font-size:11px;line-height:1.5}
.minimal-calm :is(.seg,.mkt-switch) button{min-height:24px;padding:3px 8px;font-size:11px}
.minimal-calm :is(.page-tabs,.seg,.mkt-switch) button{border-radius:7px}
.minimal-calm :is(.page-tabs,.sx-page .page-tabs,.ful-page .page-tabs){margin-bottom:18px}
.minimal-calm :is(.mkt-tabs-toolbar,.ful-tabs-actions) > .page-tabs{margin-bottom:0}
.minimal-calm :is(.mkt-tabs-toolbar,.ful-tabs-actions){align-items:center;gap:12px}
.minimal-calm :is(.btn,.callbutton){min-height:29px;padding:4px 10px;border-radius:8px;font-size:11px}
.minimal-calm :is(select.input,.filter select){min-height:29px;padding-top:4px;padding-bottom:4px;font-size:11px}
.minimal-calm .page-toolbar{align-items:center}
.minimal-calm :is(input.input,textarea.input){border-radius:8px}
.minimal-calm :is(.btn,.callbutton):disabled{box-shadow:none}

/* Tabs and owner filters share a row when the sales page renders them together. */
@media(min-width:1151px){
  .minimal-calm :is(.page-setter,.page-closer) .sx-page:has(> .sx-owner-toolbar){
    display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;
  }
  .minimal-calm :is(.page-setter,.page-closer) .sx-page:has(> .sx-owner-toolbar) > *{grid-column:1/-1}
  .minimal-calm :is(.page-setter,.page-closer) .sx-page:has(> .sx-owner-toolbar) > .page-tabs{
    grid-column:1;grid-row:1;align-self:center;min-width:0;margin:0 0 20px;
  }
  .minimal-calm :is(.page-setter,.page-closer) .sx-page > .sx-owner-toolbar{
    grid-column:2;grid-row:1;align-self:center;margin:0 0 20px;
  }
}
.minimal-calm .sx-owner-toolbar{margin-top:0}
.minimal-calm .sx-page{font-size:13px}

/* One quiet boundary around a section; no dividers between every number. */
.minimal-calm :is(.panel,.page-home .grid > .agenda,.ful-inbox){border-radius:14px;border-color:var(--line);box-shadow:none}
.minimal-calm :is(.metric-row,.sx-metrics){padding:16px 18px;border:1px solid var(--line);border-radius:12px;gap:20px;margin-bottom:22px}
.minimal-calm :is(.metric,.sx-stat,.stat){border-right:0}
.minimal-calm :is(.metric,.sx-stat){padding:0}
.minimal-calm :is(.metric p,.metric-label,.sx-stat > span){font-size:12px;color:var(--secondary);margin-bottom:7px}
.minimal-calm :is(.metric strong,.metric-value,.sx-stat > strong,.sx-target strong){font-size:22px;font-weight:550;letter-spacing:-.025em;color:var(--ink)}
.minimal-calm :is(.metric small,.metric-note,.sx-stat > small){font-size:11px;color:var(--secondary)}
.minimal-calm .page-home .stats{border-top:1px solid var(--line);background:var(--surface);padding:16px 0;gap:0}
.minimal-calm .page-home .stat{padding:0 20px}
.minimal-calm .page-home .stat:not(:last-child){border-right:1px solid var(--line)}
.minimal-calm .page-home .chart svg{display:block}
.minimal-calm .minimal-greeting-name{color:var(--accent)}
.minimal-calm .page-home .stat p{font-size:11px}
.minimal-calm .page-home .amount{font-size:clamp(56px,5.2vw,72px);font-weight:700;line-height:1.08;letter-spacing:-.035em}
.minimal-calm .page-home .amount span{font-size:12px;font-weight:400;letter-spacing:0}
.minimal-calm .page-home .amount > .home-currency-symbol{font-size:.55em;font-weight:500;line-height:1;vertical-align:.3em;margin-left:0;margin-right:.08em;color:inherit;letter-spacing:0}
body.minimal-calm .page-home .grid>.panel>.panelhead h2{font-size:12px;font-weight:400;color:var(--secondary);letter-spacing:0}
@media(max-width:600px){.minimal-calm .page-home .amount{font-size:44px}}
.minimal-calm .page-home .due strong{font-size:20px}
.minimal-calm .page-home .agenda hr{border:0;height:1px;background:var(--line);margin:20px 0}
.minimal-calm :is(.sx-side,.ful-aside){border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface)}
.minimal-calm :is(.sx-section-head,.ful-stage > header,.ful-ticket-column > header){border-bottom:0}
.minimal-calm .sx-section-head{padding-bottom:8px}
.minimal-calm :is(.sx-breakdown,.ful-task,.ful-agenda-item,.ful-win){border-bottom:0}
.minimal-calm .ful-task-list{border-top:0}
.minimal-calm .sx-info{border:0;border-radius:10px;background:var(--soft);color:var(--secondary);font-size:12px;padding:12px 16px;margin-bottom:22px}
.minimal-calm .sx-attention{border-left-width:1px;border-radius:10px}

/* Plain lists: one quiet header and consistent rows with subtle separators. */
.minimal-calm :is(.tablewrap,.table-scroll,.sx-table-wrap){border:1px solid var(--line);border-radius:12px}
.minimal-calm :is(table,.sx-table-wrap table){font-size:12px}
.minimal-calm :is(th,.data-table th,.sx-table-wrap th){font-size:11px;font-weight:500;color:var(--secondary);background:var(--soft);border-top:0;border-bottom:0}
.minimal-calm :is(td,.data-table td,.sx-table-wrap td){background:var(--surface);border-bottom:1px solid var(--line);padding-top:11px;padding-bottom:11px}
.minimal-calm :is(tbody tr:last-child td,.sx-table-wrap tbody tr:last-child td){border-bottom:0}
.minimal-calm .sx-table-wrap tbody tr td:first-child{background:var(--surface)}
.minimal-calm :is(.data-table tbody tr:hover td,.sx-table-wrap tbody tr:hover td){background:var(--brand-wash)}
.minimal-calm .sx-table-wrap tbody tr:hover td:first-child{background:var(--brand-wash)}
.minimal-calm :is(.tablefooter,.sx-table-foot,.ful-table-footer){font-size:11px}
.minimal-calm .sx-table-foot{padding-bottom:0}
.minimal-calm .sx-note-cell{font-size:12px;color:var(--secondary)}

/* Fulfillment, team and document surfaces share the same restrained treatment. */
.minimal-calm .ful-page{--ful-line:var(--line);--ful-muted:var(--secondary);--ful-ink:var(--ink);--ful-teal:var(--accent)}
.minimal-calm :is(.ful-stage-body,.ful-ticket-column){background:transparent}
.minimal-calm .ful-stage-body{padding:0}
.minimal-calm :is(.ful-student-card,.ful-ticket){border-radius:12px;padding:14px;background:var(--surface);border-color:var(--line)}
.minimal-calm :is(.ful-student-card p,.ful-ticket > small,.ful-win p,.ful-task,.call-summary){font-size:12px;color:var(--secondary)}
.minimal-calm :is(.ful-person strong,.ful-ticket > strong,.ful-thread-top strong){font-size:13px;font-weight:550}
.minimal-calm .ful-card-meta{font-size:11px}
.minimal-calm :is(.ful-thread,.ful-report,.ful-folder-list > div){border-bottom:0}
.minimal-calm .ful-thread.active{background:var(--brand-wash)}
.minimal-calm :is(.call-list,.doc-list){border-color:var(--line);border-radius:12px}
.minimal-calm .calls-section{border-bottom:0}
.minimal-calm .check-row{border-bottom:0}
.minimal-calm #team-pad{border-radius:12px}
.minimal-calm .hq-drawer{border-radius:14px}
.minimal-calm .drawer-head{border-bottom-color:var(--line)}

@media(max-width:850px){
  .minimal-calm .sidebar{top:38px}
  .minimal-calm :is(.metric-row,.sx-metrics){gap:18px;padding:16px}
}

/* Match the mounted student sidebar scale without changing Team HQ's 202px rail. */
body.balanced-blue.minimal-calm .sidebar{width:202px;padding:10px 10px 10px;scrollbar-width:thin;overscroll-behavior:contain}
body.balanced-blue.minimal-calm .sidebar .brand{min-height:48px;padding:8px 10px 12px;gap:10px;font-size:14px;font-weight:600;line-height:20px}
body.balanced-blue.minimal-calm .sidebar .brand .cc{font-size:23px;line-height:24px}
body.balanced-blue.minimal-calm .sidebar .navitem{min-height:32px;padding:7px 8px;gap:8px;border-radius:7px;font-size:14px;font-weight:450;line-height:18px}
body.balanced-blue.minimal-calm .sidebar .navitem .icon{width:16px;height:16px;stroke-width:1.6}
body.balanced-blue.minimal-calm .sidebar .navgroup{margin-top:4px}
body.balanced-blue.minimal-calm .sidebar .sub{margin:4px 0 6px 14px;padding:2px 0 2px 10px}
body.balanced-blue.minimal-calm .sidebar .sub .navitem{min-height:28px;padding:5px 8px;font-size:13px;line-height:18px}
body.balanced-blue.minimal-calm .navfoot{padding-top:12px}
body.balanced-blue.minimal-calm .sidebar .profile{min-height:48px;padding:8px;gap:9px;font-size:14px;line-height:18px}
body.balanced-blue.minimal-calm .sidebar .profile .avatar{width:32px;height:32px;font-size:11px}
body.balanced-blue.minimal-calm .sidebar .profile small{font-size:11px;line-height:15px}
@media(max-height:780px){
  body.balanced-blue.minimal-calm .sidebar{padding-top:10px;padding-bottom:10px}
  body.balanced-blue.minimal-calm .sidebar .brand{min-height:48px;padding-bottom:12px}
  body.balanced-blue.minimal-calm .sidebar .navitem{min-height:32px;padding-block:7px}
  body.balanced-blue.minimal-calm .sidebar .sub .navitem{min-height:28px;padding-block:5px}
  body.balanced-blue.minimal-calm .sidebar .navgroup{margin-top:4px}
  body.balanced-blue.minimal-calm .sidebar .sub{margin-block:4px 6px}
  body.balanced-blue.minimal-calm .profile{min-height:48px;margin-top:8px;padding:8px}
}
@media(max-height:700px){
  body.balanced-blue.minimal-calm .sidebar .navitem{min-height:32px;padding-block:7px}
  body.balanced-blue.minimal-calm .sidebar .sub .navitem{min-height:28px;padding-block:5px}
}
@media(max-width:600px){
  .minimal-calm .main{padding-left:18px;padding-right:18px}
  .minimal-calm .page-heading h1{font-size:20px}
  .minimal-calm :is(.mkt-tabs-toolbar,.ful-tabs-actions){gap:8px;flex-wrap:wrap}
  .minimal-calm :is(.metric-row,.sx-metrics){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .minimal-calm :is(.metric strong,.metric-value,.sx-stat > strong,.sx-target strong){font-size:22px}
  .minimal-calm :is(.sx-side,.ful-aside){padding:16px}
  .minimal-calm .page-home .stats{padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .minimal-calm .page-home .stat{padding:16px}
  .minimal-calm .page-home .stat:nth-child(even){border-right:0}
  .minimal-calm .page-home .stat:nth-child(n+3){border-top:1px solid var(--line)}
}

/* Cooler aqua identity, with dark lettering on light action surfaces. */
body.balanced-blue.minimal-calm{scrollbar-color:#bedbdd transparent}
body.balanced-blue.minimal-calm ::selection{background:var(--brand-wash);color:var(--ink)}
body.balanced-blue.minimal-calm .btn.btn-primary{
  background:var(--control-face);border-color:var(--control-border);color:var(--ink);
  box-shadow:var(--control-shadow),inset 0 1px 0 rgb(255 255 255 / 12%);
}
body.balanced-blue.minimal-calm .btn.btn-primary:hover{background:var(--control-face);border-color:var(--secondary);color:var(--ink)}
body.balanced-blue.minimal-calm .profile .avatar{background:var(--brand-highlight);color:var(--brand-ink)}
body.balanced-blue.minimal-calm :is(.navitem.active,.sub .navitem.active){background:var(--brand-wash);color:var(--accent)}
body.balanced-blue.minimal-calm :is(.link,.sx-link,.mkt-textlink,.mkt-forward):hover{color:var(--accent)}
body.balanced-blue.minimal-calm :is(.btn,.callbutton):hover{border-color:var(--secondary);color:var(--ink)}
body.balanced-blue.minimal-calm .progress{background:var(--brand-wash)}
body.balanced-blue.minimal-calm .tag{background:var(--brand-wash);color:var(--accent)}
body.balanced-blue.minimal-calm :is(.cal-day.today,.month-day.today,.month-day:hover){background:var(--brand-wash)}
body.balanced-blue.minimal-calm :is(.cal-event:not(.sales):not(.team),.month-event){background:var(--brand-wash);border-color:var(--brand);color:var(--accent)}
body.balanced-blue.minimal-calm .sx-track i{background:var(--brand)}

/* Keep native dropdown behavior while matching the compact control trays. */
body.balanced-blue.minimal-calm{
  --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%23636f72' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body.balanced-blue.minimal-calm.theme-dark{
  --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%23afb8b9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body.balanced-blue.minimal-calm :is(select.input,.filter select){
  appearance:none;
  min-height:29px;
  padding:4px 29px 4px 10px;
  border:1px solid var(--control-border);
  border-radius:8px;
  background:var(--control-face) var(--select-chevron) no-repeat right 9px center / 12px;
  color:var(--ink);
  font-size:11px;line-height:1.5;
  box-shadow:var(--control-shadow),var(--control-highlight);
}
body.balanced-blue.minimal-calm :is(select.input,.filter select):hover{border-color:var(--secondary)}
body.balanced-blue.minimal-calm :is(select.input,.filter select):disabled{opacity:.55;cursor:not-allowed}

/* The open menu shares the surface styling while retaining native keyboard behavior. */
@supports (appearance:base-select){
  body.balanced-blue.minimal-calm :is(select.input,.filter select),
  body.balanced-blue.minimal-calm :is(select.input,.filter select)::picker(select){appearance:base-select}
  body.balanced-blue.minimal-calm :is(select.input,.filter select)::picker-icon{display:none}
  body.balanced-blue.minimal-calm :is(select.input,.filter select)::picker(select){
    color:var(--ink);background:var(--control-face);border:1px solid var(--control-border);
    border-radius:9px;box-shadow:0 8px 24px rgb(18 31 34 / 12%);padding:4px;
    margin-block-start:5px;max-height:280px;font-family:inherit;font-size:12px;
  }
  body.minimal-calm select option{min-height:30px;padding:6px 10px;gap:8px;border-radius:5px;color:var(--ink);font:inherit}
  body.minimal-calm select option:is(:hover,:focus){background:var(--soft)}
  body.minimal-calm select option:checked{background:var(--brand-wash);color:var(--accent)}
  body.minimal-calm select option::checkmark{order:1;margin-left:auto;color:var(--accent)}
}

/* Clear group hierarchy with the original expandable navigation rails. */
.minimal-calm .sidebar .navgroup{margin-top:9px}
.minimal-calm .navgroup > summary.navitem{font-weight:550}
.minimal-calm .navgroup > summary .chevron{width:13px;height:13px;color:var(--secondary)}
.minimal-calm .sub .navitem{min-height:29px;padding:5px 10px;border-radius:6px}

/* The gradient carries the bars without an outlined container. */
body.balanced-blue.minimal-calm{--chart-top:#59cbd3;--chart-bottom:#e2f5f7;--chart-edge:#73cbd2}
body.balanced-blue.minimal-calm.theme-dark{--chart-top:#65d4dc;--chart-bottom:#284e55;--chart-edge:#54969d}
.minimal-calm #minimal-cash-fill .chart-stop-top{stop-color:var(--chart-top)}
.minimal-calm #minimal-cash-fill .chart-stop-bottom{stop-color:var(--chart-bottom)}
body.minimal-calm .page-home .chart rect.minimal-cash-bar{fill:url(#minimal-cash-fill);stroke:none}
body.balanced-blue.minimal-calm :is(.sx-bar,.minimal-setter-bar){
  background:linear-gradient(180deg,var(--chart-top),var(--chart-bottom));
  box-shadow:none;
}
body.balanced-blue.minimal-calm .sx-bar-col:hover .sx-bar{background:linear-gradient(180deg,var(--chart-top),var(--chart-bottom));filter:brightness(1.03)}

/* Neutral gray navigation beside the white working canvas. */
body.balanced-blue.minimal-calm{
  --sidebar-surface:#f8f8f8;--nav-active:#eeeeee;--nav-hover:#f1f1f1;
  --canvas:#fff;--surface:#fff;--soft:#f7f7f7;--line:#e7e7e7;
  --control-shadow:0 1px 2px rgb(25 35 34 / 9%),0 2px 4px rgb(25 35 34 / 4%);
  background:var(--sidebar-surface);
}
body.balanced-blue.minimal-calm.theme-dark{
  --sidebar-surface:#111318;--nav-active:#2c303a;--nav-hover:#222630;
  --canvas:#181b21;--surface:#22262e;--soft:#292e37;--line:#373d47;
  --control-tray:#1b1f26;--control-face:#2b303a;--control-border:#414854;
  --secondary:#afb8c3;--control-shadow:0 1px 2px rgb(0 0 0 / 22%),0 2px 5px rgb(0 0 0 / 12%);
}
body.balanced-blue.minimal-calm .sidebar{background:var(--sidebar-surface)}
body.balanced-blue.minimal-calm :is(.previewbar,.workspace,.topbar){background:var(--canvas)}
body.balanced-blue.minimal-calm .topbar{border-bottom-color:var(--line)}
body.balanced-blue.minimal-calm :is(.panel,.panelhead,.metric-row,.sx-metrics,.sx-side,.ful-aside,.ful-inbox,.member-tile,.calendar-scroll,.calendar-month,.tablewrap,.table-scroll,.sx-table-wrap,.mkt-chart-panel,.mkt-summary){background:var(--surface)}
body.balanced-blue.minimal-calm .navitem{color:var(--secondary);font-weight:500;line-height:1.4}
body.balanced-blue.minimal-calm .navitem:hover{background:var(--nav-hover);color:var(--ink)}
body.balanced-blue.minimal-calm :is(.navitem.active,.sub .navitem.active){background:var(--nav-active);color:var(--ink);font-weight:550}
body.balanced-blue.minimal-calm .navgroup > summary.navitem{color:var(--ink);font-weight:500}
body.balanced-blue.minimal-calm .navitem .icon{color:currentColor;stroke-width:1.45}
body.balanced-blue.minimal-calm .sub{border-color:color-mix(in srgb,var(--secondary) 22%,transparent)}

/* Match control faces and center their line boxes, including native pickers. */
body.balanced-blue.minimal-calm :is(.btn,.callbutton,.page-tabs button,.seg button,.mkt-switch button){
  display:inline-flex;align-items:center;justify-content:center;line-height:1.25;
  padding-block:5px 4px;vertical-align:middle;
}
body.balanced-blue.minimal-calm :is(.btn,.callbutton){
  background:var(--control-face);border-color:var(--control-border);color:var(--ink);
  box-shadow:var(--control-shadow),var(--control-highlight);
}
body.balanced-blue.minimal-calm :is(.btn,.callbutton):disabled{box-shadow:none}
body.balanced-blue.minimal-calm .btn.btn-danger{color:#ac4742}
body.balanced-blue.minimal-calm.theme-dark .btn.btn-danger{color:#f1aaa2}
body.balanced-blue.minimal-calm :is(select.input,.filter select){
  align-items:center;line-height:1.25;padding-block:5px 4px;
  box-shadow:var(--control-shadow),var(--control-highlight);
}
body.balanced-blue.minimal-calm :is(.icon-btn,#mobile-menu){align-items:center;justify-content:center;line-height:1}
body.balanced-blue.minimal-calm .icon-btn{display:inline-flex}

/* Comparison controls stay available on smaller screens. */
body.minimal-calm .preview-actions .variant-link{display:inline-flex;align-items:center;min-height:26px;white-space:nowrap;padding:3px 7px;border-radius:4px}
body.minimal-calm .preview-actions .variant-link[aria-current=page]{background:var(--nav-active);color:var(--ink)}
@media(max-width:620px){
  body.minimal-calm .preview-actions{gap:2px}
  body.minimal-calm .preview-actions .variant-link{font-size:10px;padding-inline:5px}
  body.minimal-calm .preview-actions button[data-go=map]{display:none}
}

/* A simple page label beside a working sidebar control. */
body.balanced-blue.minimal-calm .topbar{height:44px}
body.balanced-blue.minimal-calm .minimal-page-context{display:flex;align-items:center;gap:16px;min-width:0}
body.balanced-blue.minimal-calm #mobile-menu{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:30px;height:30px;margin:0;padding:0;border-radius:5px;color:var(--secondary);
}
body.balanced-blue.minimal-calm #mobile-menu:hover{background:var(--soft);color:var(--ink)}
body.balanced-blue.minimal-calm #mobile-menu .icon{width:18px;height:18px;stroke-width:1.6}
body.balanced-blue.minimal-calm #crumb{
  display:block;min-width:0;border-left:1px solid var(--line);padding-left:18px;
  color:var(--ink);font-size:14px;font-weight:450;line-height:20px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
@media(min-width:851px){
  body.balanced-blue.minimal-calm.minimal-nav-collapsed .sidebar{display:none}
  body.balanced-blue.minimal-calm.minimal-nav-collapsed .workspace{margin-left:10px}
}
@media(max-width:620px){
  body.balanced-blue.minimal-calm .minimal-page-context{gap:10px}
  body.balanced-blue.minimal-calm #crumb{padding-left:12px;font-size:14px}
  body.balanced-blue.minimal-calm .topbar .sample{display:none}
}

/* Keep the full navigation compact and the page free of preview chrome. */
body.balanced-blue.minimal-calm .sidebar{top:0;height:100dvh;padding:16px 12px 12px}
body.balanced-blue.minimal-calm .frame{min-height:100dvh}
body.balanced-blue.minimal-calm .workspace{min-height:calc(100dvh - 18px)}
body.balanced-blue.minimal-calm .sidebar .brand{padding-bottom:16px}
body.balanced-blue.minimal-calm .sidebar .navitem{min-height:28px;padding-block:5px}
body.balanced-blue.minimal-calm .sidebar .navgroup{margin-top:6px}
body.balanced-blue.minimal-calm .sidebar .sub{margin-top:2px;margin-bottom:4px;padding-block:0}
body.balanced-blue.minimal-calm .sidebar .sub .navitem{min-height:25px;padding-block:4px}
body.balanced-blue.minimal-calm .navfoot{padding-top:12px}
body.balanced-blue.minimal-calm .profile{margin-top:8px;padding-top:10px}
body.balanced-blue.minimal-calm #minimal-nav-close{display:none}
@media(max-height:780px){
  body.balanced-blue.minimal-calm .sidebar{padding-top:10px;padding-bottom:10px}
  body.balanced-blue.minimal-calm .sidebar .brand{padding-bottom:10px}
  body.balanced-blue.minimal-calm .sidebar .navitem{min-height:24px;padding-block:3px}
  body.balanced-blue.minimal-calm .sidebar .sub .navitem{min-height:22px;padding-block:2px}
  body.balanced-blue.minimal-calm .sidebar .navgroup{margin-top:4px}
  body.balanced-blue.minimal-calm .sidebar .sub{margin-block:2px}
  body.balanced-blue.minimal-calm .navfoot{padding-top:8px}
  body.balanced-blue.minimal-calm .profile{margin-top:6px;padding-top:8px}
}
@media(max-width:850px){
  body.balanced-blue.minimal-calm .sidebar.mobile-open #minimal-nav-close{
    display:inline-flex;position:absolute;top:12px;right:10px;
    align-items:center;justify-content:center;width:28px;height:28px;
    padding:0;border-radius:5px;color:var(--secondary);
  }
  body.balanced-blue.minimal-calm #minimal-nav-close:hover{background:var(--nav-hover);color:var(--ink)}
  body.balanced-blue.minimal-calm #minimal-nav-close .icon{width:16px;height:16px}
}

/* Keep the reference's even inset around the working content at desktop widths. */
body.balanced-blue.minimal-calm .main{max-width:none;padding:26px 30px 30px}
body.balanced-blue.minimal-calm .topbar{padding-inline:30px}
@media(max-width:850px){
  body.balanced-blue.minimal-calm .main{padding-inline:24px}
  body.balanced-blue.minimal-calm .topbar{padding-inline:24px}
}
@media(max-width:600px){
  body.balanced-blue.minimal-calm .main{padding:22px 18px 24px}
  body.balanced-blue.minimal-calm .topbar{padding-inline:18px}
}

/* Reference sidebar: quiet labels, a clear selected row and a contained profile. */
body.balanced-blue.minimal-calm .sidebar .brand{font-weight:550}
body.balanced-blue.minimal-calm .sidebar .navitem{font-size:12px;font-weight:450;border-radius:9px}
body.balanced-blue.minimal-calm .sidebar .sub .navitem{font-size:11.5px;font-weight:400}
body.balanced-blue.minimal-calm .sidebar .navitem.active{font-weight:500}
body.balanced-blue.minimal-calm .sidebar .navgroup>summary.navitem{color:var(--secondary);font-weight:450}
body.balanced-blue.minimal-calm .sidebar .navitem .icon{width:15px;height:15px;color:var(--secondary);stroke-width:1.6}
body.balanced-blue.minimal-calm .sidebar .navitem.active .icon{color:var(--ink)}
body.balanced-blue.minimal-calm .sidebar .sub{border-left-color:var(--line)}
body.balanced-blue.minimal-calm .sidebar .profile{
  padding:8px;margin-top:8px;gap:9px;border:1px solid var(--line);border-radius:10px;
  background:var(--surface);box-shadow:0 1px 2px rgb(20 25 30 / 5%);font-size:12px;line-height:17px;
}
body.balanced-blue.minimal-calm .sidebar .profile>span:last-child{min-width:0}
body.balanced-blue.minimal-calm .sidebar .profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.balanced-blue.minimal-calm .sidebar .profile .avatar{
  width:30px;height:30px;flex-shrink:0;background:linear-gradient(135deg,#17b5ae,#3178db);color:#fff;
}
body.balanced-blue.minimal-calm #theme-toggle::after{
  content:"";width:25px;height:14px;flex-shrink:0;margin-left:auto;border-radius:8px;
  background:radial-gradient(circle at 7px 7px,#fff 0 5px,transparent 5.5px),#d6d8dc;
}
body.balanced-blue.minimal-calm.theme-dark #theme-toggle::after{
  background:radial-gradient(circle at 18px 7px,#fff 0 5px,transparent 5.5px),var(--accent);
}
@media(max-height:780px){
  body.balanced-blue.minimal-calm .sidebar .profile{padding:6px 8px;margin-top:6px}
}
@media(max-height:700px){
  body.balanced-blue.minimal-calm .sidebar .navitem{min-height:22px;padding-block:2px}
  body.balanced-blue.minimal-calm .sidebar .sub .navitem{min-height:20px;padding-block:1px}
}

/* The roadmap shell keeps one lifted content surface inside the visible viewport. */
html:has(body.balanced-blue.minimal-calm){height:100%;overflow:hidden}
body.balanced-blue.minimal-calm{height:100dvh;overflow:hidden}
body.balanced-blue.minimal-calm .frame{
  height:100dvh;min-height:0;align-items:stretch;overflow:hidden;padding:8px 8px 8px 0;
}
body.balanced-blue.minimal-calm .sidebar{
  position:relative;top:auto;height:auto;max-height:100%;overflow:auto;border-right:0;background:var(--sidebar-surface);
}
body.balanced-blue.minimal-calm .workspace{
  display:flex;flex-direction:column;height:100%;min-height:0;margin:0;border:1px solid color-mix(in srgb,var(--line) 84%,var(--secondary));
  border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:0 8px 28px rgb(25 35 34 / 8%),0 1px 3px rgb(25 35 34 / 6%);
}
body.balanced-blue.minimal-calm.theme-dark .workspace{box-shadow:0 10px 30px rgb(0 0 0 / 28%),0 1px 3px rgb(0 0 0 / 22%)}
body.balanced-blue.minimal-calm .topbar{flex:0 0 44px;background:var(--surface)}
body.balanced-blue.minimal-calm .main{flex:1;width:100%;min-height:0;margin-inline:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(min-width:851px){body.balanced-blue.minimal-calm.minimal-nav-collapsed .workspace{margin-left:0}}
@media(max-width:850px){
  body.balanced-blue.minimal-calm .frame{padding:6px}
  body.balanced-blue.minimal-calm .workspace{width:100%;border-radius:15px}
  body.balanced-blue.minimal-calm .sidebar{position:fixed;top:6px;bottom:6px;left:6px;height:auto;max-height:none;border-radius:13px;z-index:40}
}

/* Mounted student-dashboard proportions. Keep the rail width and let it scroll. */
body.balanced-blue.minimal-calm .sidebar{padding:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
body.balanced-blue.minimal-calm .sidebar .brand{min-height:48px;padding:8px 10px 12px;gap:10px;font-size:14px;font-weight:600;line-height:20px}
body.balanced-blue.minimal-calm .sidebar .brand .cc{font-size:23px;line-height:24px}
body.balanced-blue.minimal-calm .sidebar .navitem{min-height:32px;padding:7px 8px;gap:8px;border-radius:7px;font-size:14px;font-weight:450;line-height:18px}
body.balanced-blue.minimal-calm .sidebar .navitem .icon{width:16px;height:16px;stroke-width:1.6}
body.balanced-blue.minimal-calm .sidebar .navgroup{margin-top:4px}
body.balanced-blue.minimal-calm .sidebar .sub{margin:4px 0 6px 14px;padding:2px 0 2px 10px}
body.balanced-blue.minimal-calm .sidebar .sub .navitem{min-height:28px;padding:5px 8px;font-size:14px;line-height:18px}
body.balanced-blue.minimal-calm .navfoot{padding-top:12px}
body.balanced-blue.minimal-calm .sidebar .profile{min-height:48px;margin-top:8px;padding:8px;gap:9px;font-size:14px;line-height:18px}
body.balanced-blue.minimal-calm .sidebar .profile .avatar{width:32px;height:32px;font-size:11px}
body.balanced-blue.minimal-calm .sidebar .profile small{font-size:11px;line-height:15px}
@media(min-width:851px){body.balanced-blue.minimal-calm .sidebar{width:202px}}
@media(max-height:780px){
  body.balanced-blue.minimal-calm .sidebar{padding-block:10px}
  body.balanced-blue.minimal-calm .sidebar .brand{min-height:48px;padding-bottom:12px}
  body.balanced-blue.minimal-calm .sidebar .navitem{min-height:32px;padding-block:7px}
  body.balanced-blue.minimal-calm .sidebar .sub .navitem{min-height:28px;padding-block:5px}
  body.balanced-blue.minimal-calm .sidebar .navgroup{margin-top:4px}
  body.balanced-blue.minimal-calm .sidebar .sub{margin-block:4px 6px}
  body.balanced-blue.minimal-calm .sidebar .profile{min-height:48px;margin-top:8px;padding:8px}
}
@media(max-height:700px){
  body.balanced-blue.minimal-calm .sidebar .navitem{min-height:32px;padding-block:7px}
  body.balanced-blue.minimal-calm .sidebar .sub .navitem{min-height:28px;padding-block:5px}
}