/* Reference-inspired presentation layer. OmniTrack data, labels and behavior remain unchanged. */
:root{--ref-card-radius:20px;--ref-inner-radius:14px;--ref-card-border:color-mix(in srgb,var(--border-light) 88%,var(--text-muted) 12%);--ref-card-shadow:0 1px 2px rgba(28,24,55,.035),0 14px 40px -34px rgba(45,37,95,.32);--ref-card-hover:0 18px 45px -30px rgba(67,54,145,.34)}
body{background:color-mix(in srgb,var(--bg-root) 94%,#eef0f4 6%)}
.ot-main{max-width:1920px;margin-inline:auto}.ot-topbar{border-radius:18px;padding:.72rem 1rem;background:color-mix(in srgb,var(--bg-surface) 94%,transparent);border-color:var(--ref-card-border);box-shadow:0 5px 24px -22px rgba(26,21,51,.48)}
.admin-console .ot-main{max-width:none;margin-left:var(--sidebar-w);margin-right:0}.admin-console.sidebar-collapsed .ot-main{margin-left:var(--sidebar-collapsed-w)}
.view-section>.card,.view-section .ot-card,.view-section .dv-card,.view-section .chx-section,.view-section .int-card,.view-section .ship-pill-card,.view-section .ckpi-card,.view-section .di-mini-card,.ui-content-card{border:1px solid var(--ref-card-border)!important;border-radius:var(--ref-card-radius)!important;background:var(--bg-surface)!important;box-shadow:var(--ref-card-shadow)!important}
.view-section>.card:hover,.view-section .ot-card:hover,.view-section .dv-card:hover,.view-section .chx-section:hover,.view-section .int-card:hover{border-color:color-mix(in srgb,var(--accent) 20%,var(--ref-card-border))!important;box-shadow:var(--ref-card-hover)!important}
.ui-screen-intro{padding:.4rem .15rem;margin-bottom:1.15rem}.ui-screen-title{font-size:clamp(1.45rem,2vw,1.95rem);font-weight:720}.ui-screen-subtitle{font-size:.86rem}.ui-screen-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.ui-stat{min-height:122px;padding:1rem;border:1px solid var(--ref-card-border);border-top-width:1px;border-radius:var(--ref-card-radius);background:var(--bg-surface);box-shadow:var(--ref-card-shadow)}.ui-stat:after{right:12px;bottom:12px;width:42%;height:42px;border-radius:12px;background:color-mix(in srgb,var(--ui-tone) 5%,var(--bg-surface-2));opacity:1}.ui-stat-top,.ui-stat strong,.ui-stat small{position:relative;z-index:1}.ui-stat strong{font-size:1.55rem;margin-top:.85rem}.ui-stat small{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:.24rem .46rem;border-radius:999px;background:color-mix(in srgb,var(--ui-tone) 9%,var(--bg-surface));color:color-mix(in srgb,var(--ui-tone) 78%,var(--text-primary));font-weight:700}.ui-stat-icon{width:32px;height:32px;border-radius:10px!important;box-shadow:none}
.dv-kpi-grid{gap:.85rem!important}.dv-kpi-card{min-height:132px!important;border:1px solid var(--ref-card-border)!important;border-radius:var(--ref-card-radius)!important;background:var(--bg-surface)!important;box-shadow:var(--ref-card-shadow)!important;padding:1rem!important}.dv-kpi-card::after{right:12px!important;bottom:12px!important;width:42%!important;height:44px!important;border-radius:12px!important;opacity:.045!important}.dv-kpi-icon{width:36px!important;height:36px!important;border-radius:11px!important;box-shadow:none!important}.dv-kpi-value{font-size:1.72rem!important}.dv-kpi-trend{border-radius:999px!important;padding:.25rem .5rem!important}.dv-insights-card{padding:1.25rem!important}.dv-insights-grid{gap:.7rem!important}.dv-insight-card{min-height:150px!important;padding:1rem!important;border-radius:var(--ref-inner-radius)!important;background:var(--bg-surface-2)!important;box-shadow:none!important}.dv-insight-card:hover{background:var(--bg-surface)!important;transform:translateY(-2px)}
.view-section .table-responsive,.view-section .table-wrap,.view-section .data-table-wrap{border-radius:var(--ref-card-radius);background:var(--bg-surface);overflow:auto}.view-section .table{font-size:.82rem}.view-section .table thead th{height:48px;padding:.7rem .85rem;background:color-mix(in srgb,var(--bg-surface-2) 78%,var(--bg-surface));border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:.67rem;letter-spacing:.045em}.view-section .table tbody td{height:58px;padding:.72rem .85rem}.view-section .table tbody tr:last-child td{border-bottom:0}.view-section .table tbody tr:hover>*{background:color-mix(in srgb,var(--accent-light) 35%,var(--bg-surface))}
.view-section .form-control,.view-section .form-select,.ot-global-search-control{border-radius:12px!important;box-shadow:none!important}.view-section .btn{border-radius:12px}.view-section .btn-primary{box-shadow:0 9px 20px -12px var(--accent)!important}.view-section .btn-outline-secondary,.view-section .btn-outline-primary,.view-section .btn-outline-success,.view-section .btn-outline-danger{box-shadow:0 1px 2px rgba(25,20,50,.035)}.view-section .nav-tabs{border:1px solid var(--border-light);background:var(--bg-surface-2);border-radius:14px}.view-section .nav-tabs .nav-link.active{border:1px solid var(--border-light);box-shadow:0 2px 8px -6px rgba(26,21,51,.5)}
#view-settings .int-grid{gap:.85rem}#view-settings .int-card{overflow:hidden;min-height:210px}#view-settings .int-head{min-height:78px;padding:1rem 1rem .75rem;border-bottom:0}#view-settings .int-body{display:flex;flex-direction:column;min-height:120px;padding:.2rem 1rem 1rem}#view-settings .int-card .btn{margin-top:auto}#view-settings .int-stats{padding:.55rem;border:1px solid var(--border-light);border-radius:12px;background:var(--bg-surface-2)}
#view-courier .di-mini-card,#view-courier .chx-hero-card{min-height:118px!important;border-top-width:1px!important}#view-courier .di-mini-card:after{right:12px;bottom:12px;width:38%;height:40px;border-radius:11px}#view-courier .chx-section{padding:1.1rem!important}.ai-overview-stat{border-radius:var(--ref-card-radius);box-shadow:var(--ref-card-shadow)}.ai-insights-grid .dv-insight-card{background:var(--bg-surface-2)!important}
.pagination{gap:.28rem}.pagination .page-link{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border-light);border-radius:9px!important;background:var(--bg-surface);color:var(--text-secondary);font-size:.75rem}.pagination .page-item.active .page-link{background:var(--accent);border-color:var(--accent);color:#fff}.badge{border-radius:999px;padding:.36em .62em}
[data-theme="dark"]{--ref-card-shadow:0 1px 2px rgba(0,0,0,.25),0 16px 40px -34px rgba(0,0,0,.8);--ref-card-hover:0 18px 45px -30px rgba(0,0,0,.9)}[data-theme="dark"] body{background:var(--bg-root)}[data-theme="dark"] .ot-topbar{background:color-mix(in srgb,var(--bg-surface) 91%,transparent)}
@media(max-width:1200px){.ui-screen-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.ot-topbar{border-radius:14px}.view-section>.card,.view-section .ot-card,.view-section .dv-card,.ui-content-card{border-radius:16px!important}.ui-screen-stats{gap:.65rem}.ui-stat{min-height:106px;border-radius:16px}.dv-kpi-card{min-height:116px!important;border-radius:16px!important}.view-section .table tbody td{height:52px}.view-section .btn-group{max-width:100%;overflow-x:auto}}@media(max-width:430px){.ui-screen-stats{grid-template-columns:1fr 1fr}.ui-stat{padding:.78rem}.ui-stat strong{font-size:1.25rem}.ui-stat:after{display:none}.dv-kpi-grid{grid-template-columns:1fr 1fr!important}.dv-kpi-card{padding:.8rem!important}.dv-kpi-value{font-size:1.38rem!important}}

/* OmniTrack OS surfaces: structural reference fidelity without reference data. */
:root{--ref-well:color-mix(in srgb,var(--bg-surface-2) 82%,var(--bg-surface));--ref-soft-line:color-mix(in srgb,var(--border-light) 72%,transparent);--ref-purple:#6754e9;--ref-purple-soft:color-mix(in srgb,var(--ref-purple) 9%,var(--bg-surface))}
.ot-main{padding-bottom:2rem}.view-section{animation:ref-enter .24s ease both}@keyframes ref-enter{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.ui-screen-intro{align-items:center}.ui-screen-eyebrow{letter-spacing:.09em}.ui-live-badge{background:var(--bg-surface);box-shadow:0 1px 2px rgba(20,18,45,.04)}
.ui-stat,.dv-kpi-card{isolation:isolate;overflow:hidden}.ui-stat:after,.dv-kpi-card:after{display:none!important}.ui-stat-top,.dv-kpi-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.7rem!important;margin:0 0 .75rem!important}.ui-stat-heading,.dv-kpi-heading{display:flex;align-items:center;gap:.6rem;min-width:0}.ui-stat-heading>span:last-child,.dv-kpi-label{font-size:.76rem!important;line-height:1.2;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;color:var(--text-primary)!important}.ui-stat-icon,.dv-kpi-icon{display:grid!important;place-items:center;flex:0 0 auto;background:var(--ref-purple-soft)!important;color:var(--ref-purple)!important;border:1px solid color-mix(in srgb,var(--ref-purple) 12%,transparent);border-radius:9px!important}.ui-stat-menu,.dv-kpi-menu{color:var(--text-muted);font-size:1rem;line-height:1}.ui-stat-value-panel,.dv-kpi-value-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:.55rem;min-height:58px;padding:.72rem .78rem;border:1px solid var(--ref-soft-line);border-radius:var(--ref-inner-radius);background:var(--ref-well)}.ui-stat strong,.dv-kpi-value{margin:0!important;color:var(--text-primary)!important;letter-spacing:-.035em;line-height:1!important}.ui-stat small,.dv-kpi-foot{margin:0!important;white-space:nowrap}.ui-stat small{gap:.25rem;background:color-mix(in srgb,#22a06b 10%,var(--bg-surface));color:#14845b;font-size:.64rem}.dv-trend{padding:.26rem .48rem!important;border-radius:999px!important}.dv-kpi-desc{font-size:.61rem!important;color:var(--text-muted)!important}
.view-section .dv-card,.view-section>.card,.view-section .ot-card,.view-section .chx-section{overflow:hidden}.dv-card-head,.card-header,.chx-section-head{min-height:54px;border-bottom:1px solid var(--ref-soft-line)!important;background:transparent!important}.dv-card-title,.card-title{letter-spacing:-.018em}.dv-card .btn-sm,.card-header .btn-sm{min-height:32px}
.dv-chart-wrap,.chart-container,[class*="chart-wrap"]{position:relative;border-radius:var(--ref-inner-radius);background-image:radial-gradient(circle,color-mix(in srgb,var(--text-muted) 19%,transparent) .7px,transparent .8px);background-size:15px 15px}.dv-chart-wrap:before,.chart-container:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--bg-surface),transparent 16%,transparent 84%,var(--bg-surface));opacity:.45;border-radius:inherit}
.view-section .nav-pills,.view-section .btn-group{padding:3px;border:1px solid var(--border-light);border-radius:12px;background:var(--bg-surface-2)}.view-section .nav-pills .nav-link,.view-section .btn-group>.btn{border:0!important;border-radius:9px!important;box-shadow:none!important}.view-section .nav-pills .nav-link.active,.view-section .btn-group>.btn.active{background:var(--bg-surface)!important;color:var(--accent)!important;box-shadow:0 2px 8px -5px rgba(25,20,65,.35)!important}
#view-settings .int-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}#view-settings .int-card{display:flex;flex-direction:column;min-height:238px;transform:none!important}#view-settings .int-card:has(.badge-pill.on){background:var(--bg-surface)!important;border-color:color-mix(in srgb,var(--int-accent,var(--accent)) 25%,var(--border-light))!important}#view-settings .int-head{align-items:flex-start;min-height:100px;padding:1rem;border-bottom:0!important}#view-settings .int-icon{width:38px;height:38px;border-radius:11px;box-shadow:0 7px 16px -10px var(--int-accent,var(--accent))}#view-settings .int-name{font-size:.94rem;letter-spacing:-.012em}#view-settings .int-desc{font-size:.72rem;line-height:1.45;margin-top:.28rem;color:var(--text-secondary)}#view-settings .badge-pill{position:absolute;right:.82rem;top:.72rem;font-size:.59rem;max-width:92px;overflow:hidden;text-overflow:ellipsis}#view-settings .int-meta{padding-right:58px}#view-settings .int-health{margin:0 1rem .7rem;padding:.6rem .7rem;border:1px solid var(--ref-soft-line);border-radius:11px;background:var(--ref-well)}#view-settings .int-body{margin-top:auto;min-height:auto!important;padding:.75rem 1rem!important;border-top:1px solid var(--ref-soft-line);background:color-mix(in srgb,var(--bg-surface-2) 35%,var(--bg-surface))}#view-settings .int-body>.d-flex{align-items:center;min-height:34px}#view-settings .int-stats{margin-bottom:.75rem}#view-settings .int-enable-control{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 0 auto!important;padding:0;border:0;background:transparent;color:var(--text-secondary);font-size:.67rem;font-weight:650}#view-settings .int-enable-control i{position:relative;width:34px;height:20px;border-radius:999px;background:var(--border-medium);transition:.2s}#view-settings .int-enable-control i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}#view-settings .int-enable-control[aria-checked="true"] i{background:var(--ref-purple)}#view-settings .int-enable-control[aria-checked="true"] i:after{transform:translateX(14px)}#view-settings .int-enable-control:disabled{opacity:.48;cursor:not-allowed}#view-settings .int-drawer{order:5;border-top:1px solid var(--ref-soft-line)}
.view-section .table-responsive{border:1px solid var(--ref-card-border)}.view-section .table{margin:0}.view-section .table thead th{text-transform:none!important;letter-spacing:0!important;font-weight:600!important}.view-section .table tbody td{vertical-align:middle}.view-section .table tbody tr{transition:background .15s}.view-section .badge,.view-section .badge-pill{font-weight:650;letter-spacing:0}.view-section .progress{height:6px;border-radius:999px;background:var(--bg-surface-3)}
.view-section .btn-primary{border-color:transparent!important;background:linear-gradient(135deg,#7965f3,#5842dd)!important}.view-section .btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.view-section .btn-outline-primary{border-color:color-mix(in srgb,var(--accent) 25%,var(--border-light))!important;background:var(--bg-surface)!important}.view-section .form-control,.view-section .form-select{min-height:39px;border-color:var(--border-light)!important;background-color:var(--bg-surface)!important}.view-section .form-control:focus,.view-section .form-select:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-light))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)!important}
[data-theme="dark"]{--ref-well:color-mix(in srgb,var(--bg-surface-2) 88%,#000 12%);--ref-soft-line:color-mix(in srgb,var(--border-light) 70%,transparent)}[data-theme="dark"] .ui-stat small{color:#63d7aa}[data-theme="dark"] #view-settings .int-enable-control i:after{background:#f4f2ff}
@media(max-width:1199.98px){#view-settings .int-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-stat-value-panel,.dv-kpi-value-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:767.98px){#view-settings .int-grid{grid-template-columns:1fr}.ui-stat-value-panel,.dv-kpi-value-panel{min-height:52px;padding:.6rem}.ui-stat-heading>span:last-child,.dv-kpi-label{font-size:.7rem!important}.ui-stat small,.dv-kpi-desc{display:none!important}.dv-chart-wrap,.chart-container,[class*="chart-wrap"]{background-size:12px 12px}}
@media(max-width:430px){.ui-stat-top,.dv-kpi-top{margin-bottom:.55rem!important}.ui-stat-icon,.dv-kpi-icon{width:28px!important;height:28px!important}.ui-stat-value-panel,.dv-kpi-value-panel{border-radius:11px}.ui-stat-menu,.dv-kpi-menu{display:none}}
@media(prefers-reduced-motion:reduce){.view-section{animation:none}.view-section .btn-primary,#view-settings .int-enable-control i,#view-settings .int-enable-control i:after{transition:none!important}}

.dv-money-privacy{display:flex;align-items:center;gap:.4rem;margin:0;padding:.42rem .68rem;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border-light));border-radius:999px;background:var(--bg-surface);color:var(--accent);font-size:.7rem;font-weight:700;box-shadow:0 3px 12px -8px var(--accent)}.dv-money-privacy i{font-size:.95rem}.dv-money-privacy:hover{background:var(--accent);color:#fff}.dv-money-privacy[aria-pressed="true"]{background:var(--accent-light)}
.ot-ai-panel{box-shadow:-24px 0 70px -45px rgba(35,25,90,.6)}.ot-ai-quick-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.ot-ai-suggestion,.ot-ai-followups button{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-light));border-radius:999px;padding:.43rem .7rem;background:var(--bg-surface);color:var(--accent);font-size:.72rem;font-weight:650;transition:.16s;white-space:nowrap}.ot-ai-suggestion:hover,.ot-ai-followups button:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.ot-ai-followups{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.55rem;max-width:390px}.ot-ai-message.assistant>div:last-child{min-width:0}.ot-ai-launcher{bottom:max(22px,env(safe-area-inset-bottom));isolation:isolate}
@media(max-width:575px){.ot-ai-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;justify-content:stretch}.ot-ai-suggestion{white-space:normal;width:100%;justify-content:center;text-align:center;line-height:1.25}}
.cust-city-grid{display:grid;gap:.55rem}.cust-city-row{display:grid;grid-template-columns:24px minmax(90px,1fr) minmax(110px,2fr) auto auto;gap:.65rem;align-items:center;font-size:.74rem}.cust-city-rank{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:var(--accent-light);color:var(--accent);font-weight:750}.cust-city-name{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-city-track{height:7px;border-radius:999px;background:var(--bg-surface-3);overflow:hidden}.cust-city-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7865ef,#2fc6d1)}.cust-city-row small{color:var(--text-muted)}.cust-pagination{display:flex;align-items:center;gap:.5rem}.cust-pagination>span{font-size:.7rem;color:var(--text-muted)}.cust-wa-btn{display:grid!important;place-items:center;color:#149d68!important;border:1px solid color-mix(in srgb,#16a96d 28%,var(--border-light))!important;border-radius:10px!important;background:color-mix(in srgb,#16a96d 7%,var(--bg-surface))!important}
.cust-location-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr);gap:1rem;align-items:center}.cust-city-map{min-height:240px;border:1px solid var(--ref-soft-line);border-radius:16px;background:linear-gradient(145deg,var(--ref-well),var(--bg-surface));padding:.7rem}.cust-city-map svg{width:100%;height:220px}.cust-map-land{fill:color-mix(in srgb,var(--accent) 8%,var(--bg-surface));stroke:color-mix(in srgb,var(--accent) 28%,var(--border-light));stroke-width:1}.cust-map-point circle{fill:color-mix(in srgb,var(--accent) 78%,#27c8bd);stroke:var(--bg-surface);stroke-width:1.5;filter:drop-shadow(0 2px 3px rgba(60,45,170,.25))}.cust-map-point text{font-size:4px;font-weight:700;fill:var(--text-secondary)}@media(max-width:850px){.cust-location-layout{grid-template-columns:1fr}.cust-city-map{min-height:190px}.cust-city-map svg{height:180px}}

/* Unified period owns dates; native search/status/category controls remain available. */
.ui-native-period-hidden{display:none!important}.ui-period-bar{margin-bottom:1.1rem}

/* Integration workspace */
#view-integrations .ui-screen-intro{margin-bottom:1rem}.integration-commandbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.integration-commandbar h5{font-size:1.25rem;margin:0}.integration-commandbar p{margin:.25rem 0 0;color:var(--text-secondary)}.integration-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:1rem}.integration-summary-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:18px;padding:1rem;box-shadow:var(--shadow-card);min-width:0}.integration-summary-card>span{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-secondary)}.integration-summary-card>span .bi-three-dots{margin-left:auto}.integration-summary-card>span>i:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-light);color:var(--accent)}.integration-summary-card strong{display:block;font-size:1.65rem;margin:.8rem 0 .35rem}.integration-summary-card small{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.25rem .55rem;background:var(--success-light);color:var(--success-text);font-weight:700}.integration-browser{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:20px 20px 0 0;padding:1rem 1rem .25rem}.integration-browser-head{display:flex;justify-content:flex-end;gap:.75rem}.integration-search{max-width:310px}.integration-filter-pills{display:flex;padding:4px;background:var(--bg-surface-2);border-radius:12px}.integration-filter-pills button{border:0;background:transparent;border-radius:9px;padding:.5rem .8rem;color:var(--text-secondary);font-weight:650}.integration-filter-pills button.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}#view-integrations .int-grid{background:var(--bg-surface);border:1px solid var(--border-light);border-top:0;border-radius:0 0 20px 20px;padding:1rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}#view-integrations .int-card{border:1px solid var(--border-light)!important;border-radius:16px!important;box-shadow:none!important;min-height:240px;display:flex;flex-direction:column;overflow:hidden}#view-integrations .int-head{padding:1rem!important;align-items:flex-start}#view-integrations .int-icon{width:38px;height:38px;border-radius:10px}#view-integrations .int-name{font-size:1rem}#view-integrations .int-desc{line-height:1.45;margin-top:.3rem}#view-integrations .int-body{margin-top:auto;border-top:1px solid var(--border-light);padding:1rem!important}#view-integrations .int-drawer{border-top:1px solid var(--border-light)}
#view-integrations>.dedicated-page-host>.section-title{display:none}.feature-view-locked{filter:blur(7px);pointer-events:none;user-select:none;max-height:calc(100vh - 140px);overflow:hidden}

/* Support center */
.help-hero{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-light));border-radius:20px;background:linear-gradient(125deg,var(--bg-surface),color-mix(in srgb,var(--accent-light) 58%,var(--bg-surface)));margin-bottom:1rem}.help-hero h3{margin:.25rem 0}.help-hero p{margin:0;color:var(--text-secondary);max-width:720px}.help-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:1rem}.help-actions button{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:16px;padding:1rem;text-align:left;color:var(--text-primary);transition:.18s}.help-actions button:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow-card-hover)}.help-actions i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent-light);color:var(--accent);margin-bottom:.8rem}.help-actions strong,.help-actions span{display:block}.help-actions span{font-size:.78rem;color:var(--text-secondary);margin-top:.25rem}.help-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem}.help-search{max-width:280px}.support-request-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.support-request-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-light);color:var(--accent)}.support-request-row strong,.support-request-row small{display:block}.support-request-row strong{font-size:.82rem}.support-request-row small{font-size:.7rem;color:var(--text-muted);margin-top:.2rem}.support-status{font-size:.66rem;text-transform:capitalize;border-radius:999px;padding:.25rem .5rem;background:var(--warning-light);color:var(--warning-text);font-weight:700}.support-status.resolved,.support-status.closed{background:var(--success-light);color:var(--success-text)}.ui-empty{display:grid;justify-items:center;text-align:center;color:var(--text-muted);padding:2rem .5rem}.ui-empty i{font-size:1.6rem;color:var(--accent);margin-bottom:.5rem}.ui-empty strong,.ui-empty span{display:block}.support-modal{border:1px solid var(--border-light);border-radius:22px}.support-modal .modal-header,.support-modal .modal-footer{padding:1.15rem 1.3rem}.support-modal .modal-body{padding:1.25rem 1.3rem}

/* Premium plan gate, one focused message instead of repeated warning toasts. */
.feature-lock-modal .modal-content{text-align:center;padding:2rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-light));border-radius:24px;background:linear-gradient(150deg,var(--bg-surface),color-mix(in srgb,var(--accent-light) 65%,var(--bg-surface)));box-shadow:0 30px 80px rgba(45,35,120,.22)}.feature-lock-close{position:absolute;right:1rem;top:1rem}.feature-lock-art{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 1rem;border-radius:22px;background:var(--accent-gradient);color:#fff;font-size:2rem;box-shadow:0 16px 35px var(--accent-glow)}.feature-lock-modal h3{margin:.35rem 0 .5rem}.feature-lock-modal p{color:var(--text-secondary);max-width:420px;margin:0 auto 1.25rem}.feature-lock-actions{display:flex;justify-content:center;gap:.65rem}.feature-lock-inline{display:flex;align-items:center;justify-content:center;gap:1rem;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:16px;padding:1rem;text-align:left}.feature-lock-inline>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-light);color:var(--accent)}.feature-lock-inline strong,.feature-lock-inline span{display:block}.feature-lock-inline span{font-size:.78rem;color:var(--text-secondary)}

/* Sidebar value card and cleaner dashboard customization switches. */
.sidebar-upgrade-card{margin:.7rem .75rem;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-light));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-light) 70%,var(--bg-surface)),var(--bg-surface));padding:.85rem;text-align:left;color:var(--text-primary)}.sidebar-upgrade-card strong,.sidebar-upgrade-card small,.sidebar-upgrade-cta{display:block}.sidebar-upgrade-card strong{font-size:.8rem;margin:.55rem 0 .25rem}.sidebar-upgrade-card small{font-size:.68rem;color:var(--text-secondary);line-height:1.4}.sidebar-upgrade-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-gradient);color:white}.sidebar-upgrade-cta{font-size:.72rem;color:var(--accent);font-weight:750;margin-top:.55rem}.dv-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .65rem;border-radius:9px}.dv-section-toggle:hover{background:var(--bg-surface-2)}.dv-section-toggle .form-check-label{font-size:.82rem;font-weight:600}.dv-section-toggle .form-switch .form-check-input{width:2.25rem;height:1.2rem;margin:0}

/* Settings and insight presentation */
#view-settings>.int-card,#view-settings>.card,#view-settings>.col-md-6,#view-settings>.col-lg-6{width:100%!important;max-width:none!important}#view-settings .ui-settings-nav{position:sticky;top:86px;z-index:8;background:color-mix(in srgb,var(--bg-surface) 92%,transparent);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:14px;padding:.35rem;margin-bottom:1rem;overflow-x:auto}#view-settings .section-title{margin-top:1.2rem}#view-settings .section-title+*{width:100%!important;max-width:none!important;border-radius:18px!important}.ai-insights-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem!important}.ai-insights-grid>*{border:1px solid var(--border-light)!important;border-radius:18px!important;padding:1.1rem!important;background:linear-gradient(145deg,var(--bg-surface),color-mix(in srgb,var(--accent-light) 24%,var(--bg-surface)))!important;box-shadow:var(--shadow-card)!important}.ai-insights-grid>*:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)!important}.ai-insights-grid .text-danger,.ai-insights-grid .bi-exclamation-triangle{color:var(--danger)!important}

.onboarding-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.onboarding-choice-grid>div{border:1px solid var(--border-light);border-radius:14px;padding:1rem}.onboarding-choice-grid i,.onboarding-choice-grid strong,.onboarding-choice-grid span{display:block}.onboarding-choice-grid i{color:var(--accent);font-size:1.3rem}.onboarding-choice-grid strong{margin:.5rem 0 .2rem}.onboarding-choice-grid span{font-size:.75rem;color:var(--text-secondary)}.onboarding-flow{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap}.onboarding-flow span{padding:.55rem .8rem;border-radius:999px;background:var(--accent-light);color:var(--accent);font-weight:700}.onboarding-integrations{display:flex;justify-content:center;gap:.75rem}.onboarding-integrations i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-light);color:var(--accent);font-size:1.2rem}

@media(max-width:1100px){#view-integrations .int-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-summary,.help-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.help-layout{grid-template-columns:1fr}}
@media(max-width:700px){.integration-commandbar,.integration-browser-head,.help-hero{align-items:stretch;flex-direction:column}.integration-summary,#view-integrations .int-grid,.help-actions,.ai-insights-grid{grid-template-columns:1fr}.integration-search,.help-search{max-width:none}.integration-filter-pills{overflow-x:auto}.feature-lock-actions{flex-direction:column}.onboarding-choice-grid{grid-template-columns:1fr}.sidebar-upgrade-card{display:none}}

/* Message template library */
.template-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.template-channel-filter{display:flex;padding:4px;border-radius:12px;background:var(--bg-surface-2)}.template-channel-filter button{border:0;background:transparent;color:var(--text-secondary);padding:.5rem .8rem;border-radius:9px;font-weight:650}.template-channel-filter button.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.template-master-switch{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-light);border-radius:13px;padding:.8rem 1rem}.template-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.template-card{display:flex;flex-direction:column;min-height:230px;border:1px solid var(--border-light);border-radius:16px;background:var(--bg-surface);overflow:hidden}.template-card-head{display:flex;align-items:center;gap:.65rem;padding:1rem}.template-card-head>div{min-width:0}.template-card-head small{display:block;color:var(--text-muted);font-size:.67rem}.template-channel-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:white}.template-channel-icon.whatsapp{background:#25D366}.template-channel-icon.email{background:var(--accent-gradient)}.template-settings-btn{margin-left:auto;border:1px solid var(--border-light);background:var(--bg-surface-2);color:var(--text-secondary);width:34px;height:34px;border-radius:10px}.template-preview{padding:0 1rem 1rem;color:var(--text-secondary);font-size:.8rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-card-foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-top:1px solid var(--border-light);padding:.8rem 1rem;margin-top:auto}.template-editor{border-top:1px solid var(--border-light);padding:1rem}.template-variable-hints{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.5rem}.template-variable-hints code{font-size:.65rem;border-radius:6px;padding:.2rem .35rem;background:var(--accent-light);color:var(--accent)}@media(max-width:1050px){.template-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.template-toolbar{align-items:stretch;flex-direction:column}.template-card-grid{grid-template-columns:1fr}.template-channel-filter{overflow-x:auto}}

/* Actionable analytics insight cards */
.analytics-insight-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.analytics-insight-toolbar>span{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border-radius:999px;background:var(--warning-light);color:var(--warning-text);font-weight:700;font-size:.76rem}.analytics-insight-toolbar>div{display:flex;padding:4px;border-radius:12px;background:var(--bg-surface-2)}.analytics-insight-toolbar button{border:0;background:transparent;border-radius:9px;color:var(--text-secondary);padding:.45rem .7rem;font-weight:650}.analytics-insight-toolbar button.active{background:var(--accent);color:#fff}.analytics-insight-toolbar button b{font-size:.65rem;opacity:.75;margin-left:.2rem}.analytics-insight-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.analytics-insight-card{border:1px solid var(--border-light);border-radius:18px;padding:1.15rem;background:var(--bg-surface);box-shadow:var(--shadow-card)}.analytics-insight-card.tone-danger{background:linear-gradient(145deg,var(--bg-surface),color-mix(in srgb,var(--danger-light) 62%,var(--bg-surface)));border-color:color-mix(in srgb,var(--danger) 24%,var(--border-light))}.analytics-insight-card.tone-success{background:linear-gradient(145deg,var(--bg-surface),color-mix(in srgb,var(--success-light) 58%,var(--bg-surface)));border-color:color-mix(in srgb,var(--success) 22%,var(--border-light))}.analytics-insight-card.tone-info{background:linear-gradient(145deg,var(--bg-surface),color-mix(in srgb,var(--accent-light) 60%,var(--bg-surface)))}.analytics-insight-title{display:flex;gap:.7rem}.analytics-insight-title>span{display:grid;place-items:center;align-self:start;width:38px;height:38px;border-radius:11px;background:var(--bg-surface);color:var(--accent);box-shadow:var(--shadow-xs)}.analytics-insight-title small{text-transform:uppercase;font-size:.62rem;font-weight:800;color:var(--text-muted)}.analytics-insight-title h5{font-size:.95rem;margin:.2rem 0}.analytics-insight-card>p{color:var(--text-secondary);font-size:.8rem;line-height:1.55;margin:.8rem 0}.analytics-insight-evidence{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.85rem}.analytics-insight-evidence>div{background:color-mix(in srgb,var(--bg-surface) 78%,transparent);border:1px solid var(--border-light);border-radius:11px;padding:.65rem}.analytics-insight-evidence small,.analytics-insight-evidence strong{display:block}.analytics-insight-evidence small{font-size:.62rem;color:var(--text-muted)}.analytics-insight-evidence strong{font-size:.76rem;margin-top:.15rem}.analytics-insight-actions{display:flex;gap:.45rem}@media(max-width:800px){.analytics-insight-toolbar{align-items:stretch;flex-direction:column}.analytics-insight-toolbar>div{overflow-x:auto}.analytics-insight-cards{grid-template-columns:1fr}}
#view-settings .ui-settings-nav{display:flex;gap:.35rem;overflow-x:auto;padding:.35rem;scrollbar-width:none;border:1px solid var(--border-light);border-radius:14px;background:var(--bg-surface);box-shadow:var(--ref-card-shadow)}#view-settings .ui-settings-nav::-webkit-scrollbar{display:none}#view-settings .ui-settings-nav button{white-space:nowrap;border:0;border-radius:10px;padding:.5rem .72rem;background:transparent;color:var(--text-secondary);font-size:.72rem;font-weight:650}#view-settings .ui-settings-nav button.active{background:var(--accent);color:#fff;box-shadow:0 7px 16px -10px var(--accent)}
@media(max-width:575.98px){.ot-ai-launcher{right:14px;bottom:calc(72px + env(safe-area-inset-bottom));width:48px;height:48px;padding:0;justify-content:center}.ot-ai-panel{width:100vw!important}.ot-ai-quick-grid{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.35rem}.ot-ai-quick-grid button{flex:0 0 auto}.cust-city-row{grid-template-columns:22px minmax(80px,1fr) minmax(70px,1.4fr) auto}.cust-city-row small{display:none}.cust-city-row strong{font-size:.68rem}.dv-money-privacy{margin-right:.15rem}}
@media(max-width:768px){.admin-console .ot-main,.admin-console.sidebar-collapsed .ot-main{margin-left:0!important}}

#view-subscription>.card:first-of-type{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bg-surface),color-mix(in srgb,var(--accent) 7%,var(--bg-surface)))!important;border-color:color-mix(in srgb,var(--accent) 22%,var(--border-light))!important}#view-subscription>.card:first-of-type:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 70%);pointer-events:none}#view-subscription #subPlanName{font-size:clamp(1.55rem,3vw,2.25rem)!important;letter-spacing:-.045em}#view-subscription #subUsageBody{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}#view-subscription #subUsageBody>div{padding:.8rem;border:1px solid var(--ref-soft-line);border-radius:13px;background:var(--ref-well)}#view-subscription #planComparisonCards>*{min-width:82vw;border:1px solid var(--ref-card-border);border-radius:16px;background:var(--bg-surface);box-shadow:var(--ref-card-shadow)}

/* Courier performance: always-visible collection cards and ranked product rails. */
.sa-static-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sa-static-heading>span{font-size:.9rem;font-weight:750}.sa-static-heading>span i{color:var(--accent);margin-right:.35rem}.sa-static-heading small{color:var(--text-muted)}.cat-detail-grid{display:grid!important;grid-template-columns:repeat(4,minmax(220px,1fr));gap:.85rem;overflow-x:auto;padding:.15rem .1rem .45rem;scroll-snap-type:x proximity}.cat-detail-card{scroll-snap-align:start;min-width:220px;box-shadow:var(--shadow-xs);transition:transform .16s,border-color .16s}.cat-detail-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border-light))}.cat-detail-card.active{border-color:var(--accent);box-shadow:0 10px 25px -20px var(--accent)}#shfTrendingList,#shfLowSaleList{display:grid;gap:0}.shf-prod-row{display:grid;grid-template-columns:minmax(140px,1.25fr) minmax(100px,1fr) auto;align-items:center;gap:1rem;min-height:46px;border-bottom:1px solid var(--ref-soft-line)}.shf-prod-row:last-child{border-bottom:0}.shf-prod-name{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shf-prod-bar-track{height:9px;border-radius:999px;background:var(--bg-surface-3);overflow:hidden}.shf-prod-bar-fill{height:100%;border-radius:inherit}.shf-prod-qty{min-width:58px;text-align:right;font-size:.74rem;font-weight:750}.feature-inline-gate{display:flex;align-items:center;gap:.9rem;margin:0 0 1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-light));border-radius:16px;background:linear-gradient(135deg,var(--bg-surface),color-mix(in srgb,var(--accent) 8%,var(--bg-surface)));box-shadow:var(--shadow-card)}.feature-inline-gate>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-gradient);color:#fff}.feature-inline-gate>div{flex:1;min-width:0}.feature-inline-gate small,.feature-inline-gate strong{display:block}.feature-inline-gate small{color:var(--accent);font-weight:750;text-transform:uppercase;font-size:.6rem;letter-spacing:.06em}.feature-inline-gate strong{font-size:.92rem}.feature-inline-gate p{margin:.15rem 0 0;color:var(--text-secondary);font-size:.74rem}
@media(max-width:800px){.sa-static-heading{align-items:flex-start;flex-direction:column}.cat-detail-grid{grid-template-columns:repeat(4,minmax(82vw,1fr))}.shf-prod-row{grid-template-columns:minmax(105px,1.2fr) minmax(70px,1fr) auto;gap:.55rem}.feature-inline-gate{align-items:flex-start;flex-wrap:wrap}.feature-inline-gate>div{flex-basis:calc(100% - 60px)}.feature-inline-gate>button{width:100%}}
.marketing-quality-banner{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.85rem 1rem;border:1px solid var(--border-light);border-radius:15px;background:var(--bg-surface);box-shadow:var(--shadow-xs)}.marketing-quality-banner.incomplete{border-color:color-mix(in srgb,#f59e0b 35%,var(--border-light));background:linear-gradient(135deg,var(--bg-surface),color-mix(in srgb,#f59e0b 8%,var(--bg-surface)))}.marketing-quality-banner.complete{border-color:color-mix(in srgb,#16a96d 28%,var(--border-light));background:linear-gradient(135deg,var(--bg-surface),color-mix(in srgb,#16a96d 7%,var(--bg-surface)))}.marketing-quality-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent-light);color:var(--accent);flex:0 0 auto}.marketing-quality-banner>div{flex:1;min-width:0}.marketing-quality-banner strong{font-size:.8rem}.marketing-quality-banner p{margin:.12rem 0 0;color:var(--text-secondary);font-size:.72rem}.ai-mode-pill{display:inline-flex;align-items:center;margin-left:.4rem;padding:.25rem .5rem;border-radius:999px;background:var(--accent-light);color:var(--accent);font-size:.58rem;letter-spacing:.03em;vertical-align:middle}.ai-mode-pill.external{background:var(--success-light);color:var(--success-text)}@media(max-width:600px){.marketing-quality-banner{align-items:flex-start;flex-wrap:wrap}.marketing-quality-banner>div{flex-basis:calc(100% - 52px)}.marketing-quality-banner>button{width:100%}.ai-mode-pill{display:flex;width:max-content;margin:.35rem 0 0}}
.dedicated-page-host>.section-title{margin-bottom:.8rem}.templates-page-intro{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--bg-surface),color-mix(in srgb,#22a06b 6%,var(--bg-surface)))!important}#view-integrations .int-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}#view-integrations .int-card{display:flex;flex-direction:column;min-height:238px;border:1px solid var(--ref-card-border);border-radius:var(--ref-card-radius);background:var(--bg-surface);box-shadow:var(--ref-card-shadow);overflow:hidden}#view-integrations .int-body{margin-top:auto;padding:.75rem 1rem;border-top:1px solid var(--ref-soft-line)}
@media(max-width:1100px){#view-integrations .int-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){#view-integrations .int-grid{grid-template-columns:1fr}#view-subscription #subUsageBody{grid-template-columns:1fr 1fr}}
#view-integrations .int-head{align-items:flex-start;min-height:100px;padding:1rem;border-bottom:0!important}#view-integrations .int-icon{width:38px;height:38px;border-radius:11px}#view-integrations .int-meta{padding-right:58px}#view-integrations .badge-pill{position:absolute;right:.82rem;top:.72rem}#view-integrations .int-health{margin:0 1rem .7rem;padding:.6rem .7rem;border:1px solid var(--ref-soft-line);border-radius:11px;background:var(--ref-well)}#view-integrations .int-enable-control{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;padding:0;border:0;background:transparent;color:var(--text-secondary);font-size:.67rem;font-weight:650}#view-integrations .int-enable-control i{position:relative;width:34px;height:20px;border-radius:999px;background:var(--border-medium)}#view-integrations .int-enable-control i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}#view-integrations .int-enable-control[aria-checked="true"] i{background:var(--accent)}#view-integrations .int-enable-control[aria-checked="true"] i:after{transform:translateX(14px)}

/* Customer directory and location intelligence. */
.cust-content-layout{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(285px,.8fr);gap:1rem;align-items:start}.cust-list-card{overflow:hidden}.cust-identity{display:flex;align-items:center;gap:.65rem;min-width:170px}.cust-identity>span:last-child{min-width:0}.cust-identity strong,.cust-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-identity small{max-width:190px;margin-top:.12rem;color:var(--text-muted);font-size:.63rem}.cust-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:2px solid var(--bg-surface);border-radius:50%;background:linear-gradient(145deg,#6955e8,#9c8cff);box-shadow:0 0 0 1px var(--border-light),0 4px 10px -6px rgba(50,37,130,.65);color:#fff;font-size:.65rem;font-weight:800}.cust-avatar.tone-1{background:linear-gradient(145deg,#168b6a,#3fc69b)}.cust-avatar.tone-2{background:linear-gradient(145deg,#d96c37,#f3a75f)}.cust-avatar.tone-3{background:linear-gradient(145deg,#3478d4,#65a7f4)}.cust-avatar.tone-4{background:linear-gradient(145deg,#bf4778,#e984ab)}.cust-avatar.tone-5{background:linear-gradient(145deg,#607083,#9eabb7)}.cust-location-card{position:sticky;top:88px;overflow:hidden}.cust-location-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.cust-location-head h6{margin:0;font-size:.88rem}.cust-location-head h6 i{color:var(--accent)}.cust-location-head p{margin:.18rem 0 0;color:var(--text-muted);font-size:.67rem}.cust-location-head>span{padding:.22rem .48rem;border-radius:999px;background:var(--success-light);color:var(--success-text);font-size:.6rem;font-weight:750}.cust-location-layout{display:block}.cust-city-map{position:relative;min-height:165px!important;padding:.35rem!important;margin-bottom:.7rem;border:0!important;border-radius:13px!important;background:radial-gradient(circle at 72% 25%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 25%),linear-gradient(145deg,#f5f8fb,#e9eff6)!important;overflow:hidden}.cust-city-map:before,.cust-city-map:after{content:"";position:absolute;inset:25% -10%;border-top:1px dashed rgba(91,100,130,.16);transform:rotate(-12deg)}.cust-city-map:after{inset:58% -10%;transform:rotate(9deg)}.cust-city-map svg{position:relative;z-index:1;height:155px!important}.cust-city-grid{gap:.2rem!important}.cust-city-row{position:relative;grid-template-columns:28px minmax(0,1fr) auto!important;gap:.55rem!important;min-height:42px;padding:.35rem .4rem;border-radius:10px;font-size:.68rem!important}.cust-city-row:hover{background:var(--bg-surface-2)}.cust-city-rank{width:26px!important;height:26px!important;border-radius:50%!important;background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface))!important}.cust-city-main{display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem}.cust-city-track{height:6px!important}.cust-city-track i{background:linear-gradient(90deg,#7965ee,#4f9cf5)!important}.cust-city-row strong{align-self:start;min-width:26px;text-align:right;font-size:.68rem}.cust-city-row small{display:none!important}

/* Courier product rankings and collection performance. */
.shf-ranking-card{padding:1.2rem!important;overflow:hidden}.shf-ranking-card h6{display:flex;align-items:baseline;gap:.35rem;margin:0 0 .7rem;font-size:.95rem}.shf-ranking-card h6 span{white-space:nowrap}.shf-ranking-card h6 small{color:var(--text-muted);font-size:.72rem;font-weight:500}.shf-ranking-card h6 small:before{content:"— ";}.shf-ranking-card.is-trending h6 i{color:#19a86b}.shf-ranking-card.is-low h6 i{color:#ef4f64}.shf-ranking-card .shf-prod-row{min-height:54px}.shf-ranking-card .shf-prod-name{font-size:.78rem}.shf-ranking-card .shf-prod-bar-track{height:9px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-surface-3))}.shf-ranking-card .shf-prod-qty{font-size:.72rem}.cat-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;gap:1rem!important}.cat-detail-card{min-width:0!important;padding:1.05rem!important;border-radius:16px!important;background:linear-gradient(145deg,var(--bg-surface),color-mix(in srgb,var(--accent) 2.5%,var(--bg-surface)))!important}.cat-detail-card .cat-detail-name{font-size:.9rem!important}.cat-detail-card .cat-detail-bar{height:7px!important;margin:.8rem 0!important}.cat-detail-card .cat-detail-stats{gap:.75rem!important}.cat-detail-card .cat-detail-stat .v{font-size:1rem!important}.cat-detail-card .cat-detail-money{margin-top:.85rem!important;padding-top:.8rem!important}
@media(max-width:1250px){.cust-content-layout{grid-template-columns:1fr}.cust-location-card{position:static}.cust-location-layout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.4fr);gap:1rem}.cat-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.cust-location-layout{display:block}.cust-contact-cell{display:none}.shf-ranking-card h6{align-items:flex-start;flex-direction:column}.cat-detail-grid{grid-template-columns:1fr!important}.cat-detail-card{min-width:0!important}}
.ui-period-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:-.35rem 0 1rem;padding:.45rem;border:1px solid var(--border-light);border-radius:15px;background:var(--bg-surface);box-shadow:var(--ref-card-shadow)}.ui-period-presets{display:flex;gap:.25rem;overflow-x:auto}.ui-period-presets button,.ui-period-apply{white-space:nowrap;border:0;border-radius:10px;padding:.48rem .68rem;background:transparent;color:var(--text-secondary);font-size:.7rem;font-weight:650}.ui-period-presets button.active{background:var(--accent);color:#fff}.ui-period-custom{display:flex;align-items:center;gap:.38rem}.ui-period-custom input{width:128px;border:1px solid var(--border-light);border-radius:9px;padding:.4rem;background:var(--bg-surface);color:var(--text-primary);font-size:.68rem}.ui-period-apply{background:var(--accent-light);color:var(--accent)}@media(max-width:800px){.ui-period-bar{align-items:stretch;flex-direction:column}.ui-period-custom{justify-content:flex-end}.ui-period-custom input{flex:1;width:auto;min-width:0}}@media(max-width:430px){.ui-period-custom span{display:none}.ui-period-apply{padding-inline:.5rem}}

/* ================= Settings page — pure card layout (no tabs) ================= */
#view-settings .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;align-items:start;margin-bottom:1.4rem}
#view-settings .settings-card--full{grid-column:1 / -1}

#view-settings .settings-card{--card-accent:var(--accent);position:relative;background:var(--bg-surface);border:1px solid var(--ref-card-border);border-radius:var(--ref-card-radius);box-shadow:var(--ref-card-shadow);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#view-settings .settings-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--card-accent);opacity:.9}
#view-settings .settings-card:hover{border-color:color-mix(in srgb,var(--card-accent) 30%,var(--ref-card-border));box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}
#view-settings .settings-card-head{display:flex;align-items:flex-start;gap:.85rem;padding:1.3rem 1.3rem .9rem}
#view-settings .settings-card-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:color-mix(in srgb,var(--card-accent) 16%,var(--bg-surface));color:var(--card-accent);flex-shrink:0}
#view-settings .settings-card-icon.danger{background:var(--danger-light);color:var(--danger-text)}
#view-settings .settings-card-title{font-weight:800;font-size:1.02rem;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}
#view-settings .settings-card-desc{font-size:.8rem;color:var(--text-secondary);margin-top:.3rem;line-height:1.55;max-width:640px}
#view-settings .settings-card-body{padding:0 1.3rem 1.3rem}
#view-settings .settings-card-danger{--card-accent:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,var(--ref-card-border))}
#view-settings .settings-card-danger:hover{border-color:color-mix(in srgb,var(--danger) 45%,var(--ref-card-border))}

@media(max-width:960px){
  #view-settings .settings-grid{grid-template-columns:1fr}
}

/* Reusable toggle-card row (Automation rules, Meta CAPI switch, etc.) */
.toggle-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.9rem 1.05rem;border:1px solid var(--border-light);border-radius:14px;background:var(--bg-surface-2);transition:border-color .18s}
.toggle-card:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--border-light))}
.toggle-card+.toggle-card{margin-top:.6rem}
.toggle-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.95rem;background:var(--bg-surface);color:var(--accent);flex-shrink:0;box-shadow:var(--shadow-xs)}
.toggle-card-body{flex:1;min-width:0}
.toggle-card-title{font-weight:700;font-size:.86rem;color:var(--text-primary)}
.toggle-card-desc{font-size:.74rem;color:var(--text-secondary);margin-top:.1rem;line-height:1.45}
.toggle-card-extra{margin-top:.65rem;padding-top:.6rem;border-top:1px dashed var(--border-light)}
.toggle-card .form-switch{padding-left:0;flex-shrink:0;margin-top:.1rem}
.toggle-card .form-switch .form-check-input{width:2.6rem;height:1.4rem;cursor:pointer;margin:0}

@media(max-width:700px){
  #view-settings .ui-settings-nav{position:static}
  #view-settings .settings-card-head{padding:1rem 1.05rem .7rem}
  #view-settings .settings-card-body{padding:0 1.05rem 1.05rem}
  .toggle-card{flex-direction:column}
  .toggle-card .form-switch{align-self:flex-start}
}

/* ---------------------------------------------------------------------
 * Flat icon badges — AI / Business Intelligence surfaces.
 * Design direction: no drop shadow on small icon badges anywhere in
 * this area (dashboard "OmniTrack Intelligence" header, "Live business
 * signals" panel head, insight-card icons, quick-stat icons, the AI
 * page orb and overview-stat icons). A thin 1px border replaces the
 * shadow for definition instead of elevation, keeping the flat, modern
 * look requested. `!important` matches this file's existing convention
 * as the final override layer loaded after dashboard.css/ui-system.css.
 * ------------------------------------------------------------------- */
.dv-card-head h6 i,
.dv-insights-title i,
.dv-insight-icon-wrap,
.dv-qa-icon,
.ai-orb,
.ai-overview-stat > i,
.dv-kpi-icon,
.dv-pipe-circle {
  box-shadow: none !important;
}
.dv-insight-icon-wrap,
.dv-qa-icon {
  border: 1px solid rgba(255,255,255,.22);
}
.ai-orb {
  border: 1px solid rgba(255,255,255,.25);
}

/* AI chat disclaimer footer — was rendering at Bootstrap's default
 * .form-text size (~0.71rem), hard to read under the send box. */
#otAiForm .form-text {
  font-size: .78rem;
  line-height: 1.4;
}


/* ================= Topbar + Dashboard header — mobile-first polish ================= */
@media (max-width: 480px) {
  .ot-topbar { padding: 0.55rem 0.7rem; gap: 0.5rem; top: 0.4rem; }
  .ot-topbar #pageTitle { font-size: 0.92rem; }
  .ot-breadcrumb { font-size: .64rem; }
  .icon-btn { width: 34px; height: 34px; }
  .icon-btn i { font-size: .95rem !important; }
  .dv-title { font-size: 1.35rem; }
  .dv-eyebrow { font-size: .64rem; }
  .dv-subtitle { font-size: .78rem; }
  .dv-context-row span { font-size: .66rem; padding: .25rem .55rem; }
  .dv-pill { font-size: .72rem; padding: .35rem .7rem; }
  .ai-overview-stats { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .ai-overview-stat strong { font-size: 1.2rem; }
  .ai-overview-stat span { font-size: .62rem; }
  .ai-page-hero h2 { font-size: 1.4rem; }
}
@media (max-width: 700px) {
  .ai-overview-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
}