.salon-views{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}.salon-panel .salon-views .btn{border:1px solid #171c1b!important;background:#fff!important;color:#171c1b!important;min-height:44px}.salon-panel .salon-views .btn.active{background:#171c1b!important;color:white!important}.salon-panel [hidden]{display:none!important}.salon-workspace{min-width:0}.salon-workspace label{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:600}.salon-workspace input,.salon-workspace select{font:inherit;font-size:16px;color:#172321;background:white;border:1px solid #c8dbd8;border-radius:12px;padding:12px;min-height:46px;max-width:100%;min-width:0;width:100%;box-sizing:border-box}.salon-calendar-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;margin:0 0 24px}.salon-date-picker{display:flex;gap:8px;align-items:end;min-width:0}.salon-date-picker label{flex:1;min-width:0}.salon-date-picker .btn{min-width:42px;padding:12px!important;flex-shrink:0}.salon-zone{font-size:15px!important;color:#58716c;margin-top:6px!important}.salon-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.salon-service-card{padding:22px;border:1px solid #d6e4e1;background:#fff;border-radius:20px}.salon-service-card h3{margin:16px 0 14px!important;line-height:1.35}.salon-service-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.salon-service-price strong{font-size:26px;white-space:nowrap;color:#14766d}.salon-service-price span{white-space:nowrap}.salon-service-card p{font-size:15px;line-height:1.5;margin:16px 0!important}.salon-service-card.archived{background:#f2f4f3}.salon-calendar-empty{padding:26px;border-radius:18px;background:#f1f8f6;line-height:1.6}.salon-calendar-empty strong{font-size:20px}.salon-calendar-empty p{font-size:16px;margin:8px 0 0!important}.salon-agenda{display:grid;gap:10px;margin:20px 0 30px}.salon-visit{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:16px;background:white;border:1px solid #d3e8e3;border-left:5px solid #00af9e;padding:18px;border-radius:16px;min-width:0}.salon-visit.is-block{border-left-color:#626c69;background:#f2f4f3}.salon-visit strong{font-size:17px;line-height:1.4;overflow-wrap:anywhere}.salon-visit p{font-size:15px;line-height:1.5;margin:6px 0 0!important}.salon-visit-time{font-size:18px;font-weight:700;white-space:nowrap}.salon-visit-time span{display:block;font-size:15px;font-weight:400;color:#61716e;margin-top:5px}.salon-booking-controls{border-top:1px solid #d6e4e1;padding-top:22px}.salon-booking-controls>label{max-width:560px}.salon-booking-controls>p{font-size:16px;line-height:1.6}.salon-slots{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.salon-panel .salon-slots .btn{background:#e4f8f2!important;color:#12685f!important;border-color:#b8e2d7!important;min-height:44px;white-space:nowrap}.salon-panel .salon-slots .btn:hover{background:#a9eadc!important}.salon-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.salon-form-pair label{min-width:0}.salon-assignees{margin:0;padding:16px;border:1px solid #d6e4e1;border-radius:14px}.salon-assignees label{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;margin:8px 0!important}.salon-week-fields{display:grid;gap:12px}.salon-dialog .salon-week-fields label{display:grid;grid-template-columns:135px 1fr;align-items:center;gap:8px}.salon-record-summary{padding:18px;border-radius:16px;background:#e8f7f3;display:grid;gap:8px;line-height:1.5}.salon-record-summary strong{font-size:21px}.salon-load-status{font-size:15px;line-height:1.5}.salon-dialog input,.salon-dialog select{min-width:0;max-width:100%;box-sizing:border-box}.salon-workspace .btn{transition:background .15s,transform .15s}.salon-workspace .btn:hover{transform:translateY(-1px)}
@media(max-width:600px){.salon-calendar-toolbar{grid-template-columns:1fr;gap:14px}.salon-views{gap:6px}.salon-panel .salon-views .btn{padding:10px 12px!important;font-size:15px!important;flex:1}.salon-visit{grid-template-columns:55px 1fr;gap:12px;padding:14px}.salon-visit>.btn{grid-column:2;justify-self:start}.salon-dialog .salon-week-fields label{grid-template-columns:1fr;gap:6px}.salon-form-pair{grid-template-columns:1fr}.salon-workspace .salon-top{align-items:flex-start;gap:12px}.salon-workspace .salon-top .actions{flex-wrap:wrap}.salon-service-card{padding:18px}.salon-calendar-empty{padding:20px}.salon-dialog fieldset{min-width:0}.salon-workspace select{width:100%}}
@media(prefers-reduced-motion:reduce){.salon-workspace .btn{transition:none;transform:none!important}}


.salon-panel .salon-views .btn{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}.salon-money{white-space:nowrap}@media(max-width:600px){.salon-panel .salon-views .btn{flex:0 0 auto!important;padding:10px 12px!important}}