.crm-dashboard{--crm-card:#fff;--crm-border:#e2e5ea;--crm-text:#1e2330;--crm-muted:#747e90;color:var(--crm-text);font-size:14px;line-height:1.5;padding:14px 0 30px}.dark .crm-dashboard{--crm-card:#11141b;--crm-border:#292d36;--crm-text:#f4f5f8;--crm-muted:#969fae}.crm-dashboard *{box-sizing:border-box}.crm-section{margin-bottom:32px}.crm-section-heading{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;padding-left:15px;position:relative}.crm-section-heading:before{content:"";position:absolute;left:0;top:7px;width:5px;height:18px;background:#7045cd;border-radius:4px}.crm-section-heading h2{font-size:21px;line-height:1.25;font-weight:750;letter-spacing:-.45px}.crm-section-heading p{font-size:15px;color:var(--crm-muted)}.crm-grid{display:grid;gap:16px}.crm-grid--two{grid-template-columns:1fr 1fr}.crm-grid--production{grid-template-columns:1.6fr 1fr 1fr}.crm-card{border:1px solid var(--crm-border);border-radius:17px;padding:22px;background:var(--crm-card);box-shadow:0 2px 3px #00000008;min-width:0}.crm-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.crm-card h3{font-size:17px;font-weight:700;letter-spacing:-.3px;display:flex;gap:9px;align-items:center}.crm-card header p{font-size:13px;color:var(--crm-muted);margin-top:3px}.crm-card header a,.crm-card header button,.crm-integration-note a{color:#5575e7;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.crm-heading-icon{height:30px;width:30px;padding:5px;border-radius:8px;background:#7546cd20;color:#9f8ed9}.crm-count{font-size:12px;padding:2px 9px;background:#64708466;border-radius:20px;line-height:1.6}.crm-team-card{min-height:260px}.crm-lead-list>a{display:flex;justify-content:space-between;gap:16px;padding:15px 4px;border-radius:8px}.crm-lead-list>a:hover,.crm-team-list>button:hover{background:#8b83d411}.crm-lead-list strong{font-size:15px}.crm-lead-list small{display:block;color:var(--crm-muted);margin-top:3px;font-size:12px}.crm-lead-list small b{display:inline-block;color:#76b5d9;background:#398ab622;border:1px solid #398ab655;border-radius:20px;padding:1px 7px;font-weight:500}.crm-lead-list code{font-size:12px;color:var(--crm-muted);align-self:center}.crm-team-list>button{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:11px 0;cursor:pointer}.crm-team-rank{color:var(--crm-muted);font-size:12px}.crm-avatar{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:50%;color:white;font-weight:650}.crm-team-person{flex:1;min-width:0}.crm-team-person>strong{font-size:14px}.crm-team-person small{display:block;color:var(--crm-muted);font-size:12px;margin:2px 0 6px}.crm-team-person i{display:block;background:#64748b15;height:3px;border-radius:4px}.crm-team-person i b{display:block;background:#7851d4;height:3px;border-radius:4px}.crm-team-list>button>strong{font-size:14px}.crm-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.crm-metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;border-radius:16px;padding:21px 23px;min-height:115px;color:white;text-align:left;overflow:hidden;cursor:pointer;transition:filter .15s,transform .15s}.crm-metric:hover{filter:brightness(1.09);transform:translateY(-1px)}.crm-metric:disabled{cursor:default;opacity:1}.crm-metric>span:first-child{font-size:15px;color:#ffffffe0}.crm-metric>strong{font-size:36px;font-weight:750;line-height:1.2;letter-spacing:-.8px;margin-top:9px}.crm-metric--purple{background:linear-gradient(120deg,#6c43cb,#5734b0)}.crm-metric--blue{background:linear-gradient(120deg,#31528e,#243d69)}.crm-metric--sky{background:linear-gradient(120deg,#59a8d0,#478bb1)}.crm-metric--green{background:linear-gradient(120deg,#5cb983,#4aa471)}.crm-metric-arrow{position:absolute;right:16px;bottom:16px;opacity:.4;font-size:16px}.crm-sales-grid{display:grid;grid-template-columns:1.65fr 1.3fr .95fr;align-items:start;gap:16px}.crm-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.crm-donut-layout{display:flex;align-items:center;gap:15px;min-height:165px}.crm-donut{width:48%;max-width:200px;min-width:95px;height:auto;flex-shrink:0}.crm-legend{flex:1;min-width:0}.crm-legend>div{display:flex;align-items:center;gap:7px;font-size:12px;margin:12px 0}.crm-legend i,.crm-chart-keys i{display:inline-block;width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#5486ed}.crm-legend strong{margin-left:auto;font-size:12px}.crm-chart-keys{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:-10px;margin-bottom:7px;color:var(--crm-muted);font-size:11px}.crm-chart-keys>span{display:flex;gap:5px;align-items:center}.crm-trend{width:100%;height:auto;display:block}.crm-chart-empty{font-size:12px;text-align:center;color:var(--crm-muted);margin:2px 0}.crm-filter-card{position:sticky;top:86px}.crm-filter-card>h3{margin-bottom:15px}.crm-date-filter{display:block;width:100%;text-align:left;font-size:13px;color:var(--crm-muted);border:1px solid transparent;border-radius:8px;padding:9px 11px;margin:3px 0;cursor:pointer}.crm-date-filter:hover{background:#7755c61a}.crm-date-filter--active{background:#7650c927;border-color:#8860df55;color:#a994e0;font-weight:650}.crm-filter-card label{display:block;font-size:12px;font-weight:650;margin:21px 0 7px}.crm-filter-card select{display:block;width:100%;background:transparent;color:var(--crm-text);border:1px solid var(--crm-border);border-radius:9px;padding:10px 30px 10px 11px;font-size:13px}.crm-filter-card option{background:var(--crm-card)}.crm-filter-card>p{font-size:11px;color:var(--crm-muted);margin-top:16px;line-height:1.7}.crm-reset{color:#7f67c6;font-size:12px;margin-top:18px;cursor:pointer}.crm-empty{font-size:13px;line-height:1.8;color:var(--crm-muted);padding:20px 0}.crm-stage-bars>div{display:flex;align-items:center;gap:16px;margin:14px 0}.crm-stage-bars span{min-width:140px;font-size:13px}.crm-stage-bars i{flex:1;height:12px;background:#64748b16;border-radius:4px}.crm-stage-bars b{display:block;height:12px;border-radius:4px;background:#7751cf}.crm-breakdown>button{display:flex;justify-content:space-between;padding:13px 0;width:100%;border-bottom:1px solid var(--crm-border);text-align:left;cursor:pointer}.crm-integration-note{display:flex;justify-content:space-between;gap:16px;color:var(--crm-muted);font-size:12px;padding:15px 0}.crm-report-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.crm-report{max-width:1000px;width:100%;max-height:85vh;overflow:auto}.crm-report-table{overflow:auto}.crm-report table{width:100%;border-collapse:collapse;font-size:13px}.crm-report th,.crm-report td{text-align:left;padding:12px;border-bottom:1px solid var(--crm-border)}.crm-report th{color:var(--crm-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.crm-report td a{color:#6482e5}.crm-dashboard--loading{opacity:.75;transition:opacity .2s}
/* Admin navigation follows the original workspace; other panels retain their layouts. */
.crm-admin-navigation .topbar-main-nav{display:flex;align-items:center;border:1px solid #64748b22;border-radius:25px;padding:3px 6px;background:#64748b07;gap:2px}.crm-admin-navigation .topbar-nav-item{display:flex;align-items:center;gap:7px;padding:8px 10px;font-size:14px;color:#737c8d;white-space:nowrap}.crm-admin-navigation .topbar-nav-item svg{height:18px;width:18px;flex-shrink:0}.dark .crm-admin-navigation .topbar-nav-item{color:#a2aaba}.crm-admin-navigation .topbar-nav-item:hover{color:#536fe2}.crm-admin-navigation .topbar-nav-item--active{color:#657fe8!important;background:#657fe815!important}.crm-admin-navigation .fast-sale-trigger,.dark .crm-admin-navigation .fast-sale-trigger{background:linear-gradient(#f5f6fa,#e9edf4);color:#384050;border:1px solid #dce0e8;box-shadow:0 3px 8px #0001;height:40px;padding:0 12px;border-radius:11px;font-weight:650;font-size:14px}.dark .crm-admin-navigation .fast-sale-trigger{background:linear-gradient(#242d3e,#1e2738);color:#e5e9f1;border-color:#344052}.crm-admin-navigation .topbar-group--comm{gap:10px;display:flex}.crm-admin-navigation .topbar-darkmode-btn{height:39px;width:39px;border:1px solid #64748b44;border-radius:9px;padding:8px;color:#8491a7}.crm-admin-navigation .topbar-darkmode-btn svg{height:21px;width:21px}.crm-admin-navigation .topbar-group--fast{gap:12px}.crm-admin-navigation .fi-topbar-end{flex:1!important;min-width:0!important}.crm-admin-navigation .fi-global-search{min-width:100px;max-width:340px;flex:1}.crm-admin-navigation .fi-global-search-input{width:100%}.crm-admin-navigation .topbar-group--fast{flex:1!important;min-width:0}.crm-admin-navigation .topbar-main-nav{flex-shrink:1;overflow:auto}.crm-admin-navigation .topbar-main-nav::-webkit-scrollbar{display:none}
@media(max-width:1350px){.crm-admin-navigation .topbar-nav-item{padding:8px 7px;font-size:12px;gap:5px}.crm-admin-navigation .topbar-nav-item svg{width:16px;height:16px}.crm-card{padding:17px}.crm-card h3{font-size:15px}.crm-sales-grid{grid-template-columns:1.6fr 1.2fr .9fr}.crm-donut-layout{gap:8px}.crm-legend>div{font-size:11px}.crm-metric{padding:19px;min-height:105px}}
@media(max-width:1100px){.crm-sales-grid{grid-template-columns:1.4fr 1fr}.crm-filter-card{position:static;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}.crm-filter-card h3,.crm-filter-card>p{grid-column:1/-1}.crm-filter-card label{margin:7px 0 0}.crm-filter-card label,.crm-filter-card select{grid-column:1/-1}.crm-grid--production{grid-template-columns:1fr 1fr}.crm-grid--production>.crm-card:first-child{grid-column:1/-1}.crm-admin-navigation .topbar-main-nav{display:none!important}.crm-metric>strong{font-size:31px}}
@media(max-width:700px){.crm-dashboard{padding-top:4px}.crm-section{margin-bottom:26px}.crm-section-heading{display:block}.crm-section-heading h2{font-size:20px}.crm-section-heading p{font-size:12px;margin-top:4px}.crm-grid--two,.crm-sales-grid,.crm-grid--production{grid-template-columns:1fr}.crm-filter-card{grid-column:auto;order:-1}.crm-grid--production>.crm-card:first-child{grid-column:auto}.crm-metric-grid{grid-template-columns:1fr 1fr;gap:10px}.crm-metric{min-height:98px;border-radius:12px;padding:15px}.crm-metric>span:first-child{font-size:12px}.crm-metric>strong{font-size:29px}.crm-team-card{min-height:180px}.crm-card{border-radius:13px;padding:17px}.crm-card header{margin-bottom:15px}.crm-donut{max-width:185px}.crm-legend>div{font-size:12px}.crm-integration-note{display:block}.crm-integration-note a{display:inline-block;margin-top:8px}.crm-lead-list code{font-size:10px}.crm-admin-navigation .topbar-group--comm{display:none!important}}
.crm-admin-navigation .fi-topbar-open-sidebar-btn,.crm-admin-navigation .fi-topbar-close-sidebar-btn{display:none!important}

/* Original finance cards and outstanding-invoice report. */
.crm-finance-card header{margin-bottom:4px}.crm-finance-donut-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:18px;align-items:center;min-height:280px}.crm-finance-donut{width:100%;height:280px;display:block}.crm-finance-legend{min-width:0}.crm-finance-legend>div,.crm-finance-legend>button{display:flex;align-items:center;gap:10px;margin:13px 0;width:100%;text-align:left;font-size:14px;line-height:1.4}.crm-finance-legend>button{cursor:pointer}.crm-finance-legend i{width:11px;height:11px;flex:none;border-radius:50%}.crm-finance-legend span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-finance-legend small{color:#73839b;font-size:inherit}.crm-finance-legend strong{margin-left:auto;flex:none;font-size:14px}.crm-integration-note{background:linear-gradient(110deg,#592bb3,#6c39d3 55%,#4e25a2);border-radius:17px;padding:24px 28px;min-height:94px;align-items:center;color:white;font-size:16px;font-weight:600;margin-top:24px}.crm-integration-note a{color:white;background:#ffffff26;border:1px solid #ffffff4a;border-radius:10px;padding:13px 19px;white-space:nowrap}.crm-integration-note p{margin:0}.crm-outstanding-report{background:#f8fafc;color:#172033;border:1px solid #cbd5e1;border-radius:12px;width:calc(100vw - 40px);max-width:1800px;height:90vh;overflow:auto;box-shadow:0 20px 70px #0008}.dark .crm-outstanding-report{background:#020617;color:#e2e8f0;border-color:#394354}.crm-outstanding-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 18px;border-bottom:1px solid #64748b30;background:inherit}.crm-outstanding-toolbar>div{display:flex;align-items:center;gap:14px}.crm-outstanding-toolbar button,.crm-outstanding-toolbar h3{border:1px solid #64748b40;background:#64748b16;border-radius:9px;padding:9px 13px;font-size:14px;font-weight:650;white-space:nowrap}.crm-outstanding-toolbar button{cursor:pointer}.crm-outstanding-toolbar h3{font-size:16px;background:#64748b25}.crm-outstanding-toolbar span,.crm-outstanding-panel header>span{font-size:14px;color:#94a3b8}.crm-outstanding-body{padding:24px 12px 30px}.crm-outstanding-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:40px}.crm-outstanding-kpis article{position:relative;border:1px solid #64748b35;border-radius:15px;overflow:hidden;background:linear-gradient(120deg,#64748b0d,#64748b1a);padding:21px}.dark .crm-outstanding-kpis article{background:linear-gradient(125deg,#1e293b,#1e293b 70%,color-mix(in srgb,var(--report-accent) 12%,#1e293b))}.crm-outstanding-kpis article:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--report-accent)}.crm-outstanding-kpis article>span{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700}.crm-outstanding-kpis i{width:7px;height:7px;background:var(--report-accent);border-radius:50%}.crm-outstanding-kpis strong{display:block;font-size:34px;line-height:1.3;color:var(--report-accent);font-weight:750;letter-spacing:-.7px;margin:3px 0}.crm-outstanding-kpis p{font-size:14px;color:#64748b}.crm-outstanding-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px}.crm-outstanding-panel{border:1px solid #64748b30;border-radius:15px;background:#fff;min-width:0;overflow:hidden}.dark .crm-outstanding-panel{background:#1e293b}.crm-outstanding-panel header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px}.crm-outstanding-panel h3{font-size:16px;font-weight:650}.crm-aging-chart{display:block;width:100%;padding:0 16px 12px;color:#64748b}.crm-aging-chart text{fill:currentColor;font-size:12px}.crm-invoice-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px}.crm-invoice-chips button{background:#64748b30;border-radius:18px;padding:4px 13px;font-size:13px;cursor:pointer;font-weight:600}.crm-invoice-chips .crm-invoice-chip-active{background:#475569;color:#fff}.crm-outstanding-table-scroll{overflow:auto}.crm-outstanding-report table{width:100%;border-collapse:collapse}.crm-outstanding-report th,.crm-outstanding-report td{padding:14px 21px;text-align:left;border-top:1px solid #64748b20;font-size:14px}.crm-outstanding-report th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;background:#64748b15}.dark .crm-outstanding-report th{background:#0f172a}.crm-outstanding-report th button{text-transform:inherit;letter-spacing:inherit;cursor:pointer}.crm-outstanding-report th span{opacity:.5;margin-left:5px}.crm-outstanding-report th:last-child,.crm-outstanding-report td:last-child{text-align:right}.crm-outstanding-report td a{color:#60a5fa}.crm-report-status{font-size:12px;font-weight:600}.crm-report-status--overdue{color:#f87171}.crm-report-status--partial_payment{color:#fbbf24}.crm-report-status--sent{color:#60a5fa}
@media(min-width:1600px){.crm-finance-donut-layout{min-height:300px}.crm-finance-donut{height:300px}.crm-finance-legend>div,.crm-finance-legend>button,.crm-finance-legend strong{font-size:15px}}
@media(max-width:1100px){.crm-finance-donut-layout{grid-template-columns:minmax(130px,1fr) minmax(135px,1fr);gap:10px;min-height:220px}.crm-finance-donut{height:220px}.crm-finance-legend>div,.crm-finance-legend>button,.crm-finance-legend strong{font-size:12px}.crm-finance-legend>div,.crm-finance-legend>button{gap:7px}.crm-outstanding-toolbar span{display:none}.crm-outstanding-kpis{gap:10px}.crm-outstanding-kpis article{padding:15px}.crm-outstanding-kpis strong{font-size:28px}.crm-outstanding-toolbar>div{gap:8px}}
@media(max-width:700px){.crm-outstanding-report{width:calc(100vw - 16px);height:94vh}.crm-report-backdrop:has(.crm-outstanding-report){padding:8px}.crm-outstanding-toolbar{flex-wrap:wrap;padding:10px}.crm-outstanding-toolbar h3{font-size:13px}.crm-outstanding-toolbar button{font-size:12px;padding:7px 9px}.crm-outstanding-kpis{grid-template-columns:1fr 1fr;margin-bottom:22px}.crm-outstanding-charts{grid-template-columns:1fr;margin-bottom:22px}.crm-outstanding-panel header{padding:15px}.crm-integration-note{padding:20px;font-size:14px}.crm-integration-note a{display:inline-block;margin-top:16px}.crm-outstanding-kpis p{font-size:12px}}

/* Let navigation dropdowns extend below the sticky header, including in Safari. */
.fi-body-has-top-navigation .fi-topbar-ctn.crm-admin-navigation{overflow:visible!important}

/* Dan The Tiki Man — approved dashboard and shared workspace palette, 2026-11-03. */
:root{--dtm-blue:#0753ef;--dtm-cyan:#00b8ed;--dtm-green:#54bd00;--dtm-orange:#ff8500;--dtm-purple:#8d30dc;--dtm-navy:#081d52;--dtm-border:#d6e4f5;--dtm-canvas:#f0f7ff;--dtm-card:#fff;--dtm-muted:#586b86;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#2874ff;--primary-600:#0753ef;--primary-700:#0643c1;--primary-800:#123b92;--primary-900:#102d67;--primary-950:#081d52}
html:not(.dark) .fi-body,html:not(.dark) .fi-main:not(:has(.board-hdr-wrap)){background:var(--dtm-canvas)!important;color:var(--dtm-navy)}
html:not(.dark) :is(.fi-section,.fi-ta-ctn,.fi-modal-window,.fi-dropdown-panel,.fi-input-wrp){background-color:var(--dtm-card);border-color:var(--dtm-border)}
html:not(.dark) :is(.fi-section-header-heading,.fi-header-heading,.fi-modal-heading,.fi-fo-field-label-content,.fi-ta-header-heading){color:var(--dtm-navy)}
html:not(.dark) :is(.fi-ta-header,.fi-ta-header-toolbar,.fi-ta-filters,.fi-section-header){background-color:#f8fbff;border-color:var(--dtm-border)}
html:not(.dark) .fi-ta-row:hover{background:#eff6ff}
html:not(.dark) .fi-topbar{background:#fff!important;border-bottom:1px solid var(--dtm-border)!important;box-shadow:0 2px 7px #0753ef0d}
.crm-admin-navigation .topbar-main-nav{border:0;background:transparent;border-radius:0;gap:4px}
.crm-admin-navigation .topbar-nav-item{color:var(--dtm-navy);border-radius:9px;font-weight:600;padding:9px 12px;flex-direction:column;gap:4px;font-size:12px}
.crm-admin-navigation .topbar-nav-item svg{height:22px;width:22px}
.crm-admin-navigation .topbar-nav-item:hover{background:#eaf3ff;color:var(--dtm-blue)}
.crm-admin-navigation .topbar-nav-item--active,.crm-admin-navigation .topbar-home-btn--active{color:#fff!important;background:var(--dtm-blue)!important;border-radius:9px;box-shadow:0 2px 5px #0753ef25}
.crm-admin-navigation .fast-sale-trigger{background:var(--dtm-blue)!important;color:#fff!important;border-color:var(--dtm-blue)!important}
html:not(.dark) :is(.topbar-nav-btn,.topbar-hmenu-trigger,.topbar-darkmode-btn){color:var(--dtm-navy)}
html:not(.dark) :is(.jn-sale-modal__btn--primary,.sv-btn--primary,.deal-btn--primary,.sb3-btn--primary,.opp-modal-btn--primary,.drive-btn--primary,.note-modal-btn--primary,.email-modal-btn--primary,.sig-editor-btn--primary,.mt-head-btn--primary,.det-btn--primary,.pb-btn--primary,.wov-btn--primary,.bk-btn--primary,.pm-btn--primary,.mat-btn--primary){background:var(--dtm-blue);border-color:var(--dtm-blue);color:#fff}
html:not(.dark) :is(.sd-reference-layout .sd-title-row,.sd-ownership-row){background:#f0f7ff}
.dark{--dtm-canvas:#101c31;--dtm-card:#17263e;--dtm-border:#304766;--dtm-navy:#edf5ff;--dtm-muted:#a7b9d3}
.dark .fi-body,.dark .fi-main{background:var(--dtm-canvas)}
.dark .crm-admin-navigation .topbar-nav-item{color:#dbeafe}.dark .crm-admin-navigation .topbar-nav-item:hover{background:#203958}
.crm-dashboard{--crm-card:var(--dtm-card);--crm-border:var(--dtm-border);--crm-text:var(--dtm-navy);--crm-muted:var(--dtm-muted);padding:0 0 30px}
.dtm-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px;padding:17px 16px 17px 23px;background:linear-gradient(110deg,#fff0,#dff0ff80);border-left:5px solid #ff5e16;border-radius:4px}
.dtm-dashboard-header h1{font-size:29px;font-weight:780;letter-spacing:-.8px;line-height:1.25}.dtm-dashboard-header p{font-size:15px;margin-top:3px}
.dtm-header-controls{display:flex;gap:10px;align-items:center}.dtm-period-control,.dtm-filter-toggle{display:flex;align-items:center;gap:8px;background:var(--crm-card);border:1px solid var(--crm-border);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:650;box-shadow:0 2px 4px #0753ef0b}.dtm-header-controls svg{width:19px;height:19px;flex-shrink:0}.dtm-period-control select{background:transparent;border:0;color:var(--crm-text);padding:0 24px 0 0;font-size:13px;max-width:180px}.dtm-filter-toggle{cursor:pointer}.dtm-filter-toggle>svg:last-child{width:13px}
.dtm-dashboard [x-cloak]{display:none!important}.dtm-filter-panel{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px 18px;margin-bottom:18px;padding:18px}.dtm-filter-panel h3{grid-column:1/-1}.dtm-filter-panel .crm-date-filter{display:none}.dtm-filter-panel label{margin:0;font-size:12px}.dtm-filter-panel select{grid-row:3}.dtm-filter-panel>p{grid-column:1/-1;margin:0}.dtm-filter-panel .crm-reset{margin:0;justify-self:start}.dtm-filter-panel label:nth-of-type(1){grid-column:1;grid-row:2}.dtm-filter-panel label:nth-of-type(2){grid-column:2;grid-row:2}.dtm-filter-panel label:nth-of-type(3){grid-column:3;grid-row:2}.dtm-filter-panel label:nth-of-type(4){grid-column:4;grid-row:2}
.crm-card{border-radius:15px;border-color:var(--crm-border);box-shadow:0 2px 5px #0753ef0b;padding:17px}.crm-card header{margin-bottom:16px;align-items:center;gap:8px}.crm-card h3{font-size:16px;font-weight:750}.crm-card header a,.crm-card header button{font-size:11px;color:var(--dtm-blue)}.crm-heading-icon{color:var(--dtm-blue);background:transparent;padding:0;width:24px;height:24px;border-radius:0;flex:none}
.dtm-kpis{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:17px}.crm-metric{background:var(--crm-card);border:1px solid var(--crm-border);color:var(--crm-text);min-height:112px;padding:15px 13px;border-radius:13px;box-shadow:0 2px 4px #0753ef0b}.crm-metric:after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:4px;background:var(--dtm-blue);border-radius:6px}.crm-metric--sky:after{background:var(--dtm-cyan)}.crm-metric--green:after{background:var(--dtm-green)}.crm-metric>span:first-child{font-size:12px;color:var(--crm-text);font-weight:650}.crm-metric>strong{font-size:29px;margin-top:7px;letter-spacing:-.8px;overflow-wrap:anywhere}.crm-metric-arrow{font-size:12px;bottom:13px;right:9px}.dtm-kpis .crm-metric:first-child{background:linear-gradient(130deg,#0753ef,#003cbe);color:#fff;border:0}.dtm-kpis .crm-metric:first-child>span{color:#fff}.dtm-kpis .crm-metric:first-child:after{display:none}.dtm-kpis .crm-metric:nth-child(2):after{background:#65c900}.dtm-kpis .crm-metric:nth-child(3):after{background:#ff8500}.dtm-kpis .crm-metric:nth-child(6):after{background:#ef4444}.dtm-kpis .crm-metric:nth-child(8):after{background:#8d30dc}
.dtm-chart-row{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px;margin-bottom:16px;align-items:stretch}.dtm-chart-row .crm-card{display:flex;flex-direction:column}.dtm-chart-row .crm-trend{margin:auto 0}.dtm-chart-row .crm-donut-layout{flex:1}.dtm-chart-row .crm-donut{width:54%}.crm-chart-keys{margin:0 0 5px;font-size:10px}.crm-legend>div{font-size:12px}.crm-legend strong{font-size:13px}.crm-legend i{border-radius:3px}
.dtm-funnel{display:flex;flex-direction:column;align-items:center;gap:3px;margin:auto 0}.dtm-funnel-band{display:flex;align-items:center;justify-content:space-between;padding:7px 14%;color:#fff;background:#0753ef;font-size:13px;line-height:1.25;font-weight:650;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);width:100%;cursor:pointer;min-height:30px}.dtm-funnel-band strong{font-size:16px}.dtm-funnel-band--1{background:#00b8ed;width:91%;color:#041d45}.dtm-funnel-band--2{background:#ffdf00;width:82%;color:#17212f}.dtm-funnel-band--3{background:#83d000;width:73%;color:#132d00}.dtm-funnel-band--4{background:#159700;width:64%}.dtm-funnel-band:focus-visible{outline:3px solid #ff8500;clip-path:none}.dtm-funnel-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 13px;background:#e8f4ff;color:#081d52;width:100%;border-radius:15px;padding:3px 5px;font-size:11px;font-weight:650;margin-top:3px}.dtm-funnel-note{font-size:10px;color:var(--crm-muted);text-align:center;margin-top:3px}
.dtm-workspace-row{display:grid;grid-template-columns:1fr 1.1fr 1.1fr 1fr;gap:14px;margin-bottom:17px;align-items:start}.dtm-workspace-row .crm-team-card{min-height:0}.dtm-workspace-row .crm-card{height:100%;padding:15px}.dtm-workspace-row header{flex-wrap:wrap;gap:5px;margin-bottom:10px}.dtm-workspace-row .crm-card h3{font-size:15px}.dtm-leads-card .crm-lead-list{max-height:275px;overflow:auto}.dtm-leads-card .crm-lead-list>a{padding:11px 0;gap:7px;border-bottom:1px solid var(--crm-border)}.dtm-leads-card .crm-lead-list strong{font-size:13px}.dtm-leads-card .crm-lead-list code{font-size:9px}.dtm-leads-card .crm-lead-list small{font-size:10px}.dtm-leads-card header p,.dtm-team-card header p{display:none}.dtm-team-card .crm-team-list{max-height:290px;overflow:auto}.dtm-team-card .crm-team-list>button{gap:7px;padding:11px 0}.dtm-team-card .crm-team-person>strong{font-size:12px}.dtm-team-card .crm-team-person small{font-size:10px}.dtm-team-card .crm-team-list>button>strong{font-size:11px}.dtm-team-card .crm-team-rank{display:none}.dtm-team-card .crm-avatar{width:26px;height:26px;font-size:11px}.crm-team-person i b{background:#57bd00}.crm-count{background:#e3f2ff;color:#0753ef}
.dtm-workspace-row .crm-quota{margin:0;padding:15px!important}.dtm-workspace-row .crm-quota-metrics{grid-template-columns:1fr;gap:12px}.dtm-workspace-row .crm-quota-metric,.dtm-workspace-row .crm-quota-metric:first-child,.dtm-workspace-row .crm-quota-metric:last-child{padding:0 0 10px;border-left:0;border-bottom:1px solid var(--crm-border)}.dtm-workspace-row .crm-quota-metric:last-child{border-bottom:0;padding-bottom:0}.dtm-workspace-row .crm-quota-value strong{font-size:21px;letter-spacing:-.6px}.dtm-workspace-row .crm-quota-count,.dtm-workspace-row .crm-quota-scope{display:none}.dtm-workspace-row .crm-quota-heading{margin-bottom:13px}.dtm-workspace-row .crm-quota-title h3{font-size:15px}.dtm-workspace-row .crm-quota-icon{width:24px;height:24px}.dtm-workspace-row .crm-quota-target{font-size:10px}.dtm-workspace-row .crm-quota-status{font-size:10px}.dtm-workspace-row .crm-quota progress{margin:7px 0;height:7px}.dtm-workspace-row .crm-quota-details{margin-top:10px;font-size:10px}.crm-quota-metric--proposals{--quota-accent:#8d30dc}.crm-quota-metric--closed{--quota-accent:#0753ef}.crm-quota-metric--collected{--quota-accent:#44b500}
.dtm-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dtm-quick-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;background:#0753ef;color:white;border-radius:11px;padding:15px 5px;min-height:92px;font-size:11px;font-weight:650;line-height:1.25;transition:filter .15s}.dtm-quick-link:hover{filter:brightness(.92)}.dtm-quick-link svg{height:26px;width:26px}.dtm-quick-link--green{background:#229c00}.dtm-quick-link--cyan{background:#007fbe}.dtm-quick-link--purple{background:#9221cf}.dtm-quick-link--orange{background:#b95a00}.dtm-quick-link--slate{background:#315e9c}
.crm-section-heading:before{background:var(--dtm-blue)}.crm-stage-bars b{background:var(--dtm-blue)}.crm-date-filter--active{color:var(--dtm-blue);background:#e3efff;border-color:#b8d4fb}.crm-reset{color:var(--dtm-blue)}.dtm-forecast-details{margin:0 0 22px}.dtm-forecast-details summary{padding:11px 15px;background:var(--crm-card);border:1px solid var(--crm-border);border-radius:10px;cursor:pointer;font-size:13px;font-weight:650}.dtm-forecast-details .crm-card{margin-top:10px}.crm-section{margin-bottom:25px}.crm-section-heading h2{font-size:20px}.crm-section-heading p{font-size:13px}.crm-section .crm-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.dark .dtm-dashboard-header{background:linear-gradient(110deg,#17263e,#183659)}.dark .crm-metric{background:var(--dtm-card)}.dark .dtm-funnel-summary{background:#203958;color:#dbeafe}.dark .crm-count{background:#203958;color:#93c5fd}.dark .dtm-period-control select{color:#edf5ff}.dark .dtm-period-control select option{background:#17263e}.dark .crm-date-filter--active{background:#203958;color:#93c5fd}.dark .dtm-filter-panel select{background:#17263e}
@media(min-width:1700px){.dtm-chart-row .crm-card{min-height:290px}.dtm-kpis .crm-metric>strong{font-size:35px}.dtm-workspace-row .crm-card{padding:20px}.dtm-funnel-band{padding-block:10px;font-size:14px}}
@media(max-width:1250px){.dtm-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.dtm-workspace-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dtm-chart-row{grid-template-columns:1fr 1.3fr}.dtm-chart-row>.crm-card:last-child{grid-column:1/-1}.dtm-chart-row>.crm-card:last-child .crm-donut-layout{justify-content:center}.dtm-chart-row>.crm-card:last-child .crm-legend{max-width:340px}.dtm-chart-row .crm-donut{max-width:190px}.crm-admin-navigation .topbar-nav-item{padding:8px;font-size:11px}}
@media(max-width:760px){.dtm-dashboard-header{align-items:flex-start;flex-direction:column;padding:12px 14px}.dtm-dashboard-header h1{font-size:24px}.dtm-header-controls{width:100%;flex-wrap:wrap}.dtm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-metric>strong{font-size:26px}.dtm-chart-row,.dtm-workspace-row{grid-template-columns:1fr}.dtm-chart-row>.crm-card:last-child{grid-column:auto}.dtm-filter-panel{grid-template-columns:1fr 1fr}.dtm-filter-panel label,.dtm-filter-panel select{grid-column:auto!important;grid-row:auto!important}.dtm-filter-panel label{display:none}.dtm-filter-panel select{font-size:12px}.crm-section .crm-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dtm-workspace-row .crm-card{height:auto}.dtm-quick-link{font-size:12px}.crm-section-heading{flex-wrap:wrap;gap:5px}.dtm-chart-row .crm-card{min-height:230px}.crm-integration-note{flex-wrap:wrap}}

.crm-metric>span:first-child{display:flex;align-items:center;gap:7px}.dtm-metric-icon{width:20px;height:20px;flex:none;color:var(--dtm-blue)}.dtm-kpis .crm-metric:first-child .dtm-metric-icon{color:white}.dtm-kpis .crm-metric:nth-child(2) .dtm-metric-icon{color:#0753ef}.dtm-kpis .crm-metric:nth-child(3) .dtm-metric-icon{color:#f06400}.dtm-kpis .crm-metric:nth-child(5) .dtm-metric-icon{color:#48a100}.dtm-kpis .crm-metric:nth-child(6) .dtm-metric-icon{color:#8d30dc}.dtm-kpis .crm-metric:nth-child(7) .dtm-metric-icon{color:#e9a000}.dtm-kpis .crm-metric:nth-child(8) .dtm-metric-icon{color:#8d30dc}

/* Board colors follow the live palette; dashboard styling stays independent. */
.fi-main:has(.board-hdr-wrap),
.fi-main:has(.board-hdr-wrap) .fi-page-main {
    background: linear-gradient(160deg,var(--board-g1,#0369a1) 0%,var(--board-g2,#064e7a) 35%,var(--board-g3,#0a2540) 100%) !important;
}
.dark .fi-main:has(.board-hdr-wrap),
.dark .fi-main:has(.board-hdr-wrap) .fi-page-main {
    background: linear-gradient(160deg,var(--board-gd1,#0c4a6e) 0%,var(--board-gd2,#0c2d4a) 40%,var(--board-gd3,#071a2e) 100%) !important;
}
.fi-main:has(.board-hdr-wrap) .board-hdr-row {background:rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.2)}
.dark .fi-main:has(.board-hdr-wrap) .board-hdr-row {background:rgba(255,255,255,.06);border-bottom-color:rgba(255,255,255,.1)}
.fi-main:has(.board-hdr-wrap) .board-hdr__name {color:#fff}
.fi-main:has(.board-hdr-wrap) :is(.board-hdr__chevron,.board-hdr__lock) {color:rgba(255,255,255,.6)}
.fi-main:has(.board-hdr-wrap) .board-hdr:hover {background:rgba(255,255,255,.1)}
.fi-main:has(.board-hdr-wrap) .board-filter__btn {background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.85)}
.fi-main:has(.board-hdr-wrap) .board-filter__btn:hover {background:rgba(255,255,255,.2);color:#fff}
.fi-main:has(.board-hdr-wrap) .board-filter__btn--active {background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);color:#fff}
.fi-main:has(.board-hdr-wrap) :is(.board-filter__chevron,.board-filter__clear) {color:rgba(255,255,255,.7)}
.fi-main:has(.board-hdr-wrap) .jn-new-btn {background:rgba(255,255,255,.95);color:var(--board-accent,#0369a1);border-color:transparent}
.fi-main:has(.board-hdr-wrap) .crm-project-board__surface {background:transparent}
.fi-main:has(.board-hdr-wrap) .crm-project-column {background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 2px 12px rgba(0,0,0,.08);backdrop-filter:blur(20px) saturate(130%)}
.fi-main:has(.board-hdr-wrap) .crm-project-column__header {background:rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08)}
.fi-main:has(.board-hdr-wrap) :is(.crm-project-column__name,.crm-project-column__total) {color:#fff}
.fi-main:has(.board-hdr-wrap) .crm-project-column__count {background:rgba(255,255,255,.2)!important;color:#fff!important}
.fi-main:has(.board-hdr-wrap) .crm-project-column__accent {background:linear-gradient(90deg,var(--board-pick,#2563eb),transparent)!important}
.fi-main:has(.board-hdr-wrap) .crm-project-column__empty :is(p,svg) {color:rgba(255,255,255,.6)}
.dark .fi-main:has(.board-hdr-wrap) .crm-project-column {background:rgba(0,0,0,.35)!important;border-color:rgba(255,255,255,.06)!important}
.dark .fi-main:has(.board-hdr-wrap) .crm-project-column__header {background:rgba(255,255,255,.06)}

html .fi-main:has(.board-hdr-wrap) .board-hdr__dot {background:var(--board-pick,#2563eb)!important}
.dark .fi-main:has(.board-hdr-wrap) .crm-project-card {background:#1e293b!important;color:#f1f5f9;border-color:rgba(255,255,255,.07)!important}
.dark .fi-main:has(.board-hdr-wrap) .crm-project-card__value>span:first-child {color:#f1f5f9!important}
.dark .fi-main:has(.board-hdr-wrap) .crm-project-card__customer>a {color:#60a5fa!important}
.dark .fi-main:has(.board-hdr-wrap) .crm-project-card__location {color:#94a3b8}
.dark .fi-main:has(.board-hdr-wrap) .crm-project-card__footer {background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.05)!important}
.dark .fi-main:has(.board-hdr-wrap) .crm-project-card__footer>div>span {background:rgba(59,130,246,.15);color:#93c5fd!important}