/* Clearly visible category navigation, shared across control-panel views. */
html body #control #pane-hours>.two-col{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;}
html body #control #hoursList .hours-row{display:grid!important;grid-template-columns:minmax(80px,1fr) minmax(90px,1fr) minmax(90px,1fr) 48px!important;gap:12px!important;align-items:center;padding:16px 0!important;border-color:#e7ece9!important;}
html body #control #hoursList .hours-row>b{font-size:14px;color:#244352;}
html body #control #hoursList .business-hour-field{display:grid;gap:5px;margin:0!important;font-size:11px;color:#718078;font-weight:500;}
html body #control #hoursList input[type=time]{width:100%!important;min-width:0!important;box-sizing:border-box;min-height:46px;font-size:16px!important;padding:8px!important;background:#f5f8f6!important;border:1px solid #dfe7e2!important;border-radius:11px!important;color:#183b52!important;}
html body #control #hoursList .hours-row:has(input[type=checkbox]:not(:checked)) .business-hour-field{opacity:.45;}
html body #control #saveHours{width:100%;margin-top:20px;background:#183b52!important;box-shadow:none!important;min-height:48px;}
html body #control #businessLegacyPayments{margin:18px 0;border:1px solid #e2e9e5;background:white;border-radius:17px;}
html body #control #businessLegacyPayments>summary{padding:18px;cursor:pointer;font-size:14px;font-weight:600;color:#244352;}
html body #control #businessLegacyPayments #paymentSettings{border:0!important;margin:0!important;}
html body #control #pane-hours #paymentSettings{display:none!important;}
@media(max-width:750px){
 html body #control #pane-hours>.two-col{grid-template-columns:1fr!important;}
 html body #control #hoursList .hours-row{grid-template-columns:1fr 1fr!important;gap:10px!important;background:#fafcfb;padding:14px!important;border:1px solid #e4ebe6!important;border-radius:14px;margin-bottom:9px;}
 html body #control #hoursList .hours-row>b{grid-column:1;grid-row:1;}
 html body #control #hoursList .hours-row>.bookluit-switch-control,html body #control #hoursList .hours-row>input[type=checkbox]{grid-column:2;grid-row:1;justify-self:end;}
 html body #control #hoursList .business-hour-field{grid-row:2;}
}
html body #control main.dashboard{display:block!important;max-width:1120px!important;padding-top:22px!important;}
html body #control main.dashboard .dash-nav{display:none!important;}
html body #control main.dashboard .dashboard-head{padding:0 0 22px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;}
html body #control main.dashboard .dashboard-head h1{font-size:30px!important;letter-spacing:-.8px!important;margin:6px 0!important;}
html body #control main.dashboard .dashboard-head .muted{font-size:13px!important;line-height:1.6!important;margin:0!important;overflow-wrap:anywhere;}
html body #control main.dashboard .dashboard-head .primary{background:#183b52!important;color:#fff!important;box-shadow:none!important;white-space:nowrap;border-radius:12px!important;padding:12px 16px!important;font-size:12px!important;}
html body #control main.dashboard .business-view-picker{display:block!important;margin:0 0 26px!important;background:transparent!important;}
html body #control .business-view-picker h2{font:700 16px/1.4 'DM Sans',Arial,sans-serif!important;letter-spacing:-.2px!important;margin:0 0 13px!important;color:#183b52!important;}
html body #control main.dashboard #businessViewPicker{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important;width:100%!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;}
html body #control #businessViewPicker button{display:flex!important;align-items:center!important;gap:12px!important;min-height:66px!important;padding:14px!important;border:1px solid #e0e7e5!important;border-radius:15px!important;background:white!important;color:#53666e!important;box-shadow:none!important;text-align:left!important;cursor:pointer;transition:background .15s,border-color .15s;}
html body #control #businessViewPicker button.selected{background:#183b52!important;border-color:#183b52!important;color:#fff!important;}
html body #control #businessViewPicker button:hover:not(.selected){background:#edf5f2!important;border-color:#bbd7cb!important;}
html body #control #businessViewPicker button svg{width:22px;height:22px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;}
html body #control #businessViewPicker button span{font:600 13px/1.3 'DM Sans',Arial,sans-serif!important;letter-spacing:0!important;overflow-wrap:anywhere;}
html body #control main.dashboard .metric-grid{gap:10px!important;margin-bottom:20px!important;}
html body #control main.dashboard .metric{background:#fff!important;border:1px solid #e3e9e6!important;box-shadow:none!important;border-radius:17px!important;}
html body #control main.dashboard .box-card{background:#fff!important;border:1px solid #e3e9e6!important;box-shadow:none!important;margin-bottom:14px;border-radius:19px!important;}
html body #control .box-card h3{overflow-wrap:anywhere;font-family:'DM Sans',Arial,sans-serif!important;}
@media(max-width:650px){
 html body #control main.dashboard{padding:20px 16px 100px!important;}
 html body #control main.dashboard .dashboard-head{align-items:flex-start!important;}
 html body #control main.dashboard .dashboard-head>div{min-width:0;flex:1;}
 html body #control main.dashboard .dashboard-head h1{font-size:27px!important;}
 html body #control main.dashboard .dashboard-head .primary{white-space:normal;max-width:120px;font-size:11px!important;padding:11px!important;}
 html body #control main.dashboard #businessViewPicker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;}
 html body #control #businessViewPicker button{min-height:82px!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;gap:8px!important;padding:10px 5px!important;border-radius:14px!important;}
 html body #control #businessViewPicker button span{font-size:11px!important;}
 html body #control .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}