.business-panel{background:linear-gradient(140deg,#15272b,#111d23);border:1px solid #304448;border-radius:22px;min-width:0;margin:24px 0;padding:clamp(18px,3vw,28px);animation:.3s ease-out business-enter}.business-panel h2{margin:0 0 8px;font-size:22px;font-weight:750}.business-panel h3{margin:18px 0 12px;font-size:17px;font-weight:700}.business-panel p{margin:8px 0 16px;line-height:1.7}.business-title{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.business-title>svg{color:#7ae5c6;flex-shrink:0;margin-top:5px}.business-title p,.muted{color:#a9bcc1}.business-panel form{gap:16px;display:grid}.business-panel label{gap:8px;font-size:15px;display:grid}.business-panel input,.business-panel select{color:#f3f8fa;background:#0d1a20;border:1px solid #3b555b;border-radius:10px;width:100%;max-width:100%;min-height:44px;padding:10px}.business-panel input[type=color]{height:48px;padding:4px}.business-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.check-line{align-items:center;gap:10px;display:flex!important}.check-line input{height:20px;min-height:20px;width:20px!important}.palette-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.palette-options button{background:#0d1a20;border:1px solid #35494e;border-radius:12px;align-items:center;gap:9px;min-height:50px;padding:12px;font-size:14px;display:flex}.palette-options button.selected{border-color:#b0ddd1}.palette-options i{border-radius:50%;flex-shrink:0;width:20px;height:20px}.brand-sample{background:#091318;border-radius:16px;flex-wrap:wrap;align-items:center;gap:18px;padding:26px;display:flex}.brand-sample>span{font-size:24px;font-weight:750}.brand-sample button{background:var(--salon-accent);color:var(--salon-ink);border-radius:var(--salon-radius);padding:12px 22px;font-weight:700}.brand-sample small{color:#afc4c9;width:100%;font-size:14px}.connection-note,.preview-notice{color:#c2d3e5;background:#17232f;border:1px solid #4f5964;border-radius:12px;padding:14px;font-size:14px;line-height:1.7}.preview-notice{gap:12px;margin:0 0 22px;display:flex}.preview-notice svg{flex-shrink:0;margin-top:4px}.business-toolbar,.business-row{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.business-row{background:#0e1c22;border-radius:12px;padding:14px}.business-row>span:first-child,.business-row>div:first-child{flex:1}.business-toolbar select{width:auto}.business-stack,.business-list{gap:8px;display:grid}button.stat,button.business-row.overview-clickable{text-align:inherit;border:0;width:100%}button.stat:hover,button.stat:focus-visible,.overview-clickable:hover,.overview-clickable:focus-visible{background:#1a333a}.week-grid{grid-template-columns:repeat(7,minmax(140px,1fr));gap:9px;max-width:100%;padding:10px 0;display:grid;overflow-x:auto}.week-day{background:#0c191f;border-radius:12px;min-height:140px;padding:10px}.week-day h3{border-bottom:1px solid #2b3d45;padding-bottom:12px;font-size:15px}.week-appointment{text-align:right;background:#203e3a;border-inline-start:1px solid #74e3b8;border-radius:8px;gap:6px;width:100%;margin-bottom:9px;padding:12px;display:grid;box-shadow:inset -3px 0 #74e3b82e}.week-appointment b,.week-appointment span,.week-appointment small{overflow-wrap:anywhere;font-size:14px}.status-cancelled,.status-no_show{background:#35232b;border-color:#ee8f9b}.status-completed{background:#25303d;border-color:#9dbbe3}.insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.insight-grid>div{background:#0c1920;border:1px solid #2b4249;border-radius:16px;gap:12px;padding:18px;display:grid}.insight-grid span{color:#adc3c8;font-size:14px}.insight-grid strong{font-size:28px}.trend-bars{background:#0c1920;border:1px solid #2b4249;border-radius:16px;align-items:flex-end;gap:4px;height:90px;margin:14px 0 22px;padding:12px;display:flex}.trend-bar{flex:1;align-items:flex-end;min-width:5px;height:100%;display:flex}.trend-bar i{background:linear-gradient(#80f8c9,#2ab786);border-radius:4px 4px 0 0;width:100%;min-height:3px}.trend-up{color:#7cf1c8}.trend-down{color:#ff9d9d}.google-reviews{text-align:center}.google-reviews>svg{color:#edc474;margin:0 auto 12px}.business-panel hr{border:0;border-top:1px solid #31424b;margin:24px 0}.business-panel :focus-visible{outline-offset:4px;outline:2px solid #9ae9d5}.book-page.branded .book-submit{background:var(--salon-accent);color:var(--salon-ink);border-radius:var(--salon-radius)}.book-page.branded .chosen{border-color:var(--salon-accent)!important;box-shadow:0 0 0 1px var(--salon-accent)!important;background:color-mix(in srgb,var(--salon-accent) 18%,#142328)!important}.book-page.branded .book-kicker,.book-page.branded h2>span,.book-page.branded .service-options b{color:var(--salon-accent)}.member-options{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.member-options button{border-radius:var(--salon-radius,12px);color:#eaf4f5;background:#162b31;border:1px solid #3b565c;padding:12px 18px}.business-panel meter{accent-color:#70e9bc;max-width:45%}.salon-video{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%}@keyframes business-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=700px){.business-grid{grid-template-columns:1fr}.palette-options,.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-grid{grid-template-columns:repeat(7,180px)}.business-toolbar .link-button{font-size:14px}.business-title h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.business-panel{animation:none}*{scroll-behavior:auto!important}}.google-calendar-panel .connection-note{align-items:flex-start;gap:10px;display:flex}.google-calendar-panel .connection-note svg{flex:none;margin-top:3px}.calendar-sync-summary{border-block:1px solid var(--tb-line);color:var(--tb-subtle);justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:16px 0;display:flex}.calendar-sync-summary b{color:var(--tb-text);font-variant-numeric:tabular-nums;margin-inline-end:5px;font-size:24px}.google-calendar-panel .business-toolbar button{align-items:center;gap:8px;display:flex}@media (width<=700px){.calendar-sync-summary{flex-direction:column;align-items:flex-start}.google-calendar-panel .business-toolbar>*{justify-content:center;width:100%}}
