/* Vision UI depth, with EcomVault charcoal, ivory and royal blue. */
body.os-theme {
  color-scheme:dark;
  --canvas:#111114;--sidebar:#0c0c0e;--surface:#1b1b21;--raised:#272730;--hover:#30313c;
  --line:#3b3c48;--line-soft:#2e2f39;--ink:#f5f2ed;--muted:#b8bac8;--quiet:#a1a5b8;
  --blue:#2d5bff;--blue-hover:#416aff;--blue-soft:#24325d;
  --green:#99dfba;--green-soft:#20392f;--amber:#f4c57e;--amber-soft:#3d3022;--red:#f7a0a5;--red-soft:#41282d;
  --board-glass:rgba(27,28,36,.78);--board-glass-line:rgba(216,225,255,.13);
  --board-glass-shadow:inset 0 1px 0 #ffffff0d,0 12px 32px #00000020;
  --os-glass:linear-gradient(128deg,#252733b8,#1a1a22b8 72%);
  background:linear-gradient(118deg,#111114 18%,#191c2c 56%,#121216 88%);
  background-attachment:fixed;color:var(--ink);caret-color:#8ba6ff;
}
.os-theme ::selection {background:#496ffb66;color:#fff;}
.os-theme :focus-visible {outline:2px solid #9bb2ff;outline-offset:3px;}
.os-theme .icon {filter:invert(1);opacity:.84;}
.os-theme .app-body {margin-left:88px;}
.os-theme .view,.os-theme.sales-operating .view {max-width:1480px;padding:24px 24px 60px;}
.os-theme .topbar {height:62px;margin:12px 24px 0;padding:0 14px;border:1px solid #ffffff12;border-radius:8px;background:#1d1e29a8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #ffffff08;}
.os-theme .topbar-title {gap:10px;}
.os-theme .topbar-title h1 {font-size:13px;white-space:normal;line-height:1.35;}
.os-theme .topbar-title>span,.os-theme .topbar time {font-size:11px;}
.os-theme .topbar-actions {gap:12px;flex-shrink:0;}
.os-theme .topbar .button {min-height:34px;padding:7px 11px;font-size:11px;}
.os-theme .mobile-menu {display:inline-flex;width:34px;height:34px;padding:8px;flex-shrink:0;}
.os-theme .page-heading {margin-bottom:24px;gap:18px;}
.os-theme .page-heading h2 {font-size:25px;line-height:1.25;}
.os-theme .page-heading p {font-size:13px;color:var(--muted);}
.os-theme .button,.os-theme .icon-button {background:#ffffff08;color:var(--ink);border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff08;}
.os-theme .button:hover,.os-theme .icon-button:hover {background:#ffffff12;border-color:#ffffff4d;}
.os-theme .button.primary {background:#2d5bff;color:#fff;border-color:#6686ff;box-shadow:inset 0 1px 0 #ffffff26,0 4px 14px #2d5bff26;}
.os-theme .button.primary:hover {background:#416aff;}
.os-theme .button.primary .icon {filter:invert(1);}
.os-theme :is(input,select,textarea):not(.document-studio *) {background:#11121be6;color:var(--ink);border-color:#494c60;box-shadow:inset 0 1px 2px #0002;}
.os-theme :is(input,select,textarea):not(.document-studio *):hover {border-color:#7884a6;}
.os-theme :is(input,select,textarea):not(.document-studio *):focus {border-color:#8da7ff;}
.os-theme :is(input,textarea)::placeholder {color:#a1a5b8;opacity:1;}
.os-theme option {background:#20212b;color:#f5f2ed;}
.os-theme :is(input[type=checkbox],input[type=radio]) {accent-color:#2d5bff;}
.os-theme .badge {background:#30313d;color:#d2d4df;border-color:#ffffff1c;}
.os-theme .badge.success {background:#20392f;color:#99dfba;border-color:#375d4b;}
.os-theme .badge.warning {background:#3d3022;color:#f4c57e;border-color:#654c2e;}
.os-theme .badge.danger {background:#41282d;color:#f7a0a5;border-color:#6b3e45;}
.os-theme .badge.blue {background:#24325d;color:#b4c6ff;border-color:#40558b;}
.os-theme :is(.panel,.filter-panel,.table-panel,.call-card,.lead-card,.asset-item,.workspace-card,.center-stat) {background:var(--os-glass);border-color:var(--board-glass-line);border-radius:8px;box-shadow:var(--board-glass-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);}
.os-theme .portal-section {background:transparent;border-color:var(--line-soft);border-radius:0;}
.os-theme .portal-summary {border-color:var(--line);background:transparent;}
.os-theme .portal-summary>div {border-color:var(--line);}
.os-theme :is(.table-wrap,.table-panel) {background:#191a22a8;border-color:var(--line);}
.os-theme :is(th,.data-table th):not(.document-studio *) {background:#22242fa8;color:#c3c7d8;border-color:var(--line);font-weight:500;}
.os-theme :is(td,.data-table td):not(.document-studio *) {color:var(--ink);border-color:var(--line-soft);}
.os-theme tr:hover td:not(.document-studio *) {background:#ffffff05;}
.os-theme .table-wrap {max-width:100%;overflow:auto;}
.os-theme :is(#action-dialog,#lead-dialog,#os-search-dialog) {color:var(--ink);background:linear-gradient(130deg,#282b3af5,#19191ff5);border:1px solid #ffffff29;box-shadow:0 30px 100px #0009,inset 0 1px 0 #ffffff12;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:8px;}
.os-theme dialog::backdrop {background:#09090eb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.os-theme :is(.dialog-header,.lead-dialog-header) {border-color:var(--line);}
.os-theme .form-error {color:var(--red);}
.os-theme :is(.center-action-open,.center-management a) {color:var(--ink);border-color:var(--line-soft);}
.os-theme .center-action-open:hover {background:#ffffff08;}
.os-theme :is(.center-audit span,.center-audit time,.center-action-open span,.center-action-open time,.workspace-source,.asset-detail-bar) {color:var(--muted);}
.os-theme .guide-welcome {background:#24263480;border-color:var(--line-soft);padding:12px 14px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.os-theme .guide-welcome p,.os-theme .guide-welcome .guide-quiet {color:var(--muted);}
.os-theme .guide-welcome .guide-quiet:hover {background:var(--hover);}

/* The document studio has an unrelated .sidebar: never target it here. */
.os-theme #app-shell>.sidebar {inset:16px auto 16px 18px;width:54px;height:calc(100dvh - 32px);padding:16px 8px 12px;background:#101116bd;color:var(--ink);border:1px solid #ffffff24;border-radius:28px;box-shadow:inset 0 1px 0 #ffffff1c,0 12px 32px #0005;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);}
.os-theme #app-shell>.sidebar .brand-lockup {padding:2px 4px 19px;align-items:center;justify-content:center;}
.os-theme #app-shell>.sidebar .brand-lockup>span {display:none;}
.os-theme #app-shell>.sidebar .brand-lockup img {content:url('/assets/mark.png');width:27px;height:23px;object-fit:contain;filter:none;}
.os-theme #app-shell>.sidebar .workspace-switch {display:none;margin-bottom:12px;padding:0;background:transparent;border:0;}
.os-theme .main-nav {gap:7px;scrollbar-width:none;}
.os-theme .main-nav::-webkit-scrollbar {display:none;}
.os-theme .main-nav a {justify-content:center;min-height:36px;padding:9px;color:#b8bac8;border-radius:50%;}
.os-theme .main-nav a .icon {width:17px;height:17px;opacity:.8;}
.os-theme .main-nav a>span,.os-theme .nav-group {display:none;}
.os-theme .main-nav a:hover {background:#ffffff12;color:#fff;}
.os-theme .main-nav a.active {background:#2d5bff;color:#fff;box-shadow:0 4px 14px #2d5bff55,inset 0 1px 0 #ffffff33;}
.os-theme .main-nav a.active .icon {filter:invert(1);opacity:1;}
.os-theme .main-nav a>.icon~.icon {display:none;}
.os-theme .sales-secondary,.os-theme .sales-nav-management {border-color:#ffffff1c;margin-top:8px;padding-top:7px;}
.os-theme .sales-secondary summary {font-size:0;justify-content:center;padding:9px;color:#d7d7df;}
.os-theme .sales-secondary summary .icon {width:17px;height:17px;}
.os-theme .sidebar-bottom {padding-top:9px;border-color:#ffffff1c;}
.os-theme .nav-help {justify-content:center;padding:8px;color:#d7d7df;}
.os-theme .nav-help .icon {width:17px;height:17px;}
.os-theme .nav-help>span,.os-theme .user-meta {display:none;}
.os-theme .sidebar-user {padding-top:9px;display:flex;flex-direction:column;gap:10px;border-color:#ffffff1c;}
.os-theme .sidebar-user .avatar {position:relative;width:32px;height:32px;background:#24325d;color:#c5d3ff;border:2px solid #ffffff66;border-radius:50%;overflow:hidden;font-size:11px;}
.os-theme .sidebar-user .avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 35%;}
.os-theme .sidebar-user .avatar img[src="/assets/people/ramzi.jpeg"] {transform:translate(-17%,-7%) scale(1.7);}
.os-theme .sidebar-user>.icon-button {width:32px;height:30px;margin:0;background:transparent;border:0;color:#d7d7df;box-shadow:none;}
.os-theme .app-workspaces {display:none;}
.os-theme .workspace-trigger {background:#272936;border-color:#ffffff1f;color:var(--ink);}
.os-theme .workspace-menu {background:#242633ed;color:var(--ink);border-color:#ffffff29;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 14px 40px #0007;}
.os-theme .workspace-menu .icon {filter:invert(1);}
.os-theme .workspace-menu a:hover,.os-theme .workspace-menu a[aria-current=page] {background:#354570;color:#dce5ff;}
.os-theme .nav-soon {display:none;}

/* Reference proportions, now sharing the same dark glass on every route. */
.os-theme .board-heading {background:linear-gradient(110deg,#252735ee,#182249d9);border:1px solid #ffffff1c;box-shadow:inset 0 1px 0 #ffffff15,0 12px 30px #0002;}
.os-theme .board-heading p,.os-theme .board-header-team>span {color:#c4c9db;}
.os-theme .board-heading-actions .button {background:#2d5bff;color:#fff;border-color:#6686ff;box-shadow:inset 0 1px 0 #ffffff29;}
.os-theme .board-heading-actions .button:hover {background:#416aff;}
.os-theme .board-heading-actions .icon {filter:invert(1);}
.os-theme .board-panel {background:var(--os-glass);border-color:var(--board-glass-line);box-shadow:var(--board-glass-shadow);}
.os-theme .board-stock {background:linear-gradient(135deg,#294185c2,#252c48b8);}
.os-theme :is(.board-stock-total>span,.board-stock-bars a>span,.board-panel-note) {color:#b7c7ef;}
.os-theme .board-stock-bars strong {color:#edf2ff;}
.os-theme .board-vertical-bar {background:#ffffff0d;}
.os-theme .board-vertical-bar rect {fill:#7699ff;}
.os-theme .research .board-vertical-bar rect {fill:#a8b7d5;}
.os-theme .board-metrics .is-positive dd {color:#a2baff;}
.os-theme .board-metrics .is-attention dd {color:#f4c57e;}
.os-theme .board-focus {background:linear-gradient(135deg,#2d5bff,#2549cb);border-color:#6686ff;box-shadow:inset 0 1px 0 #ffffff33,0 10px 26px #2d5bff22;}
.os-theme .board-focus>a {background:#f0f3ff;color:#203879;}
.os-theme .board-focus>a .icon {filter:none;}
.os-theme .board-calendar,.os-theme .board-media-tool {background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.os-theme .board-calendar-controls .icon-button {background:#ffffff0d;border:1px solid #ffffff1f;box-shadow:none;}
.os-theme .board-calendar-day:hover {background:#ffffff0d;}
.os-theme .board-calendar-day[aria-current] {background:#2d5bff;color:#fff;}
.os-theme .board-calendar-caption>a,.os-theme .board-update-tabs a[aria-current] {color:#b3c6ff;}
.os-theme .board-day-heading {border-color:var(--line);}
.os-theme .board-day-events button,.os-theme .board-day-events a {background:#ffffff08;}
.os-theme .board-chart-grid {stroke:#3a3e50;}
.os-theme .board-media article {background:#ffffff08;border-color:#ffffff1f;box-shadow:inset 0 1px 0 #ffffff08;}
.os-theme .board-media-preview {background:#11121b;}
.os-theme .board-media-preview .asset-document {background:#27324d;color:#b9cafa;}
.os-theme .board-sources .platform-logo {flex:0 0 28px;width:28px;height:28px;}
.os-theme .board-sources .platform-logo img {width:20px;height:20px;object-fit:contain;}
.os-theme .board-details .portal-summary {background:transparent;}
.os-theme .board-details .check-label,.os-theme .board-details .portal-section>header h3 {color:var(--ink);}
.os-theme .sales-period-shortcuts {background:#ffffff08;}
.os-theme .sales-period-shortcuts a[aria-current] {background:#3a476b;color:#f5f2ed;box-shadow:none;}
.os-theme .asset-bulk {background:#2b3043;}
.os-theme :is(.analytics-presets a,.analytics-subnav a,.asset-summary a):hover {background:#ffffff0d;}
.os-theme .analytics-subnav a[aria-current] {background:#2a3556;border-color:#8299d9;}
.os-theme .login-story {background:linear-gradient(135deg,#15151b,#212b4b);border-right:1px solid #ffffff16;}
.os-theme .login-panel {background:#15151ca8;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);}
.os-theme .login-story .login-brand {filter:invert(1);}
.os-theme .login-message p {color:#c5c9d7;}
.os-theme .portal-public {background:transparent;}

.os-search-trigger {width:34px;height:34px;padding:8px;flex-shrink:0;}
#os-search-dialog {width:560px;max-width:calc(100vw - 32px);padding:0;}
.os-search-head {display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line);}
.os-search-head>.icon {width:18px;height:18px;flex-shrink:0;}
.os-search-head label {flex:1;min-width:0;}
.os-search-head input {width:100%;min-height:40px;padding:9px 12px;}
.os-search-head .icon-button {width:34px;height:34px;flex-shrink:0;}
.os-search-results {list-style:none;padding:8px;margin:0;max-height:55dvh;overflow:auto;}
.os-search-results a {display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:6px;}
.os-search-results a:hover,.os-search-results a:focus {background:#354570;outline-offset:-2px;}
.os-search-results .icon {width:19px;height:19px;flex-shrink:0;}
.os-search-results a>span {flex:1;min-width:0;}
.os-search-results strong {display:block;font-size:13px;font-weight:550;}
.os-search-results small {font-size:11px;color:var(--muted);}
.os-search-results li>p {padding:20px 12px;color:var(--muted);font-size:13px;}
.os-search-count {padding:10px 20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);}
.os-theme .os-account {display:flex;align-items:center;gap:8px;font-size:11px;max-width:150px;}
.os-account>.board-avatar {width:28px;height:28px;font-size:10px;}
.os-account>span:last-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media(min-width:801px) {
  .os-theme #app-shell:is(.nav-open,:has(>.sidebar :focus-visible),:has(.workspace-trigger[aria-expanded=true]))>.sidebar {width:240px;background:#151620ee;border-radius:12px;padding:22px 16px;}
  .os-theme #app-shell:is(.nav-open,:has(>.sidebar :focus-visible),:has(.workspace-trigger[aria-expanded=true]))>.sidebar .brand-lockup img {content:normal;width:144px;height:23px;filter:invert(1);}
  .os-theme #app-shell:is(.nav-open,:has(>.sidebar :focus-visible),:has(.workspace-trigger[aria-expanded=true]))>.sidebar .brand-lockup {justify-content:flex-start;}
  .os-theme #app-shell:is(.nav-open,:has(>.sidebar :focus-visible),:has(.workspace-trigger[aria-expanded=true]))>.sidebar .workspace-switch {display:block;}
  .os-theme #app-shell:is(.nav-open,:has(>.sidebar :focus-visible),:has(.workspace-trigger[aria-expanded=true])) .main-nav a {justify-content:flex-start;border-radius:6px;}
  .os-theme #app-shell:is(.nav-open,:has(>.sidebar :focus-visible),:has(.workspace-trigger[aria-expanded=true])) :is(.main-nav a>span,.nav-help>span,.user-meta,.nav-group) {display:block;}
  .os-theme #app-shell:is(.nav-open,:has(>.sidebar :focus-visible),:has(.workspace-trigger[aria-expanded=true])) .sales-secondary summary {font-size:12px;justify-content:space-between;}
  .os-theme #app-shell:is(.nav-open,:has(>.sidebar :focus-visible),:has(.workspace-trigger[aria-expanded=true])) .nav-help {justify-content:flex-start;}
  .os-theme #app-shell:is(.nav-open,:has(>.sidebar :focus-visible),:has(.workspace-trigger[aria-expanded=true])) .sidebar-user {flex-direction:row;}
  .os-theme #app-shell.nav-open .nav-backdrop {display:block;position:fixed;inset:0 0 0 274px;z-index:25;background:#09090e80;border:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
  .os-theme .workspace-menu {inset:148px auto auto 30px;width:216px;max-height:calc(100dvh - 170px);}
}
@media(min-width:801px) and (hover:hover) and (pointer:fine) {
  .os-theme .mobile-menu {display:none;}
  .os-theme #app-shell>.nav-backdrop {display:none;}
  .os-theme #app-shell:has(>.sidebar:hover)>.sidebar {width:240px;background:#151620ee;border-radius:12px;padding:22px 16px;}
  .os-theme #app-shell:has(>.sidebar:hover)>.sidebar .brand-lockup img {content:normal;width:144px;height:23px;filter:invert(1);}
  .os-theme #app-shell:has(>.sidebar:hover)>.sidebar .brand-lockup {justify-content:flex-start;}
  .os-theme #app-shell:has(>.sidebar:hover)>.sidebar .workspace-switch {display:block;}
  .os-theme #app-shell:has(>.sidebar:hover) .main-nav a {justify-content:flex-start;border-radius:6px;}
  .os-theme #app-shell:has(>.sidebar:hover) :is(.main-nav a>span,.nav-help>span,.user-meta,.nav-group) {display:block;}
  .os-theme #app-shell:has(>.sidebar:hover) .sales-secondary summary {font-size:12px;justify-content:space-between;}
  .os-theme #app-shell:has(>.sidebar:hover) .nav-help {justify-content:flex-start;}
  .os-theme #app-shell:has(>.sidebar:hover) .sidebar-user {flex-direction:row;}
}
@media(max-width:1000px) {
  .os-theme .os-account {display:none;}
  .os-theme .topbar-actions {gap:8px;}
}
@media(max-width:800px) {
  .os-theme .app-body {margin-left:0;}
  .os-theme .view,.os-theme.sales-operating .view {padding:20px 16px 104px;}
  .os-theme .topbar {height:56px;margin:8px 12px 0;padding:0 8px;gap:8px;}
  .os-theme .topbar-title {gap:8px;}
  .os-theme .topbar-title>span,.os-theme .topbar time {display:none;}
  .os-theme .topbar-title h1 {font-size:12px;}
  .os-theme .topbar-actions .button {width:40px;height:40px;min-height:40px;padding:10px;font-size:0;}
  .os-theme .topbar-actions .button .icon {width:18px;height:18px;flex-shrink:0;}
  .os-theme #app-shell>.sidebar {inset:0 auto 0 0;width:252px;height:100dvh;border-radius:0;padding:24px 16px;background:#151620f5;}
  .os-theme #app-shell>.sidebar .brand-lockup img {content:normal;width:144px;height:23px;filter:invert(1);}
  .os-theme #app-shell>.sidebar .brand-lockup {justify-content:flex-start;}
  .os-theme #app-shell>.sidebar .workspace-switch {display:block;}
  .os-theme .main-nav a {justify-content:flex-start;min-height:42px;border-radius:6px;}
  .os-theme :is(.main-nav a>span,.nav-help>span,.user-meta,.nav-group) {display:block;}
  .os-theme .sales-secondary summary {font-size:12px;justify-content:space-between;}
  .os-theme .nav-help {justify-content:flex-start;}
  .os-theme .sidebar-user {flex-direction:row;}
  .os-theme .app-tabbar {background:#1e202ced;border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 32px #0008;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}
  .os-theme .app-tabbar a {color:var(--muted);}
  .os-theme .app-tabbar a[aria-current=page] {color:#fff;background:#2d5bff;}
  .os-theme .app-tabbar a[aria-current=page] .icon {filter:invert(1);opacity:1;}
  .os-theme .page-heading {align-items:flex-start;flex-wrap:wrap;}
  .os-theme .page-heading h2 {font-size:23px;}
  .os-theme .heading-actions {max-width:100%;flex-wrap:wrap;}
}
@media(max-width:420px) {
  .os-theme .topbar-actions .button {font-size:0;}
  .os-theme .topbar-actions {gap:6px;}
  .os-theme .topbar .badge {display:none;}
  .os-theme .view,.os-theme.sales-operating .view {padding-inline:12px;}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.os-theme {--os-glass:#22232d;--board-glass:#22232d;}
  .os-theme #app-shell>.sidebar,.os-theme .topbar,.os-theme .workspace-menu {background:#20212b;}
  .os-theme :is(#action-dialog,#lead-dialog,#os-search-dialog) {background:#22232d;}
}
@media(prefers-reduced-transparency:reduce) {
  body.os-theme {--os-glass:#22232d;--board-glass:#22232d;background:#15151b;}
  .os-theme #app-shell>.sidebar,.os-theme .topbar,.os-theme .workspace-menu,.os-theme .app-tabbar {background:#20212b;backdrop-filter:none;-webkit-backdrop-filter:none;}
  .os-theme .board-panel,.os-theme dialog::backdrop {backdrop-filter:none;-webkit-backdrop-filter:none;}
  .os-theme :is(#action-dialog,#lead-dialog,#os-search-dialog) {background:#22232d;backdrop-filter:none;-webkit-backdrop-filter:none;}
  .os-theme .board-heading {background:#252735;}
  .os-theme .board-stock {background:#293659;}
}
@media(prefers-reduced-motion:reduce) {
  .os-theme *,.os-theme *::before,.os-theme *::after {scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;}
}
