/* Turkistan Grooming Atelier — дизайн/turkistan_grooming_atelier/DESIGN.md */
:root{--bg:#faf9f8;--panel:#fff;--panel2:#f4f3f2;--lime:#087f5b;--text:#1a1c1c;--muted:#6e7772;--border:#e9e8e7;--red:#ba1a1a;color-scheme:light;font-family:"Plus Jakarta Sans","Segoe UI",Arial,sans-serif}
.app-shell .header{border-bottom:1px solid var(--border);background:var(--bg)}
.brand{font-size:27px!important;font-weight:750;letter-spacing:-1px;gap:10px}.brand .brand-domain{color:var(--lime)}.brand-small{display:none}
.admin-link{color:var(--muted)!important}.admin-link:hover{color:var(--lime)!important}
.city-label{background:#f0f1ee;border-radius:999px;padding:9px 14px;color:#3e4943;font-weight:600}.status-dot{background:var(--lime)}
.eyebrow{color:var(--lime);letter-spacing:1.2px}.screen-heading h2{font-size:28px;font-weight:700;letter-spacing:-.8px}.screen-heading h2 span{color:var(--text)}
.back-button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:12px}
.button{border-radius:12px;min-height:48px;justify-content:center;font-weight:650}.primary{background:var(--lime);color:white;box-shadow:0 3px 7px #087f5b12}.primary:hover:not(:disabled){background:#066649}.subtle{background:var(--panel2);border-color:var(--border);color:var(--text)}
.view-switch{display:flex;background:#f0f0ee;padding:5px;gap:4px;border-radius:12px}.view-switch button{background:transparent;color:var(--muted);border-radius:9px;min-height:38px;padding:10px 20px;font-weight:600}.view-switch button.active{background:white;color:var(--lime);box-shadow:0 2px 8px #17171706}
.catalog-heading .eyebrow,.catalog-heading .back-button{display:none}.catalog-heading h2{margin:0}.catalog-heading{justify-content:space-between}
.catalog-tools{display:flex;align-items:center;gap:16px}.search-field{flex:1;margin:0;position:relative}.search-field:before{content:'⌕';position:absolute;left:16px;top:8px;font-size:28px;color:#87918a}.search-field input{padding-left:46px;background:#fff;border-color:#e2e5e1;border-radius:12px;margin:0;min-height:48px}
.catalog-tools #results-count{background:#d9f8e9;color:#006446;padding:5px 11px;border-radius:999px;white-space:nowrap;font-size:12px}
.catalog-grid{gap:18px;align-content:start;grid-auto-rows:145px}
.barber-card{background:white;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 20px -2px #17171706;padding:18px;gap:16px;text-align:left;position:relative;align-items:center;min-height:145px;transition:border-color .15s,box-shadow .15s}
.barber-card:hover{border-color:#8dc4af;background:white;box-shadow:0 12px 32px -4px #17171710}.barber-avatar{width:76px;height:90px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,#e6f4ea,#d1e7dc);color:#006446;border-radius:14px;font-size:25px;font-weight:700;letter-spacing:-1px}
.barber-card-copy{display:flex;gap:7px;min-width:0;flex:1}.barber-card-copy strong{font-size:17px;line-height:1.3;color:var(--text)}.barber-card-copy>span{color:var(--muted);font-size:12px;line-height:1.5}.barber-card-copy small{color:var(--lime);font-size:11px}.card-arrow{background:var(--lime);color:#fff;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:700;margin:7px 0 0;align-self:flex-start}.barber-card-copy .card-arrow{color:white}
.profile-art{border-color:var(--border);border-radius:20px;background:linear-gradient(135deg,#e6f4ea,#f4f3f2)}.profile-art>span{color:#006446;letter-spacing:-6px}.profile-details h3{font-weight:700}.profile-details .badge{border-radius:999px;padding:8px 12px}
.booking-panel,.booking-summary,.table-panel,.settings-panel{background:white;border:1px solid var(--border);border-radius:18px;box-shadow:0 4px 20px -2px #17171704}
.day-tab{border-radius:12px;background:#f4f3f2;border:1px solid transparent;color:var(--muted)}.day-tab.selected{background:#e6f4ea;border-color:#9acdb6;color:#006446}.day-tab:hover{border-color:var(--lime)}
.slot{border-radius:10px;background:#fff;border-color:#e1e6e2;color:#3e4943}.slot:hover:not(:disabled){background:#e6f4ea;border-color:var(--lime)}.slot.selected{background:var(--lime);border-color:var(--lime);color:#fff;box-shadow:0 3px 10px #087f5b18}.slot:disabled{background:#f4f3f2;border-color:#eeeeed;color:#8a938e;opacity:.65}.legend .legend-busy{background:#c7ceca}
.app-shell .slots{flex:0;grid-auto-rows:44px;align-content:start}.app-shell .slot{min-height:40px}.app-shell .slot-pagination{margin-top:auto;padding-top:12px}
.summary-top{color:var(--muted)}.price-row{border-color:var(--border)}.price-row strong{color:var(--lime);font-variant-numeric:tabular-nums}.payment-hint,.break-note b{color:var(--muted)}
label{color:#3e4943;font-weight:600}input,select{background:#f4f3f2;border:1px solid transparent;border-radius:12px;color:var(--text)}input::placeholder{color:#919994}input:focus,select:focus{border-color:var(--lime);outline:2px solid #087f5b22;outline-offset:1px}
.app-shell .login-panel{max-width:440px}.login-panel>.eyebrow{justify-content:center}.app-shell .login-panel h1{font-family:Georgia,"Times New Roman",serif;font-size:32px;letter-spacing:-.6px;text-align:center;margin:20px 0 10px}.login-panel>p.muted{text-align:center}.login-panel form{background:#fff;padding:28px;border:1px solid #f0efed;border-radius:20px;box-shadow:0 4px 20px -2px #17171704}.login-panel form input{min-height:52px}.register-line{background:#f4f3f2;border-radius:18px;padding:18px;line-height:1.7}.register-line a{display:block;background:#fff;border-radius:12px;padding:12px;margin-top:10px;color:#006446}
.admin-title{font-weight:700;letter-spacing:-1px}.stats article{background:#fff;border-color:var(--border);border-radius:16px}.stats strong{color:var(--lime)}.badge{background:#e0f6eb;color:#006446;border-radius:999px;padding:6px 10px}.badge.pending{background:#fff3cd;color:#775a00}.badge.cancelled,.badge.expired{background:#ffeded;color:#a64035}.cancel-button{color:var(--red)}
.notice{background:#fff7df;border-color:#f2e6bb;color:#775a00;border-radius:12px}.refund-note{color:#006446}.dialog-recap{background:#f4f3f2;border-color:var(--border);border-radius:14px}.success-mark{background:#d9f8e9;color:var(--lime)}
.app-shell dialog{background:#fff;border:0;border-radius:24px;box-shadow:0 24px 48px -12px #087f5b20}dialog::backdrop{background:#17171759;backdrop-filter:blur(5px)}.dialog-close{background:#f0f0ee;color:#3e4943;border-radius:50%;top:15px}.dialog-title{padding-right:28px}.toast{border-color:#badcca;background:#e6f4ea;color:#005139;border-radius:12px;box-shadow:0 8px 30px #17171715}
.landing-screen h1{font-size:clamp(52px,7vw,96px);font-weight:700}.outlined{-webkit-text-stroke:0;color:var(--lime)}.title-dot{display:none}.hero-image{border-radius:24px;background:#e6f4ea}.hero-image>img{filter:none}.image-top,.image-caption{color:#fff}.round-stamp{border-color:#fff;color:#fff}.app-footer{letter-spacing:.3px}
@media(max-width:1000px){.barber-card{gap:12px;padding:16px}.barber-avatar{width:65px;height:80px}.barber-card-copy strong{font-size:16px}}
@media(max-width:760px){
 .app-shell .header{height:76px;min-height:76px;flex-wrap:wrap;align-content:center;gap:3px 10px}.app-shell .header .brand{font-size:24px!important}.app-shell .header .brand img{width:34px;height:34px}.city-label{padding:7px 10px;font-size:11px;margin-left:auto}.app-shell .header .admin-link{font-size:10px}.app-shell .header:has(.city-label) .admin-link{flex-basis:100%;justify-content:flex-end;font-size:9px}
 .catalog-heading{flex-wrap:wrap;gap:15px}.catalog-heading h2{font-size:21px}.catalog-heading .view-switch{width:100%;margin:0!important;order:2}.catalog-heading .view-switch button{flex:1;font-size:12px;min-height:38px}.catalog-tools{gap:10px}.catalog-tools input{font-size:13px}.catalog-grid{gap:14px;grid-auto-rows:145px}.barber-card{padding:15px;min-height:145px;border-radius:18px}.barber-avatar{height:96px;width:82px;font-size:26px}.barber-card-copy{gap:6px}.barber-card-copy strong{font-size:16px;white-space:normal}.barber-card-copy>span{font-size:11px}.barber-card-copy small{font-size:10px}.card-arrow{font-size:12px;padding:9px 15px}.app-footer{font-size:8px}
 .app-shell .login-panel form{padding:22px;margin-top:16px}.app-shell .login-panel h1{font-size:28px}.app-shell .register-line{font-size:12px;padding:15px;margin-top:16px}.profile-art{border-radius:18px}.app-shell .booking-summary{border-radius:16px;box-shadow:0 -4px 24px #17171706}
 .app-shell dialog{margin:auto 0 0;width:100%;max-height:90dvh;border-radius:26px 26px 0 0;padding:34px 22px 24px}.app-shell dialog:before{content:'';position:absolute;width:48px;height:5px;border-radius:999px;background:#dedfdd;top:12px;left:calc(50% - 24px)}.app-shell .dialog-close{top:22px;right:18px}
}
@media(max-height:690px){.app-shell[data-page="admin"] .header{height:62px;min-height:62px}.app-shell #dashboard .stats{display:none}.app-shell .login-panel form{padding:16px}.app-shell .login-panel h1{font-size:25px;margin:10px 0}.app-shell .register-line{padding:10px;margin-top:8px}.register-line a{padding:8px;margin-top:4px}.catalog-heading{gap:10px}.catalog-grid{grid-auto-rows:145px}}