/* Refined workspace skin. Existing theme preferences and business branding remain authoritative. */
html.f2o-refined{--ref-blue:#087ff5;--ref-line:#dfe7ee;--ref-text:#152635;--ref-muted:#5b6e7e;--ref-panel:#fff;--ref-canvas:#f0f5f8}
html.f2o-refined[data-dashboard-theme="dark"]{--ref-line:#263740;--ref-text:#ecf5fa;--ref-muted:#a8bac5;--ref-panel:#14232b;--ref-canvas:#0b151c}
.f2o-refined .shell{background:var(--dashboard-background,var(--ref-canvas));color:var(--ref-text)}
.f2o-refined .sidebar{width:220px;padding:24px 14px;border-right:1px solid var(--ref-line)}
.f2o-refined .sidebar .brand{padding:0 12px 16px}.f2o-refined .sidebar .platform-logo{max-width:155px;max-height:68px;object-fit:contain}
.f2o-refined .sidebar #navigation button{min-height:42px;border-radius:8px;margin:3px 0;padding:10px 12px;font-size:13px;gap:11px}
.f2o-refined #navigation button.active{background:#087ff5;color:white;box-shadow:0 4px 12px #087ff526}
.f2o-refined #navigation button.active svg{color:white}.f2o-refined #navigation button>span{width:19px;flex:none}
.f2o-refined .workspace-chip{padding:10px;border-radius:10px}.f2o-refined .sidebar-bottom{font-size:11px}
.f2o-refined .shell{margin-left:220px}.f2o-refined .shell>header{height:64px;min-height:64px;border-bottom:1px solid var(--ref-line)}
.f2o-refined #main{max-width:1450px;width:100%;margin:0 auto;padding:28px 30px 36px;box-sizing:border-box}
.f2o-refined .dashboard-home{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;color:var(--ref-text)}
.f2o-refined .dashboard-home>*{min-width:0;grid-column:1/-1;margin:0}
.f2o-refined .dashboard-home .heading{padding:23px 24px;border:1px solid var(--ref-line);border-left:3px solid #087ff5;border-radius:12px;background:linear-gradient(110deg,#e5f0fa,#fff);align-items:center;gap:18px}
.f2o-refined[data-dashboard-theme="dark"] .dashboard-home .heading{background:linear-gradient(110deg,#142c3c,#152129)}
.f2o-refined .dashboard-home .heading h1{font-size:32px;letter-spacing:-1px;line-height:1.15;margin:5px 0 10px}
.f2o-refined .dashboard-home .heading p{font-size:13px;color:var(--ref-muted);line-height:1.6}
.f2o-refined .dashboard-home .heading .eyebrow{font-size:10px;letter-spacing:1.4px;margin:0}
.f2o-refined .dashboard-home .heading>.primary{background:#087ff5;color:white;border-color:#087ff5;border-radius:8px;white-space:nowrap;padding:12px 16px;min-height:44px}
.f2o-refined .dashboard-quick-actions{gap:8px;display:flex;flex-wrap:wrap;align-items:center;padding:0}
.f2o-refined .dashboard-quick-actions>span{font-size:10px;letter-spacing:1.1px;color:var(--ref-muted);margin-right:4px}
.f2o-refined .dashboard-quick-actions button{border:1px solid var(--ref-line);border-radius:8px;padding:9px 12px;min-height:40px;background:var(--ref-panel);color:var(--ref-text);font-size:12px}
.f2o-refined .dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.f2o-refined .dashboard-kpi{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #ffffff18;border-radius:12px;padding:18px;min-height:174px;box-shadow:0 8px 24px #00162612;color:#fff;overflow:hidden;transition:transform .15s,box-shadow .15s}
.f2o-refined .dashboard-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 25px #00162625}
.f2o-refined .dashboard-kpi.dashboard-tone-money{background:linear-gradient(130deg,#087ff5,#0059ca);color:#fff}
.f2o-refined .dashboard-kpi.dashboard-tone-calendar{background:linear-gradient(130deg,#075955,#073b3c);color:#e7fffa}
.f2o-refined .dashboard-kpi.dashboard-tone-documents{background:linear-gradient(130deg,#50306d,#362047);color:#fbecff}
.f2o-refined .dashboard-kpi.dashboard-tone-followups,.f2o-refined .dashboard-kpi.warning{background:linear-gradient(130deg,#762b39,#48232b);color:#fff0f1}
.f2o-refined .dashboard-kpi .dashboard-kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:8px}
.f2o-refined .dashboard-kpi .dashboard-kpi-top>.dashboard-icon{background:#ffffff15;color:inherit;width:31px;height:31px;padding:6px;border-radius:9px;box-sizing:border-box}
.f2o-refined .dashboard-kpi-top>span{font-size:9px;color:inherit;opacity:.8}.f2o-refined .dashboard-kpi-label{font-size:12px;font-weight:600;color:inherit;line-height:1.4}
.f2o-refined .dashboard-kpi>strong{font-size:32px;letter-spacing:-.9px;line-height:1.2;margin:7px 0 8px;color:inherit;overflow-wrap:anywhere}
.f2o-refined .dashboard-kpi>small{font-size:11px;line-height:1.5;color:inherit;opacity:.85}.f2o-refined .dashboard-currency{display:block}
.f2o-refined .dashboard-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.f2o-refined .dashboard-mini-stats button{min-height:47px;padding:12px;border:1px solid var(--ref-line);border-radius:9px;background:var(--ref-panel);color:var(--ref-text);display:flex;align-items:center;gap:9px;font-size:12px}
.f2o-refined .dashboard-mini-stats strong{margin-left:auto;font-size:18px}.f2o-refined .dashboard-mini-stats svg{width:17px;color:#087ff5}
.f2o-refined .dashboard-two-columns{display:contents}.f2o-refined .dashboard-today,.f2o-refined #dashboard-chart-region{grid-column:1/9}
.f2o-refined .dashboard-shortcuts,.f2o-refined .dashboard-attention{grid-column:9/-1}

.f2o-refined .dashboard-approvals{grid-column:1/-1}
.f2o-refined .dashboard-home .panel{border:1px solid var(--ref-line);border-radius:12px;background:var(--ref-panel);color:var(--ref-text);box-shadow:0 4px 18px #00162608;overflow:hidden}
.f2o-refined .dashboard-panel-head{padding:18px 20px 15px}.f2o-refined .dashboard-panel-head h2{font-size:17px;letter-spacing:-.2px;color:var(--ref-text)}
.f2o-refined .dashboard-panel-head .eyebrow{font-size:9px;letter-spacing:1.1px;color:var(--ref-muted)}
.f2o-refined .dashboard-home .text-button{color:#087ff5}.f2o-refined[data-dashboard-theme="dark"] .dashboard-home .text-button{color:#81c9ff}
.f2o-refined .dashboard-home .hint,.f2o-refined .dashboard-compact-empty p,.f2o-refined .dashboard-preview-job small{color:var(--ref-muted)}
.f2o-refined .dashboard-compact-empty{padding:16px 20px 22px;gap:12px}.f2o-refined .dashboard-compact-empty>.dashboard-icon{color:#1aadd3;background:#18a8c014;border-radius:8px;padding:7px;width:34px;height:34px}
.f2o-refined .dashboard-chart-total{padding:0 20px}.f2o-refined .dashboard-chart-total strong{font-size:30px;letter-spacing:-1px;color:var(--ref-text)}
.f2o-refined .dashboard-chart-total span{font-size:11px;color:var(--ref-muted)}.f2o-refined .chart-bar{fill:#34bed2}.f2o-refined .chart-grid{stroke:var(--ref-line)}.f2o-refined .chart-month{fill:var(--ref-muted)}
.f2o-refined .dashboard-chart-note{padding:0 20px 17px;font-size:10px}.f2o-refined .dashboard-chart-svg{max-height:225px}
.f2o-refined .dashboard-shortcut{display:flex;width:100%;gap:12px;align-items:center;padding:15px 20px;border:0;border-top:1px solid var(--ref-line);background:transparent;text-align:left;color:var(--ref-text);min-height:65px}
.f2o-refined .dashboard-shortcut:hover{background:#087ff50b}.f2o-refined .dashboard-shortcut>.dashboard-icon{color:#20b8d1;background:#20b8d118;width:32px;height:32px;padding:7px;border-radius:8px;flex:none;box-sizing:border-box}
.f2o-refined .dashboard-shortcut>span{flex:1}.f2o-refined .dashboard-shortcut strong{display:block;font-size:12px}.f2o-refined .dashboard-shortcut small{display:block;color:var(--ref-muted);font-size:10px;margin-top:5px}
.f2o-refined .dashboard-attention-row{padding:15px 20px}.f2o-refined .dashboard-attention-row strong{font-size:12px}.f2o-refined .dashboard-attention-row small{font-size:10px;color:var(--ref-muted)}
.f2o-refined .mobile-workspace-nav{display:none}.f2o-refined button:focus-visible,.f2o-refined a:focus-visible{outline:3px solid #36adff;outline-offset:3px}
@media(min-width:781px){.f2o-refined .sidebar{position:fixed;top:0;bottom:0;overflow-y:auto;box-sizing:border-box}.f2o-refined .sidebar-bottom{position:static;margin-top:25px}.f2o-refined .sidebar .nav-label{margin-top:18px}}
@media(max-width:1100px) and (min-width:781px){.f2o-refined .sidebar{width:190px}.f2o-refined .shell{margin-left:190px}.f2o-refined #main{padding:20px}.f2o-refined .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.f2o-refined .dashboard-kpi{min-height:155px}.f2o-refined .dashboard-today,.f2o-refined #dashboard-chart-region{grid-column:1/8}.f2o-refined .dashboard-shortcuts,.f2o-refined .dashboard-attention{grid-column:8/-1}}
@media(max-width:780px){
 .f2o-refined .shell{margin-left:0;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.f2o-refined #main{padding:14px 14px 24px}.f2o-refined .shell>header{height:50px;min-height:50px;padding:0 14px}.f2o-refined .header-right .avatar{display:none}.f2o-refined .header-right{gap:8px}.f2o-refined #sync-status{font-size:10px}
 .f2o-refined .sidebar{width:min(290px,85vw);padding:20px 16px 100px;bottom:0;overflow-y:auto;z-index:80;background:var(--ref-panel)}
 .f2o-refined .dashboard-home{display:flex;flex-direction:column;gap:14px}.f2o-refined .dashboard-home .heading{padding:18px 16px;align-items:flex-start;gap:12px}.f2o-refined .dashboard-home .heading>div{min-width:0}.f2o-refined .dashboard-home .heading h1{font-size:27px;letter-spacing:-.8px;max-width:205px}.f2o-refined .dashboard-home .heading p{font-size:12px}.f2o-refined .dashboard-home .heading>.primary{font-size:11px;padding:10px;min-height:40px}.f2o-refined .dashboard-home .heading .eyebrow{font-size:8px}
 .f2o-refined .dashboard-quick-actions>span{width:100%;font-size:9px}.f2o-refined .dashboard-quick-actions{gap:7px}.f2o-refined .dashboard-quick-actions button{font-size:11px;padding:10px 12px;min-height:42px}
 .f2o-refined .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.f2o-refined .dashboard-kpi{padding:15px 13px;min-height:180px;border-radius:13px}.f2o-refined .dashboard-kpi>strong{font-size:30px}.f2o-refined .dashboard-kpi-label{font-size:12px}.f2o-refined .dashboard-kpi>small{font-size:11px}.f2o-refined .dashboard-kpi-top>span{display:none}
 .f2o-refined .dashboard-mini-stats{gap:7px}.f2o-refined .dashboard-mini-stats button{flex-wrap:wrap;padding:11px 9px;gap:5px}.f2o-refined .dashboard-mini-stats button>span:nth-child(2){width:100%;font-size:10px;order:3}.f2o-refined .dashboard-mini-stats strong{font-size:20px}.f2o-refined .dashboard-mini-stats button>span:last-child{display:none}
 .f2o-refined .dashboard-panel-head{padding:16px}.f2o-refined .dashboard-home .panel{width:100%;box-sizing:border-box}.f2o-refined .dashboard-shortcuts{display:none}.f2o-refined .dashboard-panel-head h2{font-size:16px}.f2o-refined .dashboard-preview-job{padding:14px 0}.f2o-refined .dashboard-workflow{padding:16px}.f2o-refined .dashboard-workflow .workflow-stages{overflow-x:auto;flex-wrap:nowrap}.f2o-refined .dashboard-kpi:active{transform:scale(.98)}
 .f2o-refined .mobile-workspace-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--ref-panel);border-top:1px solid var(--ref-line);box-shadow:0 -5px 25px #00000015;padding:8px 5px calc(8px + env(safe-area-inset-bottom));gap:2px}
 .f2o-refined .mobile-workspace-nav button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ref-muted);border-radius:9px;padding:6px 2px;min-height:48px;font-size:10px;font-weight:600}.f2o-refined .mobile-workspace-nav svg{width:21px;height:21px}.f2o-refined .mobile-workspace-nav button.active{color:#168cff;background:#168cff12}.f2o-refined .mobile-workspace-nav button[hidden]{display:none}
 .f2o-refined #toast{bottom:calc(88px + env(safe-area-inset-bottom))}.f2o-refined .shell>footer{padding-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.f2o-refined .dashboard-kpi{transition:none}.f2o-refined .dashboard-kpi:hover{transform:none}}
@media(max-width:780px){.f2o-refined .sidebar{transform:translateX(-100%);transition:transform .2s}.f2o-refined .sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #07141b88}.f2o-refined #menu{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.f2o-refined .dashboard-home .heading{display:flex;flex-direction:row}.f2o-refined .dashboard-home .heading>div{flex:1}.f2o-refined .dashboard-mini-stats .dashboard-icon{display:block}}
.f2o-refined[data-dashboard-theme="dark"] .chart-bar{fill:#43bed5}


/* F2O unified dark theme — 20261022 */
html.f2o-refined[data-dashboard-theme="dark"] body,
html.f2o-refined[data-dashboard-theme="dark"] body #app,
html.f2o-refined[data-dashboard-theme="dark"] body #app .shell {
  background:#0b151c;
  color:#ecf5fa;
}
html.f2o-refined[data-dashboard-theme="dark"] body #app .sidebar,
html.f2o-refined[data-dashboard-theme="dark"] body #app .shell>header {
  background:#122129;
  border-color:#263740;
  color:#ecf5fa;
}
html.f2o-refined[data-dashboard-theme="dark"] body #app .shell>footer {
  background:#0b151c;
  border-color:#263740;
  color:#a8bac5;
}
html.f2o-refined[data-dashboard-theme="dark"] .sidebar .workspace-chip {
  background:#192c36;
  border-color:#30444f;
  color:#ecf5fa;
}
html.f2o-refined[data-dashboard-theme="dark"] .sidebar #navigation button:not(.active) {
  background:transparent;
  color:#bac9d3;
}
html.f2o-refined[data-dashboard-theme="dark"] .sidebar #navigation button:not(.active):hover {
  background:#203642;
  color:#fff;
}
html.f2o-refined[data-dashboard-theme="dark"] .sidebar .nav-label,
html.f2o-refined[data-dashboard-theme="dark"] .sidebar small,
html.f2o-refined[data-dashboard-theme="dark"] .sidebar-bottom,
html.f2o-refined[data-dashboard-theme="dark"] .sidebar-bottom p,
html.f2o-refined[data-dashboard-theme="dark"] .shell>header .crumb,
html.f2o-refined[data-dashboard-theme="dark"] .shell>header .header-right {
  color:#a8bac5;
}
html.f2o-refined[data-dashboard-theme="dark"] .sidebar strong,
html.f2o-refined[data-dashboard-theme="dark"] .shell>header .crumb strong {
  color:#ecf5fa;
}
html.f2o-refined[data-dashboard-theme="dark"] .shell>header .avatar,
html.f2o-refined[data-dashboard-theme="dark"] .workspace-chip .avatar {
  background:#263e4b;
  color:#e7f5ff;
}
html.f2o-refined[data-dashboard-theme="dark"] .guide-help-button,
html.f2o-refined[data-dashboard-theme="dark"] .sidebar-bottom .text-button {
  background:transparent;
  border-color:#344955;
  color:#c4d5df;
}


/* F2O icon-only mobile navigation */
@media(max-width:780px){
 html.f2o-refined #app .mobile-workspace-nav button>span{
  display:none!important;
 }
 html.f2o-refined #app .mobile-workspace-nav button{
  min-width:0;min-height:48px;padding:10px;
  gap:0;font-size:0;overflow:hidden;
 }
 html.f2o-refined #app .mobile-workspace-nav button svg{
  display:block;width:24px;height:24px;
  padding:0;margin:0;flex-shrink:0;
 }
}


/* F2O professional palette refinement v1 */
html.f2o-refined[data-dashboard-theme="dark"] {
  --ref-muted:#bdcbd5;
  --dash-muted:#bdcbd5;
}
html.f2o-refined[data-dashboard-theme="dark"] .dashboard-home .hint,
html.f2o-refined[data-dashboard-theme="dark"] .dashboard-home .eyebrow,
html.f2o-refined[data-dashboard-theme="dark"] .dashboard-preview-job small,
html.f2o-refined[data-dashboard-theme="dark"] .dashboard-attention-row small,
html.f2o-refined[data-dashboard-theme="dark"] .dashboard-shortcut small,
html.f2o-refined[data-dashboard-theme="dark"] .dashboard-chart-total span,
html.f2o-refined[data-dashboard-theme="dark"] .dashboard-compact-empty p,
html.f2o-refined[data-dashboard-theme="dark"] .sidebar #navigation button:not(.active),
html.f2o-refined[data-dashboard-theme="dark"] .sidebar small,
html.f2o-refined[data-dashboard-theme="dark"] .sidebar .nav-label,
html.f2o-refined[data-dashboard-theme="dark"] .sidebar-bottom p {
  color:#bdcbd5;
}
html.f2o-refined .dashboard-home .workflow-stages button[aria-pressed="true"] {
  background:#087ff5;
  border-color:#087ff5;
  color:#fff;
}
html.f2o-refined .dashboard-home .workflow-stages button[aria-pressed="true"] svg {
  color:#fff;
}
html.f2o-refined .dashboard-kpi.dashboard-tone-followups:not(.warning) {
  background:linear-gradient(130deg,#edf2f6,#e2eaf0);
  border-color:#cbd7e0;
  color:#243b4b;
}
html.f2o-refined[data-dashboard-theme="dark"] .dashboard-kpi.dashboard-tone-followups:not(.warning) {
  background:linear-gradient(130deg,#223440,#182731);
  border-color:#344955;
  color:#e5eef5;
}


/* F2O dark guide readability v1 */
html[data-dashboard-theme="dark"] .guide-layout {
  color:#e8f0f6;
}
html[data-dashboard-theme="dark"] .guide-menu,
html[data-dashboard-theme="dark"] .guide-topic,
html[data-dashboard-theme="dark"] #guide-empty {
  background:#14232b;
  border-color:#344955;
  color:#e8f0f6;
}
html[data-dashboard-theme="dark"] .guide-layout :is(h2,h3,h4,strong,b,dt,label) {
  color:#f3f7fb;
}
html[data-dashboard-theme="dark"] .guide-layout :is(p,li,dd),
html[data-dashboard-theme="dark"] .guide-summary,
html[data-dashboard-theme="dark"] .guide-layout .hint,
html[data-dashboard-theme="dark"] .guide-layout .eyebrow,
html[data-dashboard-theme="dark"] .guide-menu a span {
  color:#bdcbd5;
}
html[data-dashboard-theme="dark"] .guide-menu input {
  background:#0b151c;
  border-color:#536b7a;
  color:#f3f7fb;
  color-scheme:dark;
}
html[data-dashboard-theme="dark"] .guide-menu input::placeholder {
  color:#aebecb;
  opacity:1;
}
html[data-dashboard-theme="dark"] .guide-menu a {
  color:#e8f0f6;
}
html[data-dashboard-theme="dark"] .guide-menu a:hover,
html[data-dashboard-theme="dark"] .guide-menu a:focus-visible {
  background:#233e50;
  color:#fff;
  outline:2px solid #64baff;
}
html[data-dashboard-theme="dark"] .guide-note,
html[data-dashboard-theme="dark"] .guide-example,
html[data-dashboard-theme="dark"] .guide-flow li {
  background:#1c303d;
  border-color:#4c697b;
  color:#e8f0f6;
}
html[data-dashboard-theme="dark"] .guide-note {
  border-left-color:#64baff;
}
html[data-dashboard-theme="dark"] .guide-topic a:not(.primary):not(.secondary) {
  color:#8dceff;
  text-decoration:underline;
  text-underline-offset:3px;
}
html[data-dashboard-theme="dark"] .guide-layout code {
  background:#0b151c;
  color:#e4f2ff;
}


/* F2O customer readability v1 */
html[data-dashboard-theme="dark"] body[data-workspace-view="customers"] #main .panel {
  background:#14232b;
  border-color:#344955;
  color:#e8f0f6;
}
html[data-dashboard-theme="dark"] body[data-workspace-view="customers"] #main :is(h1,h2,label,th) {
  color:#f3f7fb;
}
html[data-dashboard-theme="dark"] body[data-workspace-view="customers"] #main :is(.hint,#record-count,td,td small) {
  color:#bdcbd5;
}
html[data-dashboard-theme="dark"] body[data-workspace-view="customers"] #record-results th {
  background:#1d3340;
  border-color:#3a5261;
}
html[data-dashboard-theme="dark"] body[data-workspace-view="customers"] #record-results td {
  border-color:#304550;
}
html[data-dashboard-theme="dark"] body[data-workspace-view="customers"] #record-results [data-action="customer-history"] {
  color:#91d2ff;
}
html[data-dashboard-theme="dark"] body[data-workspace-view="customers"] #main :is(input,select) {
  background:#0b151c;
  border-color:#536b7a;
  color:#f3f7fb;
  color-scheme:dark;
}
html[data-dashboard-theme="dark"] body[data-workspace-view="customers"] #main input::placeholder {
  color:#aebecb;
  opacity:1;
}
body[data-workspace-view="customers"] #record-results [data-action="customer-history"]:focus-visible {
  outline:3px solid #168cff;
  outline-offset:3px;
}
@media(min-width:781px){
 body[data-workspace-view="customers"] #main .heading h1 {
  font-size:34px;
  line-height:1.2;
 }
 body[data-workspace-view="customers"] #main h2 {
  font-size:22px;
  line-height:1.35;
 }
 body[data-workspace-view="customers"] #record-results th {
  font-size:14px;
  font-weight:700;
  letter-spacing:.25px;
  padding:16px;
  text-align:left;
 }
 body[data-workspace-view="customers"] #record-results td {
  font-size:14px;
  line-height:1.6;
  padding:16px;
  vertical-align:middle;
 }
 body[data-workspace-view="customers"] #record-results td small {
  display:block;
  margin-top:4px;
  font-size:13px;
  line-height:1.5;
 }
 body[data-workspace-view="customers"] #record-results [data-action="customer-history"] {
  font-size:17px;
  font-weight:700;
  line-height:1.4;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
  min-height:40px;
 }
 body[data-workspace-view="customers"] #record-results tbody tr:hover {
  background:rgba(8,127,245,.07);
 }
 body[data-workspace-view="customers"] #record-results td:last-child button {
  margin:3px 6px 3px 0;
 }
 body[data-workspace-view="customers"] #main .record-controls {
  padding:20px;
  gap:14px;
 }
 body[data-workspace-view="customers"] #main .hint {
  line-height:1.65;
 }
}