.summary-action{display:flex;align-items:center;gap:9px}.dropdown-chevron{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:var(--gold)!important;font-size:17px!important;transition:transform .2s}.availability-weekly[open] .dropdown-chevron{transform:rotate(180deg)}
.payment-barber-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bars .bar-row{grid-template-columns:minmax(150px,200px) minmax(120px,1fr) 48px}.bars .bar-row b{line-height:1.2;overflow-wrap:normal}.ring{border:0!important;background:conic-gradient(var(--green) var(--show-rate,100%),#3c443c 0);position:relative}.ring:before{content:'';position:absolute;inset:8px;background:var(--panel);border-radius:50%}.ring>*{position:relative;z-index:1}.client-status{display:inline-flex;margin-left:7px;padding:3px 7px;border:1px solid #725d2b;border-radius:99px;color:var(--gold2);font:600 9px DM Sans,sans-serif;font-style:normal;text-transform:uppercase;vertical-align:middle}.client-status.large{margin:5px 0 0}.autosave-state{display:block;color:var(--muted);margin-top:5px}.client-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.client-edit-grid label{color:var(--muted);font-size:11px}.client-edit-grid input,.client-edit-grid select{display:block;width:100%;margin-top:5px}.client-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.status-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.status-action{border:1px solid var(--line);background:#181a17;color:var(--muted);padding:9px 6px;border-radius:6px;font-weight:700;font-size:10px;cursor:pointer}.status-action:hover,.status-action.active{border-color:var(--gold);background:#d9b33718;color:var(--gold2)}.campaign-recipient-builder{margin:16px 0;padding:14px;background:#181a17;border:1px solid var(--line);border-radius:8px}.campaign-client-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:240px;overflow:auto;margin-top:12px}.campaign-client-choice{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:6px;color:var(--cream);cursor:pointer}.campaign-client-choice input{width:auto;accent-color:var(--gold)}.campaign-client-choice b,.campaign-client-choice small{display:block}.campaign-client-choice small{color:var(--muted);font-size:9px}.campaign-step-label{margin:8px 0}.campaign-step-label h2{font:600 17px Oswald;text-transform:uppercase;margin:3px 0 10px}.topbar{justify-content:flex-start!important;margin-bottom:12px!important;min-height:58px}.topbar-title{min-width:0}.topbar-title h1{margin-top:3px}.topbar .mobile-menu+.topbar-title{margin-left:8px}
.status-pill.noshow,.appointment.noshow{color:var(--red);border-color:var(--red)}
.delivery-alert{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border:1px solid var(--red);border-radius:8px;background:#df817612;color:var(--cream)}.delivery-alert b{color:var(--red)}.delivery-alert span{color:var(--muted);font-size:12px}
@media(max-width:760px){.app.menu-open:before{content:'';position:fixed;inset:0;z-index:19;background:#000a}.sidebar{z-index:21!important;background:#252821!important;border-right-color:var(--gold)!important;box-shadow:18px 0 45px #000d}.payment-barber-grid,.team-grid,.client-edit-grid,.campaign-client-picker{grid-template-columns:1fr!important}.status-actions{grid-template-columns:1fr 1fr}.bars .bar-row{grid-template-columns:minmax(110px,150px) minmax(80px,1fr) 36px}.client-metrics{grid-template-columns:1fr 1fr}.delivery-alert{align-items:flex-start;flex-direction:column;gap:3px}.button,.small-button,.status-action{white-space:nowrap}.spotlight{grid-template-columns:auto minmax(0,1fr);gap:10px}.spotlight>a{grid-column:2;justify-self:start}.spotlight small,.spotlight b{overflow-wrap:anywhere}}

/* Guard against Chrome retaining its narrow-refresh media layout after the
   actual desktop viewport has returned. This class is only set at >=900px. */
html.crm-force-desktop .app{display:grid!important;grid-template-columns:232px minmax(0,1fr)!important}
html.crm-force-desktop .sidebar{position:sticky!important;top:0!important;width:auto!important;height:100vh!important;transform:none!important;padding:25px 16px!important}
html.crm-force-desktop .mobile-menu{display:none!important}
html.crm-force-desktop main{padding:26px 32px 50px!important}
html.crm-force-desktop .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.crm-force-desktop .bottom-grid{grid-template-columns:1fr 1fr!important}
html.crm-force-desktop .barber-calendar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html.crm-force-desktop .client-layout{grid-template-columns:330px minmax(0,1fr)!important}
html.crm-force-desktop .campaign-grid,html.crm-force-desktop .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html.crm-force-desktop .profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}