/* Scoped business dashboard refinement. */
html body #control .dashboard-head {grid-column:1/-1;padding:26px 0;margin-bottom:10px;gap:20px;}
html body #control .dashboard-head h1 {font-family:'DM Sans',Arial,sans-serif!important;font-size:36px!important;line-height:1.15!important;letter-spacing:-1px;color:#183447;}
html body #control .dashboard-head .eyebrow {font-size:10px;letter-spacing:1.7px;color:#087e70;}
html body #control .primary {background:#183b52;color:white;border-radius:12px;box-shadow:none;min-height:44px;font-size:13px;}
html body #control input:not([type=checkbox]),html body #control select,html body #control textarea {border:1px solid #dce5e1;border-radius:12px;background:#fafcfb;color:#183447;box-shadow:none;font-size:16px;}
html body #control .automation {padding:17px 0;border-bottom:1px solid #edf1ef;gap:14px;}
html body #control .dash-pane {min-width:0;}
html body #control .business-view-picker {display:none;}
html body #control #businessSetupDetails {margin-top:22px;border:1px solid #dce7e1;border-radius:20px;background:white;overflow:hidden;}
html body #control #businessSetupDetails summary {padding:20px;cursor:pointer;color:#244352;font-size:15px;font-weight:600;}
html body #control #businessSetupDetails #launchChecklist {border:0;border-radius:0;margin:0;padding-top:0;}
@media(min-width:1000px){
  html body #control > .dashboard {display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:30px;align-items:start;}
  html body #control .dash-nav {grid-column:1;grid-row:2;display:flex;flex-direction:column;position:sticky;top:100px;padding:12px;gap:5px;}
  html body #control .dash-nav button {width:100%;text-align:left;}
  html body #control .dash-pane {grid-column:2;grid-row:2;}
}
@media(max-width:999px){
  html body #control .business-view-picker {display:grid;gap:8px;font-size:10px;letter-spacing:1.5px;color:#6b7e84;margin:6px 0 20px;}
  html body #control #businessViewPicker {width:100%;height:52px;padding:0 15px;background:white;font-size:16px;font-weight:600;letter-spacing:0;}
  html body #control main.dashboard .dash-nav {display:none;}
  html body #control .dashboard-head {padding:16px 0;align-items:flex-start;flex-wrap:wrap;}
  html body #control .dashboard-head h1 {font-size:29px!important;}
  html body #control .dashboard-head .primary {padding:10px 14px;}
  html body #control .box-card {padding:18px;overflow-wrap:anywhere;}
  html body #control table {font-size:12px;}
}
html body :is(#dashboard,#control) {background:#f5f7f7;color:#183447;}
html body :is(#dashboard,#control) .dashboard {max-width:1180px;margin:auto;padding-bottom:100px;}
html body :is(#dashboard,#control) .dashboard-head {background:transparent;box-shadow:none;border:0;}
html body :is(#dashboard,#control) .dash-nav {display:flex;gap:6px;padding:7px;background:#fff;border:1px solid #e4eaea;border-radius:18px;overflow-x:auto;scrollbar-width:none;margin-bottom:22px;}
html body :is(#dashboard,#control) .dash-nav::-webkit-scrollbar {display:none;}
html body :is(#dashboard,#control) .dash-nav button {flex-shrink:0;padding:11px 16px;border:0;border-radius:12px;background:transparent;color:#667780;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:none;}
html body :is(#dashboard,#control) .dash-nav button.active {background:#183b52;color:#fff;box-shadow:0 3px 8px #183b5215;}
html body :is(#dashboard,#control) #launchChecklist {padding:24px;background:#fff;border:1px solid #e1e8e6;border-radius:24px;box-shadow:0 8px 28px #17364b05;margin-bottom:24px;}
html body :is(#dashboard,#control) #launchChecklist .eyebrow {color:#087e70;font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:8px;}
html body :is(#dashboard,#control) #launchChecklist h3 {font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:700;color:#183447;margin:0 0 8px;}
html body :is(#dashboard,#control) #launchChecklist p {font-size:13px;line-height:1.6;color:#718088;max-width:440px;}
html body :is(#dashboard,#control) #launchChecklist .launch-progress {background:#edf6f2;box-shadow:none;border-radius:16px;padding:13px;color:#087e70;flex-shrink:0;}
html body :is(#dashboard,#control) #launchChecklist .launch-progress-bar {height:5px;background:#eef2f0;margin:20px 0;}
html body :is(#dashboard,#control) #launchChecklist .launch-progress-bar i {background:#319c85;}
html body :is(#dashboard,#control) #launchChecklist .launch-step-list {gap:8px;}
html body :is(#dashboard,#control) #launchChecklist .launch-step {min-height:66px;padding:12px;border-radius:14px;border:1px solid #e7ecea;background:#fafcfb;box-shadow:none;transition:background .15s;}
html body :is(#dashboard,#control) #launchChecklist .launch-step:not(.done) {background:#edf6f2;border-color:#bdd9cf;}
html body :is(#dashboard,#control) #launchChecklist .launch-step.done {background:#fff;}
html body :is(#dashboard,#control) #launchChecklist .launch-step b {font-size:13px;font-weight:600;color:#244352;}
html body :is(#dashboard,#control) #launchChecklist .launch-step small {font-size:11px;line-height:1.4;color:#7b898e;}
html body :is(#dashboard,#control) #launchChecklist .launch-step em {font-size:11px;font-weight:600;color:#337665;}
html body :is(#dashboard,#control) #launchChecklist .launch-step.done em {color:#87948f;}
html body :is(#dashboard,#control) #launchChecklist .launch-check {width:26px;height:26px;flex-basis:26px;font-size:12px;}
html body :is(#dashboard,#control) .metric-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;}
html body :is(#dashboard,#control) .metric {padding:21px;border:1px solid #e4eae8;border-radius:20px;background:#fff;box-shadow:none;min-width:0;}
html body :is(#dashboard,#control) .metric span {display:block;font-size:10px;font-weight:600;letter-spacing:.8px;line-height:1.5;color:#74838b;}
html body :is(#dashboard,#control) .metric b {display:block;margin-top:12px;color:#183b52;font-size:29px;line-height:1.2;letter-spacing:-1px;overflow-wrap:anywhere;}
html body :is(#dashboard,#control) .box-card {border-radius:21px;border:1px solid #e4eae8;background:#fff;box-shadow:none;padding:22px;}
html body :is(#dashboard,#control) .box-card h3 {font-size:20px;line-height:1.3;letter-spacing:-.4px;color:#183447;}
html body :is(#dashboard,#control) button:focus-visible {outline:2px solid #087e70;outline-offset:3px;}
@media(max-width:750px){
  html body :is(#dashboard,#control) .dashboard {padding-left:16px;padding-right:16px;}
  html body :is(#dashboard,#control) #launchChecklist {padding:18px;border-radius:21px;}
  html body :is(#dashboard,#control) #launchChecklist h3 {font-size:19px;line-height:1.35;}
  html body :is(#dashboard,#control) #launchChecklist .launch-checklist-top {gap:12px;align-items:flex-start;}
  html body :is(#dashboard,#control) #launchChecklist .launch-step-list {grid-template-columns:1fr;gap:0;}
  html body :is(#dashboard,#control) #launchChecklist .launch-step {border-radius:0;border:0;border-bottom:1px solid #edf0ee;padding:12px 4px;min-height:62px;gap:10px;}
  html body :is(#dashboard,#control) #launchChecklist .launch-step:not(.done) {border-radius:12px;padding:12px 10px;margin:5px 0;border:1px solid #bdd9cf;}
  html body :is(#dashboard,#control) #launchChecklist .launch-step:last-child {border-bottom:0;}
  html body :is(#dashboard,#control) .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  html body :is(#dashboard,#control) .metric {padding:16px;border-radius:17px;}
  html body :is(#dashboard,#control) .metric b {font-size:25px;}
  html body :is(#dashboard,#control) .two-col {grid-template-columns:1fr;gap:14px;}
}
