/* FT Freight Calculator Operations / Signature workspace R1.
   Scope is the signed-in application; existing theme and appearance tokens remain authoritative. */
body.freight-ui-r1 {
  --freight-hero-start:color-mix(in srgb,var(--accent) 24%,#143747);
  --freight-hero-end:color-mix(in srgb,var(--accent) 18%,#102b3d);
  --freight-space:var(--user-panel-gap,16px);
}
body.freight-ui-r1[data-workspace-layout="signature"] {
  --freight-hero-start:color-mix(in srgb,var(--accent) 20%,#103f38);
  --freight-hero-end:color-mix(in srgb,var(--accent) 16%,#102e3e);
}
html:root body.freight-ui-r1 #mainView .topbar {
  height:auto!important;min-height:102px!important;display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto!important;grid-template-rows:auto auto!important;
  gap:10px 22px!important;padding:12px 24px 10px!important;
  background:var(--panel)!important;border-bottom:1px solid var(--border)!important;
  box-shadow:0 3px 14px color-mix(in srgb,var(--text) 4%,transparent)!important;
}
html:root body.freight-ui-r1 #mainView .brand-block { grid-column:1;grid-row:1; }
html:root body.freight-ui-r1 #mainView .brand-logo-shell {
  width:46px!important;height:46px!important;background:#fff!important;
  border:1px solid var(--border)!important;border-radius:12px!important;padding:4px!important;
  box-shadow:var(--shadow-soft)!important;flex-shrink:0;
  display:flex!important;align-items:center;justify-content:center;
}
html:root body.freight-ui-r1 #mainView .brand-logo-shell img {
  width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;
}
html:root body.freight-ui-r1 #mainView .brand-identity strong {font-size:16px!important;letter-spacing:-.35px!important;color:var(--text)!important;}
html:root body.freight-ui-r1 #mainView .brand-identity>span {font-size:10px!important;letter-spacing:.4px!important;color:var(--muted)!important;}
html:root body.freight-ui-r1 #mainView .brand-runtime {align-self:end!important;color:var(--muted)!important;}
html:root body.freight-ui-r1 #mainView .top-actions {grid-column:2;grid-row:1;gap:8px!important;}
html:root body.freight-ui-r1 #mainView #topNav {
  grid-column:1/-1;grid-row:2;justify-self:start;display:flex!important;flex-wrap:wrap;
  gap:5px!important;padding:0!important;background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;width:auto!important;
}
html:root body.freight-ui-r1 #mainView .nav-tab {
  padding:8px 15px!important;min-height:34px!important;height:auto!important;border:1px solid transparent!important;border-radius:8px!important;
  background:transparent!important;color:var(--muted)!important;font-size:var(--user-nav-size,12px)!important;
  box-shadow:none!important;transition:background .15s!important;
}
html:root body.freight-ui-r1 #mainView .nav-tab.active {background:var(--text)!important;color:var(--panel)!important;}
html:root body.freight-ui-r1 #mainView .nav-tab:not(.active):hover {background:var(--accent-soft)!important;color:var(--accent-ink)!important;}
html:root body.freight-ui-r1 #mainView :is(.utility-button,.utility-icon-button,.integration-chip,.profile-button) {border-radius:8px!important;box-shadow:none!important;}
html:root body.freight-ui-r1 #mainView .main-content {padding:20px 24px 60px!important;gap:var(--freight-space)!important;}
html:root body.freight-ui-r1 #page-calculator>.page-heading {
  padding:18px 24px!important;margin:0 0 16px!important;min-height:116px!important;
  background:radial-gradient(ellipse at 82% -70%,color-mix(in srgb,var(--accent-2) 32%,transparent),transparent 72%),linear-gradient(115deg,var(--freight-hero-start),var(--freight-hero-end))!important;
  border:1px solid color-mix(in srgb,var(--accent) 25%,var(--freight-hero-end))!important;
  border-radius:var(--user-radius,16px)!important;box-shadow:var(--shadow-soft)!important;
  align-items:center!important;gap:22px!important;position:relative;
}
html:root body.freight-ui-r1 #page-calculator>.page-heading h1 {
  color:#fff!important;font-size:clamp(25px,2.6vw,38px)!important;line-height:1.2!important;
  text-shadow:none!important;margin:7px 0 0!important;font-weight:750!important;letter-spacing:-1px!important;
}
html:root body.freight-ui-r1 #page-calculator>.page-heading .eyebrow {color:#b1dcd3!important;font-size:9px!important;letter-spacing:1.8px!important;}
html:root body.freight-ui-r1 #page-calculator .v600-workspace-pills {margin-top:14px!important;gap:8px!important;}
html:root body.freight-ui-r1 #page-calculator .v600-workspace-pills>span {
  background:#ffffff0c!important;color:#d5e9e7!important;border:1px solid #ffffff24!important;
  border-radius:5px!important;font-size:9px!important;font-weight:550!important;padding:4px 7px!important;
}
html:root body.freight-ui-r1 #page-calculator .refined-action-deck {
  display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:7px!important;
  max-width:540px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html:root body.freight-ui-r1 #page-calculator .heading-actions .button {
  background:#ffffff0e!important;border:1px solid #ffffff36!important;color:#eaf6f5!important;
  border-radius:7px!important;min-height:35px!important;height:auto!important;padding:8px 10px!important;
  font-size:max(10px,var(--user-control-size,11px))!important;box-shadow:none!important;
  width:auto!important;max-width:100%!important;flex:0 0 auto!important;white-space:nowrap!important;
}
html:root body.freight-ui-r1 #page-calculator .heading-actions .action-paste {
  background:linear-gradient(120deg,#149e7b,#087660)!important;border-color:#5dd3b280!important;
  color:#fff!important;padding:11px 16px!important;font-weight:750!important;box-shadow:0 5px 15px #0002!important;
}
html:root body.freight-ui-r1 #page-calculator .heading-actions .button:disabled {opacity:.4!important;}
html:root body.freight-ui-r1 #page-calculator>.sticky-summary-shell {
  position:relative!important;top:auto!important;z-index:1!important;padding:0!important;
  margin:0 0 18px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;overflow:visible!important;
}
html:root body.freight-ui-r1 #page-calculator>.sticky-summary-shell .summary-strip {
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:var(--summary-gap,12px)!important;padding:0!important;border:0!important;background:transparent!important;
}
html:root body.freight-ui-r1 #mainView #page-calculator .summary-metric {
  --freight-metric:var(--summary-packing,var(--accent));
  height:auto!important;min-height:var(--summary-card-height,112px)!important;
  padding:var(--summary-padding,14px)!important;border-radius:var(--summary-radius,12px)!important;
  border:var(--summary-border-width,1px) solid var(--border)!important;
  border-top:3px solid var(--freight-metric)!important;min-width:0!important;overflow:hidden!important;
  color:var(--freight-metric)!important;text-shadow:none!important;box-shadow:var(--shadow-soft)!important;
  backdrop-filter:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:7px!important;isolation:isolate;
}
html:root body.freight-ui-r1 #mainView #page-calculator .summary-metric.line {--freight-metric:var(--summary-line,var(--line));}
html:root body.freight-ui-r1 #mainView #page-calculator .summary-metric.normal {--freight-metric:var(--summary-normal,var(--normal));}
html:root body.freight-ui-r1 #mainView #page-calculator .summary-metric.special {--freight-metric:var(--summary-special,var(--special));}
html:root body.freight-ui-r1 #mainView #page-calculator #weightSummaryCard {--freight-metric:var(--summary-weight,var(--violet));}
html:root body.freight-ui-r1 #mainView #page-calculator #attentionCard {--freight-metric:var(--summary-review,var(--danger));}
html:root body.freight-ui-r1 #mainView #page-calculator .summary-metric>span {
  color:var(--freight-metric)!important;font-size:var(--summary-label-size,10px)!important;
  font-weight:var(--summary-font-weight,700)!important;letter-spacing:.06em!important;
  font-family:var(--summary-font,var(--font))!important;text-shadow:none!important;line-height:1.3!important;
}
html:root body.freight-ui-r1 #mainView #page-calculator .summary-metric>strong {
  color:var(--freight-metric)!important;font-size:var(--summary-value-size,29px)!important;
  font-weight:var(--summary-value-weight,750)!important;line-height:var(--summary-line-height,1.15)!important;
  letter-spacing:var(--summary-letter-spacing,-.03em)!important;font-family:var(--summary-font,var(--font))!important;
  font-variant-numeric:tabular-nums;text-shadow:none!important;filter:none!important;
  padding:0!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere;
}
html:root body.freight-ui-r1 #mainView #page-calculator .summary-metric>small {
  color:var(--muted)!important;font-size:var(--summary-subtext-size,10px)!important;font-weight:500!important;
  text-shadow:none!important;line-height:1.4!important;white-space:normal!important;
}
/* Summary Studio remains functional, including chosen typography, colors and visibility. */
html:root[data-summary-design="elevated"] body.freight-ui-r1 #mainView #page-calculator .summary-metric {
  background:linear-gradient(145deg,color-mix(in srgb,var(--freight-metric) 9%,var(--panel)),var(--panel))!important;
}
html:root[data-summary-subtext="hide"] body.freight-ui-r1 #mainView #page-calculator .summary-metric>small{display:none!important;}
html:root[data-theme-mode="dark"] body.freight-ui-r1 #mainView #page-calculator .summary-metric>span,
html:root[data-theme-mode="dark"] body.freight-ui-r1 #mainView #page-calculator .summary-metric>strong {color:color-mix(in srgb,var(--freight-metric) 67%,#fff)!important;}
html:root body.freight-ui-r1 #mainView #page-calculator .summary-metric:hover {transform:translateY(-2px)!important;}
html:root[data-summary-design="large_numbers"] body.freight-ui-r1 #mainView #page-calculator .summary-metric>strong{font-size:max(38px,var(--summary-value-size))!important;}
html:root[data-summary-design="high_contrast"] body.freight-ui-r1 #mainView #page-calculator .summary-metric{border:2px solid var(--freight-metric)!important;background:var(--panel)!important;}
html:root[data-summary-design="accent_bar"] body.freight-ui-r1 #mainView #page-calculator .summary-metric{border-left:5px solid var(--freight-metric)!important;}
html:root[data-summary-design="split_tone"] body.freight-ui-r1 #mainView #page-calculator .summary-metric{background:linear-gradient(112deg,var(--panel) 60%,color-mix(in srgb,var(--freight-metric) 16%,var(--panel)) 60%)!important;}
html:root[data-summary-shadow="none"] body.freight-ui-r1 #mainView #page-calculator .summary-metric{box-shadow:none!important;}
html:root body.freight-ui-r1 #page-calculator .calculator-command-bar {
  border:1px solid var(--border)!important;border-radius:var(--user-radius,12px)!important;
  padding:13px 16px!important;background:var(--panel)!important;box-shadow:var(--shadow-soft)!important;
  display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;
  flex-wrap:wrap!important;margin:0 0 16px!important;
}
html:root body.freight-ui-r1 #page-calculator .special-rate-group {display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;flex:1 1 470px!important;min-width:0!important;}
html:root body.freight-ui-r1 #page-calculator .v72002-rate-context {flex:1 1 230px!important;min-width:min(100%,230px)!important;}
html:root body.freight-ui-r1 #page-calculator .command-actions {display:flex!important;flex-wrap:wrap!important;gap:7px!important;flex:0 1 auto!important;}
html:root body.freight-ui-r1 #mainView :is(.calculator-command-bar .button,.mini-rate-button,.vehicle-quick-btn) {
  background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:7px!important;
  box-shadow:none!important;color:var(--text)!important;min-height:36px!important;font-size:var(--user-control-size,11px)!important;
}
html:root body.freight-ui-r1 #page-calculator .calculation-health-bar {border-radius:10px!important;margin:0 0 14px!important;box-shadow:none!important;padding:11px 14px!important;}
html:root body.freight-ui-r1 #page-calculator .freight-work-grid {display:flex;flex-direction:column;gap:var(--freight-space);align-items:stretch;min-width:0;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget {
  order:-1;margin:0!important;border:1px solid var(--border)!important;border-top:3px solid var(--accent)!important;
  border-radius:var(--user-radius,14px)!important;padding:17px 20px!important;min-width:0!important;
  background:linear-gradient(140deg,var(--panel),color-mix(in srgb,var(--accent) 6%,var(--panel)))!important;
  box-shadow:var(--shadow-soft)!important;
}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-load-head {align-items:center!important;gap:16px!important;flex-wrap:wrap!important;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-selector-group {flex:1 1 360px!important;min-width:0!important;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-label-wrap {min-width:0!important;flex:1!important;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-select {width:100%!important;min-width:0!important;max-width:min(440px,100%)!important;border:1px solid var(--border)!important;border-radius:7px!important;background:var(--panel)!important;color:var(--text)!important;box-shadow:none!important;min-height:38px!important;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-icon-badge {background:var(--accent-soft)!important;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:9px!important;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-meter-stats {gap:18px!important;flex-wrap:wrap!important;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-gauge-track {height:11px!important;background:var(--panel-muted)!important;box-shadow:none!important;border:0!important;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-gauge-fill {box-shadow:none!important;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-gauge-fill::after {box-shadow:none!important;}
html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-gauge-track-wrap {margin-top:17px!important;}
html:root body.freight-ui-r1 #page-calculator #calculatorTablePanel {
  min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;
  border:1px solid var(--border)!important;border-radius:var(--user-radius,14px)!important;
  background:var(--panel)!important;box-shadow:var(--shadow-soft)!important;overflow:hidden;
}
html:root body.freight-ui-r1 #page-calculator #calculatorTablePanel .panel-header {padding:17px 18px 12px!important;background:var(--panel)!important;}
html:root body.freight-ui-r1 #page-calculator #calculatorTablePanel h2 {font-size:calc(17px * var(--user-heading-scale,1))!important;letter-spacing:-.3px!important;}
html:root body.freight-ui-r1 #page-calculator .table-header-main {display:flex!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;align-items:center!important;}
html:root body.freight-ui-r1 #page-calculator .table-meta {display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
html:root body.freight-ui-r1 #page-calculator .table-meta .button {background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:6px!important;box-shadow:none!important;}
html:root body.freight-ui-r1 #page-calculator .table-totals-toolbar {border-radius:7px!important;background:var(--panel-muted)!important;color:var(--text)!important;box-shadow:none!important;margin-top:12px!important;}
html:root body.freight-ui-r1 #page-calculator .calculator-table th {background:var(--panel-muted)!important;color:var(--muted)!important;border-bottom:1px solid var(--border)!important;box-shadow:none!important;backdrop-filter:none!important;}
html:root body.freight-ui-r1 #page-calculator .calculator-table td {border-bottom:1px solid var(--border)!important;font-variant-numeric:tabular-nums;}
html:root body.freight-ui-r1 #page-calculator .calculator-table tr:hover td {background:var(--accent-soft)!important;}
html:root body.freight-ui-r1 #page-calculator .empty-state {padding:30px 18px!important;}
html:root body.freight-ui-r1 #themeModal .freight-layout-section {display:block;padding:16px!important;border:1px solid var(--border);border-radius:var(--user-radius,12px);margin-bottom:18px;background:var(--panel);}
html:root body.freight-ui-r1 #themeModal .freight-layout-section>div>small {display:block;color:var(--muted);margin-top:4px;font-size:11px;}
html:root body.freight-ui-r1 #themeModal .freight-layout-picker {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}
html:root body.freight-ui-r1 #themeModal .freight-layout-picker button {text-align:left;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);padding:14px;cursor:pointer;}
html:root body.freight-ui-r1 #themeModal .freight-layout-picker button strong {display:block;font-size:13px;}
html:root body.freight-ui-r1 #themeModal .freight-layout-picker button small {display:block;font-size:11px;color:var(--muted);margin-top:5px;}
html:root body.freight-ui-r1 #themeModal .freight-layout-picker button[aria-pressed="true"] {border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);}
@media(min-width:1180px) {
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator .freight-work-grid {display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;}
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator #vehicleLoadWidget {order:0;padding:18px!important;position:sticky;top:12px;}
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator #vehicleLoadWidget .vehicle-load-head {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;}
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator #vehicleLoadWidget .vehicle-selector-group {flex:0 0 auto!important;align-items:flex-start!important;}
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator #vehicleLoadWidget .vehicle-kicker-line {flex-wrap:wrap!important;}
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator #vehicleLoadWidget .vehicle-capacity-hint {width:100%;font-size:10px!important;}
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator #vehicleLoadWidget .vehicle-meter-stats {display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px 10px!important;width:100%!important;}
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator #vehicleLoadWidget .meter-stat {min-width:0!important;align-items:flex-start!important;text-align:left!important;}
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator #vehicleLoadWidget .vehicle-btn-group {grid-column:1/-1;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;}
  html:root body.freight-ui-r1[data-workspace-layout="signature"] #page-calculator #vehicleLoadWidget .vehicle-gauge-labels {flex-wrap:wrap!important;gap:6px!important;}
}
@media(max-width:1100px) {
  html:root body.freight-ui-r1 #page-calculator>.page-heading {flex-wrap:wrap!important;}
  html:root body.freight-ui-r1 #page-calculator .refined-action-deck {justify-content:flex-start!important;max-width:none!important;}
  html:root body.freight-ui-r1 #page-calculator>.sticky-summary-shell .summary-strip {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px) {
  html:root body.freight-ui-r1 #mainView .topbar {padding:12px 14px!important;gap:10px!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:74px!important;}
  html:root body.freight-ui-r1 #mainView .brand-identity strong {font-size:13px!important;}
  html:root body.freight-ui-r1 #mainView .brand-runtime {display:none!important;}
  html:root body.freight-ui-r1 #mainView .brand-logo-shell {width:38px!important;height:38px!important;}
  html:root body.freight-ui-r1 #mainView #topNav {display:none!important;}
  html:root body.freight-ui-r1 #mainView .mobile-menu-button {display:grid!important;}
  html:root body.freight-ui-r1 #mainView .top-actions {gap:5px!important;}
  html:root body.freight-ui-r1 #mainView .main-content {padding:14px 12px 60px!important;}
  html:root body.freight-ui-r1 #page-calculator>.page-heading {padding:18px!important;gap:18px!important;}
  html:root body.freight-ui-r1 #page-calculator .heading-actions .button {font-size:10px!important;padding:7px 8px!important;}
  html:root body.freight-ui-r1 #page-calculator .heading-actions .action-paste {flex-basis:100%!important;}
  html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget {padding:15px!important;}
  html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-selector-group {flex-basis:100%!important;}
  html:root body.freight-ui-r1 #page-calculator #vehicleLoadWidget .vehicle-meter-stats {width:100%!important;justify-content:space-between!important;gap:13px!important;}
  html:root body.freight-ui-r1 #page-calculator .calculator-command-bar {padding:13px!important;}
  html:root body.freight-ui-r1 #page-calculator .special-rate-group {flex-basis:100%!important;}
  html:root body.freight-ui-r1 #page-calculator .command-actions {justify-content:flex-start!important;}
}
@media(max-width:470px) {
  html:root body.freight-ui-r1 #page-calculator>.sticky-summary-shell .summary-strip {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html:root body.freight-ui-r1 #mainView .topbar {column-gap:6px!important;}
  html:root body.freight-ui-r1 #mainView .brand-block {gap:6px!important;}
  html:root body.freight-ui-r1 #mainView .brand-identity>span {font-size:8px!important;}
  html:root body.freight-ui-r1 #mainView .brand-logo-shell {width:32px!important;height:32px!important;}
  html:root body.freight-ui-r1 #mainView .header-help-control {display:none!important;}
  html:root body.freight-ui-r1 #mainView .profile-copy {display:none!important;}
  html:root body.freight-ui-r1 #mainView .header-profile-menu-button {min-width:17px!important;}
  html:root body.freight-ui-r1 #themeModal .freight-layout-picker {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce) {
  html:root body.freight-ui-r1 #mainView #page-calculator .summary-metric:hover {transform:none!important;}
}
html:root[data-reduced-motion="true"] body.freight-ui-r1 #mainView #page-calculator .summary-metric:hover,
html:root[data-hover-effects="false"] body.freight-ui-r1 #mainView #page-calculator .summary-metric:hover {transform:none!important;}
