.salon-panel{--salon-accent:#00a99d;--salon-ink:#171b1b;min-width:0}.salon-panel h2{font-size:clamp(23px,3vw,32px);line-height:1.25;margin:0 0 12px}.salon-panel h3{font-size:20px;line-height:1.35;margin:0}.salon-panel p{line-height:1.6}.salon-panel .btn,.salon-dialog .btn{background:#171b1b;border-color:#171b1b;color:#fff;min-height:46px;transition:transform .18s,background .18s}.salon-panel .btn:hover,.salon-dialog .btn:hover{transform:translateY(-1px);background:#303a39}.salon-panel .btn.secondary,.salon-dialog .btn.secondary{background:#fff;color:#171b1b;border-color:#cedbd7}.salon-panel .btn.secondary:hover,.salon-dialog .btn.secondary:hover{background:#e5f8f4;border-color:#00a99d}.salon-panel .pill{font-size:14px;background:#e4f7f3;color:#176559}.salon-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:22px 0}.salon-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;background:#171b1b;color:white;border-radius:22px;padding:26px}.salon-summary p{margin:6px 0;color:#cadad5}.salon-summary .salon-total{display:flex;align-items:center;gap:12px;max-width:210px}.salon-total strong{font-size:42px;font-weight:750;color:#5cd6c6;line-height:1}.salon-total span{font-size:15px;line-height:1.4}.salon-list{display:grid;gap:14px}.salon-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;background:#fff;border:1px solid #e0e8e4;border-radius:18px}.salon-person p{margin:6px 0 0;color:#64736e}.salon-person .actions{margin:0;justify-content:flex-end}.salon-panel .notice{background:#e9f8f4;margin-top:18px}.salon-panel .feedback{margin:14px 0}.salon-panel details{margin:22px 0}.salon-panel summary{cursor:pointer;font-weight:650;padding:12px 0}.salon-panel .archived{opacity:.72}.salon-invite-link{width:100%;font-size:15px;overflow-wrap:anywhere}.salon-dialog{border:0;border-radius:24px;background:#fff;color:#171b1b;padding:0;width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 100px #102d2840}.salon-dialog::backdrop{background:#182c2860;backdrop-filter:blur(5px)}.salon-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:#171b1b;color:white}.salon-dialog h2{font-size:24px;line-height:1.25;margin:0}.salon-dialog .salon-close{border:0;border-radius:50%;width:40px;height:40px;flex:none;background:#e1f7f0;color:#12352e;font-size:25px;line-height:1;cursor:pointer}.salon-dialog form,.salon-dialog .salon-result{padding:24px}.salon-dialog label{display:block;font-size:16px;line-height:1.5;margin-bottom:18px}.salon-dialog input:not([type=checkbox]),.salon-dialog select{display:block;width:100%;min-height:46px;margin-top:6px;padding:10px 12px;border:1px solid #cadbd5;border-radius:12px;background:#f7faf8;color:#172822;font:inherit;box-sizing:border-box}.salon-dialog label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px}.salon-dialog input[type=checkbox]{width:20px;height:20px;margin-top:3px;accent-color:#00a99d;flex:none}.salon-dialog .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.salon-dialog .feedback{font-size:16px;line-height:1.5;overflow-wrap:anywhere;margin:12px 0}.salon-dialog .feedback.error{color:#a42745}.salon-dialog :focus-visible{outline:3px solid #56cabc;outline-offset:3px}.salon-dialog small{display:block;font-size:15px;line-height:1.5;color:#64736e;margin-top:8px}.salon-members-title{margin-top:30px!important}.salon-panel .salon-invitations{padding:0;list-style:none}.salon-invitations li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #e0e8e4}.salon-panel [hidden]{display:none!important}
@media(max-width:640px){.salon-summary{grid-template-columns:1fr;padding:22px}.salon-summary .salon-total{max-width:none}.salon-person{grid-template-columns:1fr;padding:18px}.salon-person .actions{justify-content:flex-start}.salon-person .actions .btn{flex:initial;min-width:0}.salon-dialog header{padding:18px}.salon-dialog form,.salon-dialog .salon-result{padding:20px}.salon-top .actions{margin-top:0}.salon-panel .pill{font-size:14px}}
@media(prefers-reduced-motion:reduce){.salon-panel .btn,.salon-dialog .btn{transition:none}.salon-panel .btn:hover,.salon-dialog .btn:hover{transform:none}}

body[data-account-section="salons"] #accountTitle span{color:#00a99d}body[data-account-section="salons"] #billingBanner{display:none!important}.salon-panel .btn:not(.secondary),.salon-dialog .btn:not(.secondary){background:#171c1b;color:#fff}.salon-panel .btn:not(.secondary):hover,.salon-dialog .btn:not(.secondary):hover{background:#008b81}