:root{
  --bg:#f5f6f8;
  --panel:#ffffff;
  --panel-soft:#fafbfc;
  --text:#101828;
  --muted:#667085;
  --soft:#98a2b3;
  --line:#e4e7ec;
  --line2:#eef1f4;
  --orange:#ff5a00;
  --orange-2:#ff7a1a;
  --orange-soft:#fff3ed;
  --orange-line:#ffd8c2;
  --green:#087a55;
  --greenBg:#f2fbf6;
  --greenLine:#c9efd9;
  --red:#b42318;
  --redBg:#fff7f6;
  --redLine:#ffd2cc;
  --radius:20px;
  --radius-sm:14px;
  --radius-pill:999px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-base:12px;
  --font-size-small:11px;
  --font-size-label:10px;
  --icon-size:21px;
  --icon-size-sm:18px;
  --icon-size-lg:26px;
  --logo-filter:brightness(0);
  --photo-overlay:rgba(0,0,0,.10);
}
:root[data-theme='dark']{
  --bg:#111318;
  --panel:#171a1f;
  --panel-soft:#1d2128;
  --text:#f5f6f7;
  --muted:#a3aab5;
  --soft:#858d99;
  --line:#2a3038;
  --line2:#242a32;
  --orange:#ff6a00;
  --orange-2:#ff8a3d;
  --orange-soft:rgba(255,106,0,.14);
  --orange-line:rgba(255,106,0,.30);
  --green:#54d18f;
  --greenBg:rgba(84,209,143,.12);
  --greenLine:rgba(84,209,143,.28);
  --red:#ff8f83;
  --redBg:rgba(255,143,131,.12);
  --redLine:rgba(255,143,131,.28);
  --logo-filter:brightness(0) invert(1);
  --photo-overlay:rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:var(--font);font-size:var(--font-size-base);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:var(--icon-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 520,'GRAD' 0,'opsz' 24;vertical-align:-.2em;flex:none;color:currentColor}
.material-symbols-rounded.icon-sm{font-size:var(--icon-size-sm)}
.material-symbols-rounded.icon-lg{font-size:var(--icon-size-lg);font-variation-settings:'FILL' 0,'wght' 560,'GRAD' 0,'opsz' 28}
.hidden{display:none!important}.mobile-only{display:none!important}.muted{color:var(--muted)}
.btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:var(--radius-pill);min-height:38px;padding:0 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:none;transition:background .14s,border-color .14s,color .14s,transform .14s}
.btn:hover{background:#fafafa;border-color:#d7dce3}.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn-primary:hover{background:#e95000;border-color:#e95000}.btn-secondary{background:#fff;color:var(--text)}.btn-danger{background:#fff7f6;border-color:#ffccc7;color:var(--red)}.btn-wide{width:100%}
input,select,textarea{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:13px;min-height:38px;padding:0 12px;outline:none;box-shadow:none;transition:border-color .14s,background .14s}
textarea{padding:12px;min-height:92px}
input:focus,select:focus,textarea:focus{border-color:var(--orange)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}
@media(max-width:980px){.mobile-only{display:inline-flex!important}}


:root[data-theme='dark'] input,
:root[data-theme='dark'] select,
:root[data-theme='dark'] textarea{
  background:var(--panel);
  color:var(--text);
  border-color:var(--line);
}
:root[data-theme='dark'] select{
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
}
:root[data-theme='dark'] .btn,
:root[data-theme='dark'] .btn-secondary{
  background:var(--panel);
  color:var(--text);
  border-color:var(--line);
}
:root[data-theme='dark'] .btn:hover,
:root[data-theme='dark'] .btn-secondary:hover{
  background:var(--panel-soft);
  border-color:var(--line);
}
:root[data-theme='dark'] .btn-primary{
  background:var(--orange);
  border-color:var(--orange);
  color:#fff;
}
:root[data-theme='dark'] .btn-danger{
  background:var(--redBg);
  border-color:var(--redLine);
  color:var(--red);
}

/* ===== Darkmode select/input cleanup ===== */
select,
:root[data-theme='dark'] select{
  -webkit-appearance:none!important;
  appearance:none!important;
  background-image:none!important;
  background-position:initial!important;
  background-size:initial!important;
  background-repeat:no-repeat!important;
  padding-right:14px!important;
}
:root[data-theme='dark'] input,
:root[data-theme='dark'] select,
:root[data-theme='dark'] textarea{
  background:#12161c!important;
  color:#f5f6f7!important;
  border-color:#303741!important;
}
:root[data-theme='dark'] input[type='date']::-webkit-calendar-picker-indicator{
  filter:invert(1) opacity(.75);
}
:root[data-theme='dark'] .top-actions select,
:root[data-theme='dark'] .pill,
:root[data-theme='dark'] .icon-button{
  background:#171a1f!important;
  color:#f5f6f7!important;
  border-color:#303741!important;
}

/* ===== Company Hub scrollbar polish ===== */
html,
body,
.app-shell,
.main,
.page,
.modal,
.notification-list,
.split-revenue-scroll,
.dashboard-notification-list,
.settings-nav{
  scrollbar-width:thin;
  scrollbar-color:var(--line) transparent;
}

::-webkit-scrollbar{
  width:10px;
  height:10px;
}
::-webkit-scrollbar-track{
  background:transparent;
}
::-webkit-scrollbar-thumb{
  background:var(--line);
  border:3px solid transparent;
  background-clip:content-box;
  border-radius:999px;
}
::-webkit-scrollbar-thumb:hover{
  background:var(--muted);
  border:3px solid transparent;
  background-clip:content-box;
}
:root[data-theme='dark'] ::-webkit-scrollbar-thumb{
  background:#303741;
  border:3px solid transparent;
  background-clip:content-box;
}
:root[data-theme='dark'] ::-webkit-scrollbar-thumb:hover{
  background:#46505c;
  border:3px solid transparent;
  background-clip:content-box;
}

/* Keep internal dashboard scroll areas subtle and prevent white native gutter */
.split-revenue-scroll,
.dashboard-notification-list{
  padding-right:8px!important;
  scrollbar-gutter:stable;
}