/* Reference composition, EcomVault identity. Only the three overview routes. */
body.dashboard-mode {
  color-scheme:light;
  --canvas:#e6e9f1;--surface:#fff;--raised:#e0e5f0;--hover:#edf1fa;
  --line:#d3d9e6;--line-soft:#e0e5ee;--ink:#1a1a1f;--muted:#555d70;--quiet:#626b7e;
  --blue:#2d5bff;--blue-hover:#214add;--blue-soft:#e4ecff;
  --green:#16705a;--green-soft:#e0f2e9;--amber:#8b4b19;--amber-soft:#fff0e0;--red:#af313a;--red-soft:#fce9eb;
  --board-glass:rgba(255,255,255,.66);--board-glass-line:rgba(255,255,255,.92);
  --board-glass-shadow:inset 0 1px 0 #ffffffef,inset 0 -1px 0 #ffffff52,0 8px 22px #242d4d0b;
  background:var(--canvas);color:var(--ink);caret-color:var(--blue);
}
.dashboard-mode .app-body {margin-left:88px;}
.dashboard-mode .view,.dashboard-mode.sales-operating .view {max-width:1480px;padding:18px 24px 44px;}
.dashboard-mode .topbar {height:50px;padding-inline:24px;background:#f6f8fbbd;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:#ffffff9c;box-shadow:0 1px 0 #b5bfd326;}
.dashboard-mode .topbar-title h1 {font-weight:600;font-size:13px;}
.dashboard-mode .topbar-title>span,.dashboard-mode .topbar time {font-size:11px;}
.dashboard-mode .topbar .button {min-height:32px;padding:6px 10px;font-size:11px;}
.dashboard-mode .icon {filter:none;opacity:.8;}
.dashboard-mode .button,.dashboard-mode .icon-button {background:#ffffffb3;border-color:#c6cede;color:var(--ink);box-shadow:inset 0 1px 0 #fff;}
.dashboard-mode .button:hover,.dashboard-mode .icon-button:hover {background:#fff;border-color:#8d9abb;}
.dashboard-mode .button.primary {background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:inset 0 1px 0 #ffffff26;}
.dashboard-mode .button.primary .icon {filter:invert(1);}
.dashboard-mode .mobile-menu {display:inline-flex;width:32px;height:32px;padding:7px;}
.dashboard-mode input,.dashboard-mode select,.dashboard-mode textarea {background:#ffffffd9;color:var(--ink);border-color:#bbc5d8;}
.dashboard-mode input:hover,.dashboard-mode select:hover,.dashboard-mode textarea:hover {border-color:#8899bd;}
.dashboard-mode :focus-visible {outline:2px solid var(--blue);outline-offset:3px;}
.dashboard-mode ::selection {background:#c8d6ff;color:#142457;}
.dashboard-mode a,.dashboard-mode button {touch-action:manipulation;-webkit-tap-highlight-color:#2d5bff26;}
.dashboard-mode .badge {background:#edf0f7;color:#4e586e;border-color:#d4dce9;}
.dashboard-mode .badge.success {background:#e1f3e9;color:#156249;border-color:#bedecb;}
.dashboard-mode .badge.warning {background:#fff0e0;color:#854715;border-color:#ebd1b7;}
.dashboard-mode .badge.danger {background:#fce7ea;color:#a12e38;border-color:#ecc0c7;}
.dashboard-mode .badge.blue {background:#e9efff;color:#284cb1;border-color:#ced9fa;}

/* A single floating icon rail, with the existing labelled menu behind it. */
.dashboard-mode .sidebar {inset:16px auto 16px 18px;width:54px;height:calc(100dvh - 32px);padding:16px 8px 12px;background:#0c0c0e;color:#f5f2ed;border:1px solid #ffffff24;border-radius:28px;box-shadow:inset 0 1px 0 #ffffff21,0 8px 24px #1a1a1f1a;}
.dashboard-mode .sidebar .icon {filter:invert(1);}
.dashboard-mode .brand-lockup {padding:2px 4px 19px;align-items:center;justify-content:center;}
.dashboard-mode .brand-lockup>span {display:none;}
.dashboard-mode .brand-lockup img {content:url('/assets/mark.png');width:27px;height:23px;object-fit:contain;filter:none;}
.dashboard-mode .workspace-switch {display:none;margin-bottom:12px;padding:0;background:transparent;border:0;}
.dashboard-mode .workspace-trigger {min-height:42px;padding:10px;background:#232327;border:1px solid #343439;color:#f5f2ed;}
.dashboard-mode .main-nav {gap:7px;scrollbar-width:none;}
.dashboard-mode .main-nav::-webkit-scrollbar {display:none;}
.dashboard-mode .main-nav a {justify-content:center;min-height:36px;padding:9px;color:#b4b3bb;border-radius:50%;}
.dashboard-mode .main-nav a .icon {width:17px;height:17px;opacity:.7;}
.dashboard-mode .main-nav a>span,.dashboard-mode .nav-group {display:none;}
.dashboard-mode .main-nav a:hover {background:#29292e;color:#fff;}
.dashboard-mode .main-nav a.active {background:#cedbff;color:#182751;box-shadow:0 4px 12px #2d5bff33;}
.dashboard-mode .main-nav a.active .icon {filter:none;opacity:1;}
.dashboard-mode .main-nav a>.icon~.icon {display:none;}
.dashboard-mode .sales-secondary,.dashboard-mode .sales-nav-management {border-color:#343439;margin-top:8px;padding-top:7px;}
.dashboard-mode .sales-secondary summary {font-size:0;justify-content:center;padding:9px;color:#d7d7df;}
.dashboard-mode .sales-secondary summary .icon {width:17px;height:17px;}
.dashboard-mode .sidebar-bottom {padding-top:9px;border-color:#343439;}
.dashboard-mode .nav-help {justify-content:center;padding:8px;color:#d7d7df;}
.dashboard-mode .nav-help .icon {width:17px;height:17px;}
.dashboard-mode .nav-help>span,.dashboard-mode .user-meta {display:none;}
.dashboard-mode .sidebar-user {padding-top:9px;display:flex;flex-direction:column;gap:10px;border-color:#343439;}
.dashboard-mode .sidebar-user .avatar {position:relative;width:32px;height:32px;background:#e1eaff;color:#2548bf;border:2px solid #ffffff66;border-radius:50%;overflow:hidden;font-size:11px;}
.dashboard-mode .sidebar-user .avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 35%;}
.dashboard-mode .sidebar-user>.icon-button {width:32px;height:30px;margin:0;background:transparent;border:0;color:#d7d7df;box-shadow:none;}
.dashboard-mode .app-workspaces {display:none;}
.dashboard-mode .workspace-menu {background:#fffffff0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--ink);border-color:#ffffffd9;box-shadow:0 14px 40px #0b0b0c1f;}
.dashboard-mode .workspace-menu a:hover,.dashboard-mode .workspace-menu a[aria-current] {background:var(--blue-soft);color:#2548bf;}
.dashboard-mode .workspace-menu .icon {filter:none;}
.dashboard-mode #action-dialog,.dashboard-mode #lead-dialog {background:#fff;color:var(--ink);border-color:var(--line);}
.dashboard-mode .dialog-header,.dashboard-mode .lead-dialog-header {border-color:var(--line);}
.dashboard-mode .table-wrap {background:#fff;border-color:var(--line);}
.dashboard-mode th {background:#f0f3fa;color:#4e586e;border-color:var(--line);}
.dashboard-mode td {color:var(--ink);border-color:var(--line-soft);}
.dashboard-mode tr:hover td {background:#f4f7fd;}
.dashboard-mode .form-error {color:var(--red);}
.dashboard-mode #action-dialog .portal-form label>span,.dashboard-mode #lead-dialog label>span,.dashboard-mode .asset-detail-bar {color:var(--muted);}
.dashboard-mode .center-action-open,.dashboard-mode .center-management a {color:var(--ink);border-color:var(--line-soft);}
.dashboard-mode .center-action-open:hover {background:#eef3ff;}
.dashboard-mode .center-audit span,.dashboard-mode .center-audit time,.dashboard-mode .center-action-open span,.dashboard-mode .center-action-open time,.dashboard-mode .workspace-source {color:var(--muted);}
.dashboard-mode .guide-welcome {color:var(--ink);background:var(--board-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px 14px;margin-bottom:14px;}
.dashboard-mode .guide-welcome p,.dashboard-mode .guide-welcome .guide-quiet {color:var(--muted);}
.dashboard-mode .guide-welcome .guide-quiet:hover {background:var(--hover);border-color:var(--line);}

.dashboard-board {min-width:0;}
.board-layout {display:grid;grid-template-columns:minmax(0,2.25fr) minmax(290px,1fr);gap:24px;align-items:start;animation:board-arrive .35s ease-out;}
.board-main,.board-aside {display:grid;gap:16px;min-width:0;}
.board-aside {gap:18px;}
.board-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:94px;padding:20px 22px;background:#1a1a1f;color:#f5f2ed;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff29,0 6px 20px #11162b12;}
.board-heading h2 {font-size:22px;line-height:1.25;font-weight:600;letter-spacing:0;}
.board-heading p {font-size:11px;margin-top:6px;color:#d6d2cb;}
.board-heading-actions {display:flex;align-items:center;gap:14px;}
.board-heading-actions .button {font-size:11px;min-height:34px;padding:7px 10px;white-space:nowrap;}
.dashboard-mode .board-heading-actions .button {background:#dce6ff;color:#17337c;border-color:#dce6ff;box-shadow:inset 0 1px 0 #fff;}
.dashboard-mode .board-heading-actions .button:hover {background:#fff;}
.dashboard-mode .board-heading-actions .icon {filter:none;width:14px;height:14px;}
.board-header-team {display:flex;flex-direction:column;align-items:flex-end;gap:5px;}
.board-header-team>span {font-size:10px;color:#d6d2cb;}
.board-avatar-stack {display:flex;padding-left:8px;}
.board-avatar-stack .board-avatar {width:27px;height:27px;margin-left:-8px;border:2px solid #1a1a1f;font-size:9px;}
.board-three-tools {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr) minmax(0,.9fr);gap:14px;align-items:stretch;}
.board-secondary-tools {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:stretch;}
.board-panel {min-width:0;padding:17px 18px;background:linear-gradient(135deg,#ffffff9c,#ffffff26),var(--board-glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--board-glass-line);border-radius:8px;box-shadow:var(--board-glass-shadow);}
.board-panel-head,.dashboard-mode .sales-band-head {display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:14px;}
.board-panel-head h3,.dashboard-mode .sales-band-head h3 {font-size:13px;font-weight:600;line-height:1.35;}
.board-panel-head>.button {font-size:10px;min-height:30px;padding:6px 8px;}
.board-panel-head>.icon {width:15px;height:15px;}
.board-more {display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);white-space:nowrap;}
.board-more .icon {width:13px;height:13px;}
.board-more:hover {color:var(--blue);}
.board-empty {min-height:68px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;}
.board-empty>.icon {width:22px;height:22px;opacity:.45;}
.board-empty p {font-size:11px;max-width:48ch;}
.board-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;}
.board-metrics>div {padding:12px 14px;min-width:0;}
.board-metrics>div+div {border-left:1px solid var(--line-soft);}
.board-metrics dt {font-size:10px;color:var(--muted);line-height:1.4;}
.board-metrics dd {font-size:23px;line-height:1.2;font-weight:550;margin:6px 0 4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.board-metrics dd a {display:block;}
.board-metrics dd .icon {display:none;}
.board-metrics small {display:block;font-size:10px;line-height:1.4;color:var(--muted);}
.board-metrics .is-positive dd {color:#2548bf;}
.board-metrics .is-attention dd {color:#9d4b15;}
.board-finance .board-metrics {grid-template-columns:repeat(3,minmax(0,1fr));}
.board-finance .board-metrics>div {padding:9px 7px 0;}
.board-finance .board-metrics>div:first-child {grid-column:1/-1;padding:0 0 12px;border-bottom:1px solid var(--line-soft);border-left:0;}
.board-finance .board-metrics>div:nth-child(2) {padding-left:0;border-left:0;}
.board-finance .board-metrics dt {min-height:28px;font-size:9px;}
.board-finance .board-metrics dd {font-size:14px;}
.board-finance .board-metrics small {font-size:9px;}
.board-finance .board-metrics>div:first-child dt {min-height:0;font-size:10px;}
.board-finance .board-metrics>div:first-child dd {font-size:32px;margin:5px 0;}
.board-members {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;gap:16px 9px;}
.board-members li {min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;}
.board-members strong {display:block;font-size:10px;font-weight:600;overflow-wrap:anywhere;}
.board-members small {display:block;font-size:9px;color:var(--muted);margin-top:2px;}
.board-avatar,.board-client-avatar {position:relative;display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;font-size:12px;font-weight:600;border-radius:50%;overflow:hidden;}
.board-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 35%;}
.board-avatar img[src="/assets/people/ramzi.jpeg"],.dashboard-mode .sidebar-user .avatar img[src="/assets/people/ramzi.jpeg"] {transform:translate(-17%,-7%) scale(1.7);}
.board-members[data-members="1"] {grid-template-columns:minmax(0,1fr);padding:10px 0;}
.board-members[data-members="1"] .board-avatar {width:66px;height:66px;}
.board-members[data-members="1"] strong {font-size:12px;margin-top:3px;}
.avatar-tone-0 {background:#d4dfff;color:#2443a1;}.avatar-tone-1 {background:#eee9e1;color:#655542;}.avatar-tone-2 {background:#dfe3ef;color:#425276;}.avatar-tone-3 {background:#e8e2ee;color:#655073;}
.board-stock {background:linear-gradient(135deg,#e6edffe6,#c9d8ffb8);}
.board-stock-total {display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-bottom:10px;}
.board-stock-total>strong {font-size:34px;font-weight:550;line-height:1.1;font-variant-numeric:tabular-nums;}
.board-stock-total>span {font-size:10px;color:#43577f;}
.board-stock-bars {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.board-stock-bars a {display:block;min-width:0;}
.board-stock-bars a>span {display:flex;flex-direction:column;gap:2px;font-size:9px;color:#43577f;margin-top:5px;}
.board-stock-bars strong {color:#203456;font-size:12px;font-variant-numeric:tabular-nums;}
.board-vertical-bar {height:55px;display:flex;align-items:flex-end;background:#ffffff70;border-radius:7px;overflow:hidden;}
.board-vertical-bar svg {display:block;width:100%;height:100%;}
.board-vertical-bar rect {fill:#2d5bff;}
.research .board-vertical-bar rect {fill:#8ea4d0;}
.board-panel-note {display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #aabce24d;color:#43577f;font-size:9px;}
.board-panel-note .board-more {font-size:9px;}
.board-focus {display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px;background:#2d5bff;color:#fff;border:1px solid #6686ff;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff59,0 8px 22px #2d5bff1f;}
.board-focus header {display:flex;align-items:center;gap:9px;}
.board-focus header h3 {font-size:12px;font-weight:550;}
.dashboard-mode .board-focus .icon {filter:invert(1);width:17px;height:17px;}
.board-focus-value {display:block;font-size:48px;font-weight:500;line-height:1.15;margin:16px 0 4px;font-variant-numeric:tabular-nums;}
.board-focus p,.board-focus small {font-size:11px;color:#f1f5ff;}
.board-focus small {display:block;margin-top:6px;font-size:10px;}
.board-focus>a {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 11px;margin-top:auto;background:#ffffffeb;color:#203879;border-radius:6px;font-size:11px;font-weight:550;}
.board-focus>a:hover {background:#fff;}
.dashboard-mode .board-focus>a .icon {filter:none;width:14px;height:14px;}
.board-three-tools .board-focus-value {font-size:36px;margin-top:10px;}
.board-three-tools .board-focus>a {margin-top:16px;}
.dashboard-mode .sales-period {padding:0;margin:0;border:0;gap:10px;align-items:center;}
.dashboard-mode .sales-period-shortcuts {padding:3px;background:#d2daeb99;border-radius:6px;}
.dashboard-mode .sales-period-shortcuts a {min-height:28px;padding:6px 10px;font-size:10px;}
.dashboard-mode .sales-period-shortcuts a[aria-current] {background:#ffffffd9;box-shadow:0 1px 5px #1a1a1f0a;}
.dashboard-mode .sales-period form {gap:7px;align-items:center;}
.dashboard-mode .sales-period label>span {font-size:9px;}
.dashboard-mode .sales-period input,.dashboard-mode .sales-period select {min-height:31px;padding:5px 7px;font-size:10px;}
.dashboard-mode .sales-period .icon-button {min-height:31px;width:31px;height:31px;padding:7px;}
.dashboard-mode .sales-band-head>div>p {font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px;}
.dashboard-mode .sales-count {font-size:10px;white-space:nowrap;color:var(--muted);}
.dashboard-mode .sales-funnel {grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 0;}
.dashboard-mode .sales-funnel a {min-height:72px;padding:0 7px 0 0;gap:4px;}
.dashboard-mode .sales-funnel li+li a {padding-left:8px;}
.dashboard-mode .sales-funnel li:nth-child(5) a {padding-left:0;border-left:0;}
.dashboard-mode .sales-funnel a>span {font-size:10px;min-height:29px;}
.dashboard-mode .sales-funnel small {font-size:9px;min-height:14px;}
.dashboard-mode .sales-funnel strong {font-size:25px;}
.dashboard-mode .sales-funnel .icon {display:none;}
.dashboard-mode .sales-definition {font-size:10px;}
.dashboard-mode .sales-activity {grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;}
.dashboard-mode .sales-activity>div {border-bottom:1px solid var(--line-soft);padding:11px 0;align-items:center;}
.dashboard-mode .sales-activity dt {font-size:10px;line-height:1.4;}
.dashboard-mode .sales-activity dd {font-size:18px;}
.dashboard-mode .sales-action-list button {min-height:56px;gap:8px;padding:10px 0;flex-wrap:wrap;}
.dashboard-mode .sales-action-list strong,.dashboard-mode .sales-appointments strong {font-size:11px;}
.dashboard-mode .sales-action-list small {font-size:10px;}
.dashboard-mode .sales-action-list time {font-size:10px;max-width:110px;}
.dashboard-mode .sales-empty {font-size:11px;padding:12px 0;}
.dashboard-mode .sales-appointments button {flex-wrap:wrap;padding:10px 0;}
.dashboard-mode .sales-appointments time {flex-basis:100%;font-size:10px;}
.dashboard-mode .sales-band-head>a {font-size:10px;}
.board-footer-links {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.board-footer-links .button {min-height:32px;font-size:11px;}

/* Open calendar and compact image/feed column match the reference proportions. */
.board-calendar {padding:4px 8px 0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.board-calendar .board-panel-head {margin-bottom:12px;}
.board-calendar h3 {text-transform:capitalize;font-size:15px;}
.board-calendar-controls {display:flex;gap:5px;}
.board-calendar-controls .icon-button {width:27px;height:27px;min-height:27px;padding:6px;background:#ffffffa6;border:0;border-radius:50%;box-shadow:inset 0 1px 0 #fff;}
.board-calendar-controls .icon {width:14px;height:14px;}
.board-weekdays,.board-calendar-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;}
.board-weekdays span {font-size:9px;text-align:center;color:var(--muted);padding-bottom:5px;}
.board-calendar-day {position:relative;display:grid;place-items:center;min-height:25px;font-size:10px;font-variant-numeric:tabular-nums;border-radius:6px;}
.board-calendar-day:hover {background:#ffffffb3;}
.board-calendar-day.is-today {font-weight:700;text-decoration:underline;text-underline-offset:4px;}
.board-calendar-day[aria-current] {background:#203879;color:#fff;text-decoration:none;}
.board-calendar-dot {position:absolute;width:3px;height:3px;bottom:2px;border-radius:50%;background:currentColor;}
.board-calendar-caption {display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px;margin-top:8px;}
.board-calendar-caption>a {color:#2548bf;}
.board-day-heading {font-size:10px;font-weight:600;border-top:1px solid #b8c4dc66;padding-top:9px;margin-top:9px;}
.board-calendar-empty {font-size:10px;padding-top:5px;color:var(--muted);}
.board-day-events {list-style:none;padding:0;margin:4px 0 0;}
.board-day-events button,.board-day-events a {display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:#ffffff59;border:0;border-radius:6px;padding:9px;margin-top:5px;}
.board-day-events time {font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;}
.board-day-events span {flex:1;min-width:0;}
.board-day-events strong {font-size:10px;display:block;overflow-wrap:anywhere;}
.board-day-events small {font-size:9px;color:var(--muted);}
.board-day-events .icon {width:13px;height:13px;}
.board-revenue .board-metrics {margin-bottom:12px;}
.board-revenue .board-metrics>div:first-child {padding-left:0;}
.board-revenue .board-metrics dd {font-size:22px;margin-top:7px;}
.board-source-caption {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:-3px 0 12px;}
.board-source-caption .badge {font-size:9px;}
.board-revenue-chart {display:block;}
.board-revenue-chart svg {display:block;width:100%;height:125px;overflow:visible;}
.board-chart-grid {stroke:#dfe5f2;stroke-width:1;fill:none;}
.board-revenue-chart rect {fill:#2d5bff;}
.board-revenue-chart rect:nth-of-type(3n) {fill:#a6baff;}
.board-revenue-chart>span {display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:4px;}
.board-media-tool {padding:0 4px;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.board-media-tool .board-panel-head {margin-bottom:10px;}
.board-client-picker {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:10px;}
.board-client-picker>span {color:var(--muted);}
.board-client-picker select {max-width:65%;padding:4px 6px;min-height:28px;font-size:10px;}
.board-media {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.board-media article {min-width:0;background:#ffffff73;border:1px solid #ffffffc7;border-radius:8px;padding:5px;box-shadow:inset 0 1px 0 #fff,0 4px 12px #1a1a1f08;}
.board-media-preview {position:relative;display:block;width:100%;height:85px;padding:0;border:0;background:#d9e1f2;border-radius:5px;overflow:hidden;}
.board-media-preview img,.board-media-preview video {display:block;width:100%;height:100%;object-fit:cover;}
.board-media-preview .asset-document {height:100%;background:#dbe5fa;color:#455b8a;}
.board-video-mark {position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:22px;height:19px;background:#1a1a1fbd;border-radius:4px;}
.dashboard-mode .board-video-mark .icon {width:13px;height:13px;filter:invert(1);}
.board-media-name {padding:0;margin-top:7px;display:block;max-width:100%;background:none;border:0;text-align:left;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-media article>span,.board-media article>small {display:block;font-size:9px;color:var(--muted);margin-top:3px;}
.board-update-tabs {display:flex;gap:16px;border-bottom:1px solid var(--line);margin-bottom:2px;}
.board-update-tabs a {font-size:10px;color:var(--muted);padding:0 0 7px;border-bottom:2px solid transparent;}
.board-update-tabs a[aria-current] {color:#2548bf;border-color:#6686d6;}
.board-updates .center-audit {list-style:none;padding:0;margin:0;}
.board-updates .center-audit li {display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px 9px;padding:10px 0;border-bottom:1px solid var(--line-soft);}
.board-updates .center-audit .board-avatar {grid-row:span 2;width:28px;height:28px;font-size:9px;}
.board-updates .center-audit strong {display:block;font-size:10px;overflow-wrap:anywhere;}
.board-updates .center-audit span:not(.board-avatar),.board-updates .center-audit time {display:block;font-size:9px;}
.board-updates .center-audit time {grid-column:2;}
.board-client-actions .center-action-open {font-size:11px;padding:11px 0;gap:10px;flex-wrap:wrap;}
.board-client-actions .center-action-open time {flex-basis:auto;font-size:10px;}
.board-client-actions .center-action-open .icon {width:14px;height:14px;}
.board-client-actions .center-action-open>div {flex:1;min-width:140px;}
.board-sources,.board-onboarding,.board-clients {list-style:none;padding:0;margin:0;}
.board-sources {display:grid;grid-template-columns:minmax(0,1fr);}
.board-sources li {display:flex;align-items:center;gap:9px;min-width:0;padding:10px 0;border-bottom:1px solid var(--line-soft);flex-wrap:wrap;}
.board-sources .platform-logo {width:25px;height:25px;}
.board-sources li>span {flex:1;min-width:0;}
.board-sources strong {display:block;font-size:11px;}
.board-sources small {display:block;font-size:9px;color:var(--muted);margin-top:3px;}
.board-sources .badge {font-size:9px;padding:3px 5px;}
.board-onboarding li {display:flex;gap:9px;align-items:center;padding:10px 0;font-size:11px;border-bottom:1px solid var(--line-soft);}
.board-onboarding strong {flex:1;}
.board-onboarding .icon {width:16px;height:16px;}
.board-shortcuts {display:grid;gap:10px;padding:0 5px;}
.board-shortcuts .board-more {justify-content:space-between;}
.board-details {border-top:1px solid var(--line);padding:14px 0;min-width:0;}
.board-details>summary {display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:11px;font-weight:550;list-style:none;}
.board-details>summary::-webkit-details-marker {display:none;}
.board-details>summary .icon {width:15px;height:15px;}
.board-details[open]>summary {margin-bottom:18px;}
.board-details[open]>summary .icon {transform:rotate(90deg);}
.dashboard-mode .board-details .portal-section {background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0;}
.dashboard-mode .board-details .portal-summary {background:#ffffffa6;border-color:var(--line);}
.dashboard-mode .board-details .portal-summary>div {border-color:var(--line);}
.dashboard-mode .board-details .check-label,.dashboard-mode .board-details .portal-section>header h3 {color:var(--ink);}
.board-management {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;}
.board-management a {display:flex;align-items:center;gap:9px;min-height:52px;border-bottom:1px solid var(--line-soft);font-size:11px;}
.board-management a>span {flex:1;min-width:0;}
.board-management .icon {width:16px;height:16px;}
.board-management a>.icon:last-child {width:12px;height:12px;opacity:.4;}
.board-clients a {display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-soft);}
.board-clients a>span:not(.badge):nth-child(2) {flex:1;min-width:0;}
.board-clients strong {display:block;font-size:12px;overflow-wrap:anywhere;}
.board-clients small {display:block;font-size:9px;color:var(--muted);margin-top:3px;}
.board-clients .badge {font-size:9px;}
.board-clients a>.icon {width:13px;height:13px;opacity:.4;}
.board-client-avatar {width:32px;height:32px;border-radius:7px;font-size:10px;}
.dashboard-mode .portal-context {padding:0;margin:0 0 12px;font-size:11px;}

@media(min-width:801px) {
  .dashboard-mode .nav-open .sidebar {width:240px;background:#111116f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:12px;padding:22px 16px;}
  .dashboard-mode .nav-open .sidebar .brand-lockup img {content:normal;width:144px;height:23px;filter:invert(1);}
  .dashboard-mode .nav-open .sidebar .brand-lockup {justify-content:flex-start;}
  .dashboard-mode .nav-open .workspace-switch {display:block;}
  .dashboard-mode .nav-open .main-nav a {justify-content:flex-start;border-radius:6px;}
  .dashboard-mode .nav-open .main-nav a>span,.dashboard-mode .nav-open .nav-help>span,.dashboard-mode .nav-open .user-meta {display:block;}
  .dashboard-mode .nav-open .sales-secondary summary {font-size:12px;justify-content:space-between;}
  .dashboard-mode .nav-open .nav-help {justify-content:flex-start;}
  .dashboard-mode .nav-open .sidebar-user {flex-direction:row;}
  .dashboard-mode .nav-open .nav-backdrop {display:block;position:fixed;inset:0 0 0 274px;z-index:25;background:#0b0b0c1c;border:0;}
}
@media(max-width:1240px) {
  .dashboard-mode .view,.dashboard-mode.sales-operating .view {padding-inline:18px;}
  .board-layout {grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:18px;}
  .board-panel {padding:15px;}
  .board-heading {padding:18px;}
  .board-header-team {display:none;}
  .board-three-tools {grid-template-columns:repeat(2,minmax(0,1fr));}
  .board-three-tools>.board-stock,.board-three-tools>.board-focus {grid-column:span 2;}
  .board-stock {display:grid;grid-template-columns:1fr 1.2fr;column-gap:18px;}
  .board-stock>.board-panel-head,.board-stock>.board-panel-note {grid-column:span 2;}
  .board-stock-bars {grid-row:span 2;}
  .board-vertical-bar {height:34px;}
  .board-three-tools>.board-focus {display:grid;grid-template-columns:1fr auto;gap:5px 16px;}
  .board-three-tools>.board-focus .board-focus-value {grid-column:2;grid-row:1/4;margin:0;}
  .board-three-tools>.board-focus>a {grid-column:span 2;margin-top:10px;}
  .board-secondary-tools {grid-template-columns:minmax(0,1fr);}
  .board-focus-value {font-size:40px;}
  .board-focus>a {margin-top:18px;}
}
@media(max-width:1000px) {
  .board-layout {grid-template-columns:minmax(0,1fr);}
  .board-aside {grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
  .board-calendar {grid-row:span 2;}
  .board-three-tools {grid-template-columns:repeat(3,minmax(0,1fr));}
  .board-three-tools>.board-stock,.board-three-tools>.board-focus {grid-column:auto;}
  .board-stock,.board-three-tools>.board-focus {display:flex;flex-direction:column;}
  .board-stock-bars {width:100%;}
  .board-three-tools>.board-focus .board-focus-value {margin-top:12px;}
  .board-secondary-tools {grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);}
  .dashboard-mode .sales-period form {gap:6px;}
}
@media(max-width:800px) {
  .dashboard-mode .app-body {margin-left:0;}
  .dashboard-mode .view,.dashboard-mode.sales-operating .view {padding:18px 16px 100px;}
  .dashboard-mode .topbar {height:56px;padding-inline:16px;}
  .dashboard-mode .sidebar {inset:0 auto 0 0;width:252px;height:100dvh;border-radius:0;padding:24px 16px;background:#111116f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}
  .dashboard-mode .sidebar .brand-lockup img {content:normal;width:144px;height:23px;filter:invert(1);}
  .dashboard-mode .sidebar .brand-lockup {justify-content:flex-start;}
  .dashboard-mode .workspace-switch {display:block;}
  .dashboard-mode .main-nav a {justify-content:flex-start;min-height:42px;border-radius:6px;}
  .dashboard-mode .main-nav a>span,.dashboard-mode .nav-help>span,.dashboard-mode .user-meta {display:block;}
  .dashboard-mode .sales-secondary summary {font-size:12px;justify-content:space-between;}
  .dashboard-mode .nav-help {justify-content:flex-start;}
  .dashboard-mode .sidebar-user {flex-direction:row;}
  .dashboard-mode .app-tabbar {background:#f7f9fce6;border-color:#ffffffbf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}
  .dashboard-mode .app-tabbar a {color:var(--muted);}
  .dashboard-mode .app-tabbar a[aria-current] {color:#2548bf;background:#dce7ff;}
  .dashboard-mode .app-tabbar a[aria-current] .icon {filter:none;opacity:1;}
  .board-heading h2 {font-size:21px;}
  .board-three-tools {grid-template-columns:repeat(2,minmax(0,1fr));}
  .board-three-tools>.board-stock,.board-three-tools>.board-focus {grid-column:span 2;}
  .board-stock-bars {grid-template-columns:repeat(2,minmax(0,1fr));}
  .board-stock {display:grid;grid-template-columns:1fr 1.2fr;}
  .board-stock>.board-panel-head,.board-stock>.board-panel-note {grid-column:span 2;}
  .board-revenue .board-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
  .board-revenue .board-metrics>div:nth-child(odd) {border-left:0;padding-left:0;}
  .board-revenue .board-metrics>div:nth-child(n+3) {border-top:1px solid var(--line-soft);}
}
@media(max-width:560px) {
  .board-main,.board-aside {display:contents;}
  .board-main>*,.board-aside>* {order:10;}
  .board-main>.board-heading {order:0;}
  .board-main>.sales-period {order:1;}
  .board-main>.board-three-tools {order:2;}
  .board-aside>.board-media-tool {order:3;}
  .dashboard-board[data-dashboard="client"] .board-aside>.board-media-tool {order:1;}
  .board-main>.board-revenue {order:4;}
  .board-main>.board-secondary-tools {order:5;}
  .board-aside>.board-updates {order:6;}
  .board-main>.board-client-actions,.board-main>.board-followup {order:7;}
  .board-aside>.board-calendar {order:8;}
  .board-heading {align-items:flex-start;flex-direction:column;gap:15px;}
  .board-heading-actions {width:100%;}
  .board-heading-actions .button {min-height:36px;}
  .board-aside,.board-secondary-tools {grid-template-columns:minmax(0,1fr);}
  .board-calendar {grid-row:auto;padding:6px;}
  .board-calendar-day {min-height:36px;font-size:11px;}
  .board-calendar-controls .icon-button {width:36px;height:36px;}
  .board-three-tools {grid-template-columns:minmax(0,1fr);}
  .board-three-tools>.board-stock,.board-three-tools>.board-focus {grid-column:auto;}
  .board-members {grid-template-columns:repeat(3,minmax(0,1fr));}
  .board-members strong {font-size:11px;}
  .board-finance .board-metrics dd {font-size:23px;}
  .board-finance .board-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}
  .board-finance .board-metrics>div:first-child {grid-column:auto;border-bottom:0;}
  .board-finance .board-metrics>div:first-child dd {font-size:23px;}
  .board-finance .board-metrics>div:nth-child(2) {border-left:1px solid var(--line-soft);padding-left:10px;}
  .board-finance .board-metrics>div:nth-child(3) {border-left:0;padding-left:0;}
  .board-finance .board-metrics>div:nth-child(n+3) {border-top:1px solid var(--line-soft);}
  .board-finance .board-metrics dt {min-height:0;font-size:11px;}
  .board-finance .board-metrics small {font-size:10px;}
  .board-finance .board-metrics>div {padding-block:10px;}
  .board-stock {display:block;}
  .board-vertical-bar {height:60px;}
  .board-stock-bars a>span {font-size:11px;}
  .board-stock-bars strong {font-size:15px;}
  .dashboard-mode .sales-period {gap:12px;}
  .dashboard-mode .sales-period form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
  .dashboard-mode .sales-period label {min-width:0;}
  .dashboard-mode .sales-period input,.dashboard-mode .sales-period select {width:100%;min-height:40px;font-size:12px;}
  .dashboard-mode .sales-period .icon-button {width:40px;height:40px;justify-self:end;align-self:end;}
  .dashboard-mode .sales-funnel {grid-template-columns:repeat(2,minmax(0,1fr));}
  .dashboard-mode .sales-funnel li+li a {border:0;}
  .dashboard-mode .sales-activity {grid-template-columns:repeat(2,minmax(0,1fr));}
  .board-media-preview {height:100px;}
  .board-onboarding li,.board-clients a {flex-wrap:wrap;}
  .board-clients .badge {font-size:10px;}
  .board-revenue .board-metrics dd {font-size:21px;}
}
@keyframes board-arrive {from {opacity:.65;transform:translateY(5px);}to {opacity:1;transform:translateY(0);}}
@media(prefers-reduced-motion:reduce) {.dashboard-mode * {scroll-behavior:auto!important;transition:none!important;animation:none!important;}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body.dashboard-mode {--board-glass:#fff;--board-glass-line:#d3d9e6;}
  .dashboard-mode .topbar,.dashboard-mode .app-tabbar {background:#f7f9fc;}
  .dashboard-mode .workspace-menu {background:#fff;}
  .dashboard-mode .sidebar,.dashboard-mode .nav-open .sidebar {background:#0c0c0e;}
}
@media(prefers-reduced-transparency:reduce) {
  body.dashboard-mode {--board-glass:#fff;--board-glass-line:#d3d9e6;}
  .dashboard-mode .board-panel,.dashboard-mode .topbar,.dashboard-mode .app-tabbar,.dashboard-mode .workspace-menu,.dashboard-mode .sidebar,.dashboard-mode .guide-welcome {backdrop-filter:none;-webkit-backdrop-filter:none;}
  .dashboard-mode .topbar,.dashboard-mode .app-tabbar {background:#f7f9fc;}
  .dashboard-mode .workspace-menu {background:#fff;}
  .dashboard-mode .sidebar,.dashboard-mode .nav-open .sidebar {background:#0c0c0e;}
  .dashboard-mode .board-stock {background:#dde6ff;}
}