:root{--dns-navy:#101833;--dns-orange:#ff6b1a;--dns-bg:#f4f6fb;--dns-card:#fff;--dns-line:#e1e6ef;--dns-text:#151d33;--dns-muted:#6f788b;--dns-green:#17834c;--dns-red:#bc3030}.dot-dcms-native-sales-page body{background:var(--dns-bg)}.dns-app{min-height:100vh;background:var(--dns-bg);color:var(--dns-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.dns-app *{box-sizing:border-box}.dns-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--dns-line);display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100vw - 1280px)/2));min-height:76px}.dns-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--dns-text)}.dns-brand img{width:52px;height:52px;border-radius:15px;object-fit:cover}.dns-brand strong{display:block;font-size:20px}.dns-brand small{display:block;color:var(--dns-muted);font-weight:700;letter-spacing:.08em;font-size:11px;margin-top:2px}.dns-main{max-width:1280px;margin:0 auto;padding:28px 20px 70px}.dns-hero{background:linear-gradient(135deg,#111a35,#182654);color:white;border-radius:26px;padding:30px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}.dns-hero p,.dns-panel-head p{font-size:12px;font-weight:800;letter-spacing:.12em;color:#ff995c;margin:0 0 8px}.dns-hero h1{font-size:38px;margin:0 0 8px;line-height:1.05}.dns-hero span{color:#d4d9e6}.dns-btn{border:1px solid var(--dns-line);background:#fff;color:var(--dns-text);border-radius:12px;padding:11px 15px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.dns-btn.primary{background:var(--dns-orange);border-color:var(--dns-orange);color:#fff}.dns-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 18px}.dns-tabs a{white-space:nowrap;padding:10px 15px;border-radius:12px;text-decoration:none;color:var(--dns-muted);font-weight:700;background:#fff;border:1px solid var(--dns-line)}.dns-tabs a.active{background:var(--dns-navy);color:#fff;border-color:var(--dns-navy)}.dns-notice{padding:13px 16px;border-radius:12px;margin-bottom:16px;background:#e9f6ef;color:#126b3e;border:1px solid #bce4cc}.dns-notice.error{background:#fff0f0;color:#9d2929;border-color:#efc1c1}.dns-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.dns-kpis>div{background:#fff;border:1px solid var(--dns-line);border-radius:18px;padding:18px}.dns-kpis span{display:block;color:var(--dns-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.dns-kpis strong{display:block;font-size:28px;margin-top:8px}.dns-panel{background:#fff;border:1px solid var(--dns-line);border-radius:22px;padding:22px;margin-bottom:18px}.dns-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.dns-panel-head h2{font-size:25px;margin:0}.dns-panel-head span{color:var(--dns-muted);font-size:14px}.dns-form label,.dns-filters label{display:block}.dns-form label>span,.dns-filters label>span{display:block;font-size:12px;font-weight:800;color:var(--dns-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.dns-form input,.dns-form select,.dns-form textarea,.dns-filters input,.dns-filters select{width:100%;border:1px solid #cfd6e3;border-radius:11px;padding:11px 12px;background:#fff;font-size:15px}.dns-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.dns-grid .span-2{grid-column:span 2}.dns-form>.dns-btn{margin-right:8px}.dns-filters{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:10px;margin-bottom:16px}.dns-table-wrap{overflow:auto}.dns-table{width:100%;border-collapse:collapse;min-width:850px}.dns-table th{text-align:left;font-size:11px;color:var(--dns-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--dns-line);padding:11px 10px}.dns-table td{padding:14px 10px;border-bottom:1px solid #edf0f5;vertical-align:top}.dns-table td strong{display:block}.dns-table td small{display:block;color:var(--dns-muted);margin-top:4px}.dns-table td a,.dns-table td button{color:#174fae;font-weight:700;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.dns-actions{display:flex;gap:10px;align-items:center}.dns-actions form{margin:0}.dns-status{display:inline-block;border-radius:999px;background:#eef2f8;padding:6px 9px;font-size:12px;font-weight:800}.dns-activity-list article,.dns-timeline article{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #edf0f5}.dns-activity-list article>span{min-width:100px;font-size:12px;font-weight:800;color:var(--dns-orange)}.dns-activity-list small,.dns-timeline small{display:block;color:var(--dns-muted);margin-top:4px}.dns-split{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(340px,1.2fr);gap:20px;margin-top:20px;border-top:1px solid var(--dns-line);padding-top:20px}.dns-form.compact{background:#f7f8fb;border-radius:16px;padding:16px}.dns-form.compact label{margin-bottom:11px}.dns-timeline article{display:block}.dns-record-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.dns-record-actions form{margin:0}.dns-record-actions.vertical{display:block}.dns-record-actions.vertical form{margin-bottom:12px}.dns-totals{display:flex;justify-content:flex-end;gap:24px;padding:16px 4px;font-size:14px}.dns-totals strong{font-size:18px;margin-left:7px}.dns-empty,.dns-login{padding:30px;text-align:center}.dns-login{max-width:640px;margin:60px auto;background:#fff;border-radius:20px;border:1px solid var(--dns-line)}
@media(max-width:900px){.dns-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dns-split{grid-template-columns:1fr}.dns-hero{align-items:flex-start;flex-direction:column}.dns-filters{grid-template-columns:1fr}.dns-grid{grid-template-columns:1fr}.dns-grid .span-2{grid-column:span 1}.dns-header>div{display:none}.dns-main{padding:18px 14px 70px}.dns-hero{padding:24px 20px;border-radius:22px}.dns-hero h1{font-size:32px}.dns-panel{padding:16px;border-radius:18px}.dns-totals{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:520px){.dns-kpis{grid-template-columns:1fr 1fr}.dns-kpis>div{padding:14px}.dns-kpis strong{font-size:23px}.dns-brand img{width:46px;height:46px}.dns-brand strong{font-size:18px}}
.dns-link-danger{border:0;background:transparent;padding:0;color:#b42318;font:inherit;font-weight:700;cursor:pointer}.dns-link-danger:hover{text-decoration:underline}.dns-check{display:flex!important;align-items:center;gap:8px}.dns-check input{width:auto!important;margin:0!important}


/* =========================================================
   DCMS v3.1.3 — Office Portal responsive desktop/mobile cleanup
   Scope: office/dealer/admin portal pages only. Technician mobile app untouched.
   ========================================================= */
:root{
  --dcms-office-max: 1540px;
  --dcms-office-pad: 28px;
  --dcms-office-gap: 16px;
  --dcms-office-bg: #f4f6fa;
  --dcms-office-card: #ffffff;
  --dcms-office-line: #dfe4ee;
  --dcms-office-text: #111827;
  --dcms-office-muted: #667085;
  --dcms-office-orange: #f97316;
  --dcms-office-dark: #101828;
}

body.dot-dcms-dealer-hub-page,
body.dcms-office-shell-page,
body.dot-dcms-operations-page,
body.dot-dcms-native-sales-page,
body.dot-dcms-office-suite-page,
body.dot-dcms-live-tracker-page,
body.dcms-v3-office-page,
body.dot-dcms-team-page,
body.dot-dcms-production-page,
body.dot-dcms-metrics-page{
  background: var(--dcms-office-bg) !important;
  overflow-x: hidden !important;
}

body.dot-dcms-dealer-hub-page .site-header,
body.dot-dcms-dealer-hub-page .site-footer,
body.dot-dcms-dealer-hub-page .entry-header,
body.dot-dcms-dealer-hub-page .page-header,
body.dot-dcms-dealer-hub-page .wp-block-post-title,
body.dot-dcms-dealer-hub-page header.wp-block-template-part,
body.dot-dcms-dealer-hub-page footer.wp-block-template-part,
body.dcms-office-shell-page .site-header,
body.dcms-office-shell-page .site-footer,
body.dcms-office-shell-page .entry-header,
body.dcms-office-shell-page .page-header,
body.dot-dcms-operations-page .site-header,
body.dot-dcms-operations-page .site-footer,
body.dot-dcms-operations-page .entry-header,
body.dot-dcms-native-sales-page .site-header,
body.dot-dcms-native-sales-page .site-footer,
body.dot-dcms-native-sales-page .entry-header,
body.dot-dcms-office-suite-page .site-header,
body.dot-dcms-office-suite-page .site-footer,
body.dot-dcms-office-suite-page .entry-header,
body.dot-dcms-live-tracker-page .site-header,
body.dot-dcms-live-tracker-page .site-footer,
body.dot-dcms-live-tracker-page .entry-header,
body.dcms-v3-office-page .site-header,
body.dcms-v3-office-page .site-footer,
body.dcms-v3-office-page .entry-header,
body.dot-dcms-team-page .site-header,
body.dot-dcms-team-page .site-footer,
body.dot-dcms-team-page .entry-header{
  display:none!important;
}

body.dot-dcms-dealer-hub-page #page,
body.dot-dcms-dealer-hub-page #content,
body.dot-dcms-dealer-hub-page .site,
body.dot-dcms-dealer-hub-page .site-content,
body.dot-dcms-dealer-hub-page .content-area,
body.dot-dcms-dealer-hub-page .site-main,
body.dot-dcms-dealer-hub-page .entry-content,
body.dot-dcms-dealer-hub-page .wp-block-post-content,
body.dcms-office-shell-page #page,
body.dcms-office-shell-page #content,
body.dcms-office-shell-page .site,
body.dcms-office-shell-page .site-content,
body.dcms-office-shell-page .content-area,
body.dcms-office-shell-page .site-main,
body.dcms-office-shell-page .entry-content,
body.dot-dcms-operations-page #page,
body.dot-dcms-operations-page #content,
body.dot-dcms-operations-page .site,
body.dot-dcms-operations-page .site-content,
body.dot-dcms-operations-page .content-area,
body.dot-dcms-operations-page .site-main,
body.dot-dcms-operations-page .entry-content,
body.dot-dcms-native-sales-page #page,
body.dot-dcms-native-sales-page #content,
body.dot-dcms-native-sales-page .site,
body.dot-dcms-native-sales-page .site-content,
body.dot-dcms-native-sales-page .content-area,
body.dot-dcms-native-sales-page .site-main,
body.dot-dcms-native-sales-page .entry-content,
body.dot-dcms-office-suite-page #page,
body.dot-dcms-office-suite-page #content,
body.dot-dcms-office-suite-page .site,
body.dot-dcms-office-suite-page .site-content,
body.dot-dcms-office-suite-page .content-area,
body.dot-dcms-office-suite-page .site-main,
body.dot-dcms-office-suite-page .entry-content,
body.dot-dcms-live-tracker-page #page,
body.dot-dcms-live-tracker-page #content,
body.dot-dcms-live-tracker-page .site,
body.dot-dcms-live-tracker-page .site-content,
body.dot-dcms-live-tracker-page .content-area,
body.dot-dcms-live-tracker-page .site-main,
body.dot-dcms-live-tracker-page .entry-content,
body.dcms-v3-office-page #page,
body.dcms-v3-office-page #content,
body.dcms-v3-office-page .site,
body.dcms-v3-office-page .site-content,
body.dcms-v3-office-page .content-area,
body.dcms-v3-office-page .site-main,
body.dcms-v3-office-page .entry-content,
body.dot-dcms-team-page #page,
body.dot-dcms-team-page #content,
body.dot-dcms-team-page .site,
body.dot-dcms-team-page .site-content,
body.dot-dcms-team-page .content-area,
body.dot-dcms-team-page .site-main,
body.dot-dcms-team-page .entry-content{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Main office canvases */
.dh-ai-main,
.dcms-dealer-main,
.dcms-dealer-metrics,
.ops-main,
.dns-main,
.dos-app,
.dt-main,
.dcms-team-main,
.prod-main,
.dv3-main{
  width:min(var(--dcms-office-max), calc(100vw - 32px))!important;
  max-width:var(--dcms-office-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Dealer portal: modern desktop-first layout */
.dh-ai-dashboard{min-height:100vh!important;}
.dh-ai-main{padding:var(--dcms-office-pad) 0 54px!important;}
.dh-ai-hero{grid-template-columns:minmax(0,1.55fr) minmax(380px,.75fr)!important;align-items:stretch!important;}
.dh-ai-kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;}
.dh-ai-workbench{grid-template-columns:minmax(390px,.95fr) minmax(0,1.45fr)!important;align-items:start!important;}
.dh-ai-lower-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.9fr)!important;align-items:start!important;}
.dh-ai-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.dh-ai-more-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.dh-ai-card{backdrop-filter:none!important;}
.dh-ai-action-card,.dh-ai-more-grid a,.dh-ai-alert,.dh-ai-activity-list a,.dh-ai-notice-list article{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;}
.dh-ai-action-card:hover,.dh-ai-more-grid a:hover,.dh-ai-alert:hover,.dh-ai-activity-list a:hover{transform:translateY(-2px);border-color:#fed7aa!important;box-shadow:0 12px 28px rgba(16,24,40,.08)!important;background:#fff!important;}

/* Shared panel/grids across office tabs */
.dcms-dealer-card,
.dd-card,
.ops-card,
.ops-panel,
.dns-panel,
.dos-panel,
.dt-panel,
.dcms-team-panel,
.prod-panel,
.dv3-panel,
.dcms-metrics-filter-card,
.dcms-metrics-history-card,
.dcms-metrics-table-card,
.dcms-metrics-definition-card{
  border-radius:18px!important;
  border:1px solid var(--dcms-office-line)!important;
  box-shadow:0 8px 24px rgba(16,24,40,.055)!important;
  background:var(--dcms-office-card)!important;
}

.dd-grid,
.dcms-dealer-grid,
.dcms-dealer-action-grid,
.ops-grid,
.ops-kpis,
.dns-grid,
.dns-kpis,
.dos-kpis,
.dt-grid,
.dcms-team-grid,
.prod-grid,
.prod-kpis,
.dv3-grid,
.dcms-metrics-kpi-grid,
.dcms-metrics-definition-grid{
  display:grid!important;
  gap:16px!important;
}

@media(min-width:1100px){
  .dd-grid,.dcms-dealer-grid,.ops-grid,.dns-grid,.dos-grid,.dt-grid,.dcms-team-grid,.prod-grid,.dv3-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .dcms-dealer-action-grid,.ops-kpis,.dns-kpis,.dos-kpis,.prod-kpis,.dcms-metrics-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .dcms-metrics-definition-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .dns-split,.ops-split,.dv3-split,.prod-split{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)!important;gap:18px!important;align-items:start!important;}
}

/* Tabs / link rows: desktop horizontal, mobile scroll */
.dns-tabs,
.ops-tabs,
.dv3-tabs,
.dcms-dealer-tabs,
.dcms-metrics-tabs,
.dos-link-row,
.prod-tabs,
.dd-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
  padding:4px 0 10px!important;
  overflow:visible!important;
}
.dns-tabs a,.dns-tabs button,
.ops-tabs a,.ops-tabs button,
.dv3-tabs a,.dv3-tabs button,
.dcms-dealer-tabs a,.dcms-dealer-tabs button,
.dcms-metrics-tabs a,.dcms-metrics-tabs button,
.dos-link-row a,
.prod-tabs a,.prod-tabs button,
.dd-tabs a,.dd-tabs button{
  flex:0 0 auto!important;
  border-radius:999px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 13px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

/* Forms: stop desktop from looking like narrow stacked mobile cards */
.dns-form,
.dos-grid-form,
.dos-inline-form,
.ops-form,
.dv3-form,
.dcms-team-form,
.prod-form,
.dd-form{
  gap:14px!important;
}
@media(min-width:900px){
  .dns-form .dns-grid,
  .dos-grid-form,
  .ops-form-grid,
  .dv3-form-grid,
  .dcms-team-form-grid,
  .prod-form-grid,
  .dd-form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dns-form .wide,
  .ops-form .wide,
  .dv3-form .wide,
  .dcms-team-wide,
  .prod-form .wide,
  .dd-form .wide{
    grid-column:1/-1!important;
  }
}

/* Tables: full desktop table width and safe mobile overflow */
.dns-table-wrap,
.dos-table-wrap,
.ops-table-wrap,
.dv3-table-wrap,
.dcms-team-table-wrap,
.prod-table-wrap,
.dcms-metrics-table-wrap,
.dd-table-wrap,
.dcms-dealer-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:14px!important;
}
.dns-table,
.dos-table-wrap table,
.ops-table,
.dv3-table,
.dcms-team-table,
.prod-table,
.dcms-metrics-table,
.dd-table,
.dcms-dealer-table{
  width:100%!important;
  min-width:880px!important;
  border-collapse:collapse!important;
}

/* Desktop: give top/hero areas more room */
@media(min-width:1180px){
  .dh-ai-hero-copy{min-height:270px!important;}
  .dh-ai-hero h1{max-width:840px!important;}
  .dh-ai-action-card{min-height:132px!important;}
  .dh-ai-more-grid a{min-height:68px!important;}
}

/* Tablet */
@media(max-width:1120px){
  .dh-ai-main,
  .dcms-dealer-main,
  .dcms-dealer-metrics,
  .ops-main,
  .dns-main,
  .dos-app,
  .dt-main,
  .dcms-team-main,
  .prod-main,
  .dv3-main{width:calc(100vw - 24px)!important;}
  .dh-ai-hero,.dh-ai-workbench,.dh-ai-lower-grid{grid-template-columns:1fr!important;}
  .dh-ai-kpi-strip,.dh-ai-action-grid,.dh-ai-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* Mobile: app-like cards, no desktop squish */
@media(max-width:700px){
  :root{--dcms-office-pad:12px;}
  .dh-ai-main,
  .dcms-dealer-main,
  .dcms-dealer-metrics,
  .ops-main,
  .dns-main,
  .dos-app,
  .dt-main,
  .dcms-team-main,
  .prod-main,
  .dv3-main{width:calc(100vw - 20px)!important;padding-top:12px!important;}
  .dh-ai-hero-copy{border-radius:22px!important;padding:22px 18px!important;min-height:auto!important;}
  .dh-ai-hero h1{font-size:34px!important;line-height:1!important;letter-spacing:-.055em!important;}
  .dh-ai-hero-actions{display:grid!important;grid-template-columns:1fr!important;}
  .dh-ai-btn{width:100%!important;}
  .dh-ai-kpi-strip,.dh-ai-action-grid,.dh-ai-more-grid,.dd-grid,.dcms-dealer-grid,.dcms-dealer-action-grid,.ops-grid,.ops-kpis,.dns-grid,.dns-kpis,.dos-kpis,.dt-grid,.dcms-team-grid,.prod-grid,.prod-kpis,.dv3-grid,.dcms-metrics-kpi-grid,.dcms-metrics-definition-grid{grid-template-columns:1fr!important;}
  .dns-tabs,.ops-tabs,.dv3-tabs,.dcms-dealer-tabs,.dcms-metrics-tabs,.dos-link-row,.prod-tabs,.dd-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:8px!important;scrollbar-width:none!important;}
  .dns-tabs::-webkit-scrollbar,.ops-tabs::-webkit-scrollbar,.dv3-tabs::-webkit-scrollbar,.dcms-dealer-tabs::-webkit-scrollbar,.dcms-metrics-tabs::-webkit-scrollbar,.dos-link-row::-webkit-scrollbar,.prod-tabs::-webkit-scrollbar,.dd-tabs::-webkit-scrollbar{display:none!important;}
  .dh-ai-panel-head{display:block!important;}
  .dh-ai-panel-head h2{font-size:21px!important;}
  .dh-ai-mini-status{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .dh-ai-profile-line{align-items:flex-start!important;}
  .dh-ai-footer{display:block!important;line-height:1.7!important;}
}

/* Small phone */
@media(max-width:420px){
  .dh-ai-hero h1{font-size:30px!important;}
  .dh-ai-mini-status{grid-template-columns:1fr!important;}
  .dh-ai-card,.dh-ai-priority-panel,.dh-ai-actions-panel,.dh-ai-lower-grid>.dh-ai-card{border-radius:20px!important;padding:14px!important;}
  .dh-ai-action-card{min-height:112px!important;}
}