@charset "UTF-8";

.wl-shell{max-width:1180px;margin:0 auto;padding:30px 24px 60px;color:var(--ink,#30372e)}
.wl-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}
.wl-kicker{margin:0 0 9px;color:#7e8772;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.wl-title{margin:0;font-size:32px;font-weight:500;letter-spacing:-1px;line-height:1.2}
.wl-description{margin:11px 0 0;max-width:540px;color:#747e69;font-size:13px;line-height:1.7}
.wl-primary,.wl-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:11px 17px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:12px;font-weight:500;line-height:1.5;text-align:center;cursor:pointer}
.wl-primary{background:#626f57;color:#fff}
.wl-primary:hover{background:#4f5c45}
.wl-secondary{background:#fff;color:#4e5a44;border-color:#dce1d3}
.wl-secondary:hover{background:#f1f4eb}
.wl-primary:disabled,.wl-slot:disabled{cursor:default;opacity:.45}
.wl-primary-small,.wl-secondary-small{min-height:36px;padding:8px 11px;font-size:11px;border-radius:9px}
.wl-primary:focus-visible,.wl-secondary:focus-visible,.wl-input:focus-visible,.wl-check:focus-visible,.wl-close:focus-visible,.wl-slot:focus-visible,.wl-text-button:focus-visible,.wl-phone:focus-visible,.wl-history-summary:focus-visible{outline:3px solid #a8b48e;outline-offset:3px}
.wl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.wl-filter{display:flex;align-items:center;gap:12px;color:#717b65;font-size:12px}
.wl-input{box-sizing:border-box;display:block;width:100%;min-height:43px;padding:10px 12px;border:1px solid #dce2d3;border-radius:10px;background:#fafbf7;color:#38422f;font:inherit;font-size:13px;line-height:1.5}
.wl-filter .wl-input{width:auto;min-width:190px;background:#fff}
.wl-counts{display:flex;gap:22px;flex-wrap:wrap;color:#7c8472;font-size:12px}
.wl-counts strong{margin-right:4px;color:#435238;font-size:18px;font-weight:500}
.wl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wl-card{min-width:0;padding:21px;border:1px solid #e0e5d6;border-radius:17px;background:#fff}
.wl-card-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.wl-client-name{margin:0 0 7px;font-size:16px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.wl-phone{color:#758068;font-size:12px;line-height:1.5;text-decoration:none;white-space:nowrap}
.wl-phone:hover{text-decoration:underline;text-underline-offset:3px}
.wl-status{display:block;flex-shrink:0;padding:5px 8px;border-radius:7px;background:#eef2e7;color:#687857;font-size:9px;line-height:1.6}
.wl-status-cancelled{background:#f4eee8;color:#927b68}
.wl-specialist{margin:18px 0 8px;color:#586b49;font-size:12px;font-weight:500}
.wl-card-services{margin:0;color:#737d68;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.wl-date-range{margin:13px 0 0;color:#6d7761;font-size:11px;line-height:1.8}
.wl-expired{display:block;color:#a17c61;font-size:10px}
.wl-entry-note{margin:13px 0 0;padding:10px 12px;border-radius:9px;background:#f5f6f0;color:#7b826f;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.wl-card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:19px;padding-top:15px;border-top:1px solid #edf0e6}
.wl-text-button{padding:3px 0;border:0;border-radius:3px;background:none;color:#8a8d7f;font:inherit;font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wl-panel{margin:0 0 25px;padding:25px;border:1px solid #d6dfca;border-radius:18px;background:#fff}
.wl-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.wl-panel-title{margin:0;font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.3px;overflow-wrap:anywhere}
.wl-panel-description{margin:7px 0 0;color:#7b846e;font-size:12px}
.wl-close{flex-shrink:0;display:grid;place-items:center;width:29px;height:29px;padding:0;border:0;border-radius:50%;background:#eff2e9;color:#7c886c;font:inherit;font-size:20px;line-height:1;cursor:pointer}
.wl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.wl-full{grid-column:1/-1}
.wl-field{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;color:#707c64;font-size:11px;line-height:1.5}
.wl-optional{display:inline;color:#a2a997;font-size:10px;margin-top:-6px}
.wl-textarea{resize:vertical;min-height:84px}
.wl-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0;min-width:0}
.wl-legend{margin:0 0 10px;padding:0;color:#707c64;font-size:11px;line-height:1.6}
.wl-service-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e2e7da;border-radius:10px;cursor:pointer}
.wl-service-option:has(.wl-check:checked){background:#f0f5e8;border-color:#bac9ab}
.wl-service-disabled{opacity:.5;cursor:default}
.wl-check{flex-shrink:0;width:16px;height:16px;margin:2px 0 0;accent-color:#718261}
.wl-service-copy{min-width:0}
.wl-service-title{display:block;color:#536446;font-size:12px;line-height:1.5}
.wl-service-meta{display:block;margin-top:4px;color:#919a84;font-size:10px;line-height:1.5}
.wl-hint{margin:0;color:#7c8670;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.wl-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;flex-wrap:wrap}
.wl-booking-panel{border-color:#b9c8a8;background:#fcfdf9}
.wl-booking-services{margin:0 0 10px;color:#5c6d4e;font-size:13px;line-height:1.8}
.wl-date-field{max-width:250px;margin-top:20px}
.wl-schedule-note{margin:10px 0 0;color:#8b947f;font-size:10px;line-height:1.8}
.wl-slot-fieldset{min-width:0;margin:21px 0 0;padding:0;border:0}
.wl-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:8px;max-width:680px}
.wl-slot{min-height:39px;padding:8px;border:1px solid #dce3d2;border-radius:10px;background:#fff;color:#61734f;font:inherit;font-size:12px;cursor:pointer}
.wl-slot-active{background:#626f57;border-color:#626f57;color:#fff}
.wl-booking-total{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;margin-top:22px;padding-top:17px;border-top:1px solid #e2e8d8;color:#7b856e;font-size:11px}
.wl-booking-total strong{color:#4e613e;font-size:20px;font-weight:500}
.wl-discount{color:#728b5f;font-size:10px}
.wl-confirm-note{margin:18px 0;padding:12px 15px;border-radius:10px;background:#f0f2e8;color:#6f7b5e;font-size:11px;line-height:1.8}
.wl-no-slots{margin:18px 0 0;padding:15px;border:1px dashed #d8ddcf;border-radius:11px;color:#8c7b65;font-size:12px;line-height:1.7}
.wl-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:13px 16px;border:1px solid #d6e2c9;border-radius:12px;background:#edf3e4;color:#5d734b;font-size:12px;line-height:1.7}
.wl-error{margin:0 0 20px;padding:13px 16px;border:1px solid #ebd8ca;border-radius:12px;background:#f8eee7;color:#936f54;font-size:12px;line-height:1.7}
.wl-cancel-confirm{margin-top:14px;padding-top:12px;border-top:1px solid #eee5db}
.wl-cancel-question{margin:0 0 10px;color:#96795f;font-size:11px;line-height:1.7}
.wl-cancel-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.wl-empty{padding:44px 20px;text-align:center;border:1px dashed #d6deca;border-radius:17px;background:#f5f7f0}
.wl-empty-mark{display:block;margin-bottom:15px;color:#9ba88c;font-size:37px;line-height:1}
.wl-empty-title{margin:0 0 12px;font-size:20px;font-weight:400;color:#60744e}
.wl-empty-description{max-width:430px;margin:0 auto 23px;color:#89947b;font-size:12px;line-height:1.8}
.wl-history{margin-top:27px;padding-top:20px;border-top:1px solid #dce2d3}
.wl-history-summary{padding:3px 0;color:#849173;font-size:12px;cursor:pointer}
.wl-history-list{margin-top:18px}
.wl-card-archived{background:#f8faf3;border-color:#e2e7d9}
.wl-footnote{margin:23px 0 0;color:#919b85;font-size:11px;line-height:1.8}

@media(max-width:850px){
  .wl-shell{padding:24px 16px 45px}
  .wl-heading{gap:16px}
  .wl-title{font-size:27px}
  .wl-description{font-size:12px}
  .wl-heading .wl-primary{padding:10px 12px;flex-shrink:0;font-size:11px}
  .wl-list{grid-template-columns:1fr}
  .wl-panel{padding:20px 16px}
}
@media(max-width:540px){
  .wl-heading{flex-direction:column}
  .wl-toolbar{align-items:stretch;gap:17px}
  .wl-filter{width:100%}
  .wl-filter .wl-input{flex:1;min-width:0}
  .wl-counts{gap:18px;font-size:11px}
  .wl-counts strong{font-size:17px}
  .wl-card{padding:18px 16px}
  .wl-card-heading{gap:10px}
  .wl-status{font-size:8px}
  .wl-form,.wl-services{grid-template-columns:1fr}
  .wl-form-actions{flex-direction:column-reverse}
  .wl-form-actions .wl-primary,.wl-form-actions .wl-secondary{width:100%}
  .wl-panel-title{font-size:18px}
  .wl-date-field{max-width:none}
}