/* Peluquería hereda el shell, la tipografía y la paleta del ERP Comercial. */
html[data-znav-section^="salon-"] .responsive-workspace > :not(#zelink-salon-root){display:none!important}
#zelink-salon-root{color:#0f172a;font-family:inherit;max-width:1600px;margin:0 auto;padding:8px 0 24px;font-size:14px}
#zelink-salon-root *{box-sizing:border-box}
#zelink-salon-root h2{font-size:24px;font-weight:750;margin:0 0 6px;letter-spacing:-.5px}
#zelink-salon-root h3{font-size:16px;font-weight:700;margin:0 0 12px}
#zelink-salon-root p{color:#64748b;margin:0 0 12px;line-height:1.55}
#zelink-salon-root button{font:inherit;cursor:pointer;border:1px solid #cbd5e1;border-radius:10px;padding:9px 13px;background:white;color:#334155;font-weight:600}
#zelink-salon-root button:disabled{opacity:.45;cursor:default}
#zelink-salon-root .zs-primary{background:#2563eb;color:white;border-color:#2563eb}
#zelink-salon-root .zs-danger{color:#b91c1c;border-color:#fecaca}
#zelink-salon-root .zs-head,#zelink-salon-root .zs-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
#zelink-salon-root .zs-tools{justify-content:flex-start;margin:14px 0}
#zelink-salon-root .zs-card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 2px 4px #0f172a04}
#zelink-salon-root .zs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
#zelink-salon-root .zs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}
#zelink-salon-root .zs-stats strong{font-size:25px;display:block;margin-top:6px}
#zelink-salon-root label{display:block;color:#475569;font-size:12px;font-weight:650}
#zelink-salon-root input:not([type=checkbox]),#zelink-salon-root select,#zelink-salon-root textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:white;color:#0f172a;font:inherit}
#zelink-salon-root input[type=checkbox]{accent-color:#2563eb}
#zelink-salon-root .zs-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#zelink-salon-root .zs-wide{grid-column:1/-1}
#zelink-salon-root .zs-check{display:flex;align-items:center;gap:8px;margin:6px 0}
#zelink-salon-root .zs-muted{color:#64748b;font-size:12px}
#zelink-salon-root .zs-chip{display:inline-block;border-radius:7px;background:#eff6ff;color:#1d4ed8;padding:4px 7px;font-size:11px;font-weight:700}
#zelink-salon-root .zs-notice{padding:12px 15px;margin:12px 0;border-radius:10px;background:#eff6ff;color:#1e40af}
#zelink-salon-root .zs-notice:empty{display:none}
#zelink-salon-root .zs-notice.error{background:#fef2f2;color:#b91c1c}
#zelink-salon-root .zs-table-wrap{overflow:auto}
#zelink-salon-root table{width:100%;border-collapse:collapse;white-space:nowrap}
#zelink-salon-root th{font-size:11px;text-align:left;color:#64748b;letter-spacing:.03em;background:#f8fafc}
#zelink-salon-root td,#zelink-salon-root th{padding:13px;border-bottom:1px solid #e2e8f0}
#zelink-salon-root .zs-empty{padding:45px 20px;text-align:center;color:#64748b}
#zelink-salon-root .zs-photo{width:54px;height:54px;border-radius:14px;object-fit:cover;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;margin-bottom:12px}
#zelink-salon-root .zs-calendar-wrap{overflow:auto;background:white;border:1px solid #e2e8f0;border-radius:16px}
#zelink-salon-root .zs-calendar{display:grid;min-width:600px}
#zelink-salon-root .zs-calendar-header{padding:14px;border-bottom:1px solid #e2e8f0;border-left:1px solid #f1f5f9;background:#f8fafc;font-size:12px;font-weight:700;position:sticky;top:0;z-index:2}
#zelink-salon-root .zs-calendar-times{position:relative}
#zelink-salon-root .zs-tick{position:absolute;left:8px;font-size:11px;color:#64748b}
#zelink-salon-root .zs-calendar-column{position:relative;border-left:1px solid #e2e8f0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#f1f5f9 59px,#f1f5f9 60px)}
#zelink-salon-root .zs-booking{position:absolute;left:5px;right:5px;background:#eff6ff;border:1px solid #bfdbfe;border-left:3px solid #2563eb;border-radius:8px;padding:6px 8px;overflow:hidden;text-align:left;font-size:11px;line-height:1.4;cursor:pointer}
#zelink-salon-root .zs-booking strong{display:block;color:#1e3a8a}
#zelink-salon-root .zs-booking.cancelled,#zelink-salon-root .zs-booking.no_show{background:#fef2f2;border-color:#fecaca;opacity:.65}
#zelink-salon-root .zs-booking.completed{background:#f0fdf4;border-color:#bbf7d0;border-left-color:#16a34a}
#zelink-salon-root .zs-booking.blocked{background:#f1f5f9;border-color:#cbd5e1;border-left-color:#64748b}
#zelink-salon-root .zs-overlay{position:fixed;inset:0;z-index:5000;background:#0f172a70;display:flex;align-items:center;justify-content:center;padding:20px}
#zelink-salon-root .zs-dialog{width:720px;max-width:100%;max-height:90vh;overflow:auto;background:white;border-radius:18px;padding:24px;box-shadow:0 20px 60px #0f172a35}
#zelink-salon-root .zs-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;flex-wrap:wrap}
#zelink-salon-root .zs-schedule{display:grid;grid-template-columns:80px 1fr 1fr 1fr 1fr;gap:8px;align-items:center;margin:8px 0}
#zelink-salon-root .zs-schedule input{min-width:0;padding:8px}
@media(max-width:700px){#zelink-salon-root h2{font-size:20px}#zelink-salon-root .zs-form{grid-template-columns:1fr}#zelink-salon-root .zs-head{align-items:flex-start}#zelink-salon-root .zs-overlay{padding:8px}#zelink-salon-root .zs-dialog{padding:16px;max-height:95vh}#zelink-salon-root .zs-schedule{grid-template-columns:60px 1fr 1fr}#zelink-salon-root .zs-schedule .zs-pause{display:none}#zelink-salon-root .zs-card{padding:16px}}

#zelink-salon-root [hidden]{display:none!important}
#zelink-salon-root .zs-agenda-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0}
#zelink-salon-root .zs-agenda-bar strong{text-transform:capitalize;font-size:17px;margin-left:8px}
#zelink-salon-root .zs-view-switch{display:flex;gap:5px;padding:4px;background:#f1f5f9;border-radius:13px}
#zelink-salon-root .zs-month{overflow:auto;background:white;border:1px solid #e2e8f0;border-radius:16px}
#zelink-salon-root .zs-month-weekdays,#zelink-salon-root .zs-month-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:550px}
#zelink-salon-root .zs-month-weekdays strong{padding:13px;color:#64748b;font-size:12px;background:#f8fafc;text-align:center}
#zelink-salon-root .zs-month-cell{min-height:140px;border-top:1px solid #e2e8f0;border-right:1px solid #edf2f7;padding:7px;overflow:hidden}
#zelink-salon-root .zs-month-cell.outside{background:#f8fafc;color:#94a3b8}
#zelink-salon-root .zs-month-cell.today{background:#f3f7ff}
#zelink-salon-root .zs-day-number{border:0;padding:5px 8px;font-size:12px;margin-bottom:5px}
#zelink-salon-root .today .zs-day-number{background:#2563eb;color:white}
#zelink-salon-root .zs-month-event{width:100%;display:block;text-align:left;font-size:11px;border:0;border-left:3px solid #2563eb;padding:5px 7px;background:#eff6ff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#zelink-salon-root .zs-month-event.waiting{background:#fff7ed;border-color:#f59e0b}
#zelink-salon-root .zs-month-event.completed{background:#f0fdf4;border-color:#22c55e}
#zelink-salon-root .zs-month-event.cancelled,#zelink-salon-root .zs-month-event.no_show{background:#fef2f2;border-color:#ef4444}
#zelink-salon-root .zs-month-more{border:0;font-size:11px;padding:3px;background:transparent;color:#2563eb}
#zelink-salon-root .zs-month-cell small{font-size:10px;color:#94a3b8}
#zelink-salon-root .zs-time-slot{position:absolute;left:0;right:0;height:30px;border:0;border-radius:0;padding:0 8px;text-align:left;background:transparent;font-size:11px;color:#2563eb}
#zelink-salon-root .zs-time-slot span{opacity:0}
#zelink-salon-root .zs-time-slot:hover,#zelink-salon-root .zs-time-slot:focus-visible{background:#eff6ff}
#zelink-salon-root .zs-time-slot:hover span,#zelink-salon-root .zs-time-slot:focus-visible span{opacity:1}
#zelink-salon-root .zs-booking{z-index:1}
#zelink-salon-root .zs-booking.waiting{background:#fff7ed;border-color:#fed7aa;border-left-color:#f59e0b}
#zelink-salon-root .zs-steps{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 24px}
#zelink-salon-root .zs-steps span{padding:9px 14px;background:#f1f5f9;border-radius:9px;color:#64748b;font-size:12px;font-weight:700}
#zelink-salon-root .zs-steps .active{background:#2563eb;color:white}
#zelink-salon-root .zs-new-customer{padding:16px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff;margin:18px 0}
#zelink-salon-root .zs-new-customer summary{cursor:pointer;color:#1d4ed8;font-weight:650;margin-bottom:14px}
#zelink-salon-root .zs-wizard-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
#zelink-salon-root .zs-service-choice{display:flex;gap:9px;align-items:flex-start;border:1px solid #cbd5e1;padding:14px;border-radius:12px;cursor:pointer}
#zelink-salon-root .zs-service-choice:has(input:checked){border-color:#2563eb;background:#eff6ff}
#zelink-salon-root .zs-service-choice input{margin-top:3px}
#zelink-salon-root .zs-service-choice small{display:block;margin-top:6px;color:#64748b;font-weight:400}
#zelink-salon-root .zs-wizard-slots{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
#zelink-salon-root .zs-link-box{padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:18px 0}
#zelink-salon-root .zs-link-button{padding:9px 13px;border:1px solid #cbd5e1;border-radius:10px;color:#2563eb;background:white;text-decoration:none;font-weight:600}
#zelink-salon-root #zs-booking-settings{margin-top:20px}
@media(max-width:620px){#zelink-salon-root .zs-steps{gap:4px}#zelink-salon-root .zs-steps span{padding:8px;font-size:11px}#zelink-salon-root .zs-wizard-services{grid-template-columns:1fr}#zelink-salon-root .zs-dialog{padding:18px}#zelink-salon-root .zs-agenda-bar strong{font-size:14px;margin-left:0;width:100%}}

/* Agenda profesional SALON9 */
#zelink-salon-root .zs-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 8px}
#zelink-salon-root .zs-metric{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 3px 12px #0f172a04;min-width:0}
#zelink-salon-root .zs-metric>div{min-width:0;flex:1}
#zelink-salon-root .zs-metric>div>span{font-size:12px;color:#64748b}
#zelink-salon-root .zs-metric strong{display:block;margin:6px 0 5px;font-size:23px;letter-spacing:-.6px;line-height:1.2;white-space:nowrap}
#zelink-salon-root .zs-metric small{display:block;font-size:11px;color:#64748b;line-height:1.5}
#zelink-salon-root .zs-metric-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:#eff6ff;color:#2563eb;border-radius:10px}
#zelink-salon-root .zs-metric-icon svg{width:23px;height:23px}
#zelink-salon-root .zs-metric-icon.teal{background:#ecfdf5;color:#0d9488}
#zelink-salon-root .zs-metric-icon.green{background:#f0fdf4;color:#16a34a}
#zelink-salon-root .zs-occupancy{width:43px;height:43px;border-radius:50%;background:conic-gradient(#2563eb var(--occupancy),#e2e8f0 0);display:grid;place-items:center;align-self:center;flex-shrink:0}
#zelink-salon-root .zs-occupancy b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;font-size:10px}
#zelink-salon-root .zs-overview-note{font-size:11px;margin-bottom:16px}
#zelink-salon-root .zs-calendar-wrap{max-height:740px;isolation:isolate}
#zelink-salon-root .zs-calendar{min-width:0}
#zelink-salon-root .zs-calendar-header{background:#fff;z-index:5}
#zelink-salon-root .zs-pro-header{display:flex;align-items:center;gap:11px;padding:13px 15px;min-height:83px}
#zelink-salon-root .zs-pro-header div{min-width:0}
#zelink-salon-root .zs-pro-header strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px}
#zelink-salon-root .zs-pro-header span:not(.zs-pro-avatar){display:block;font-size:11px;color:#64748b;margin-top:2px}
#zelink-salon-root .zs-pro-header small{display:block;font-size:10px;font-weight:450;color:#64748b;margin-top:3px}
#zelink-salon-root .zs-pro-avatar{width:43px;height:43px;object-fit:cover;border-radius:50%;flex-shrink:0;background:#eff6ff;display:grid;place-items:center;color:#2563eb;font-weight:750}
#zelink-salon-root .zs-hour-header{display:flex;align-items:center;justify-content:center;position:sticky;left:0;z-index:6;padding:8px}
#zelink-salon-root .zs-calendar-times{background:#fff;position:sticky;left:0;z-index:3}
#zelink-salon-root .zs-tick{left:14px;transform:translateY(5px)}
#zelink-salon-root .zs-calendar-column{background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#f8fafc 29px,#f8fafc 30px,transparent 30px,transparent 59px,#edf2f7 59px,#edf2f7 60px)}
#zelink-salon-root .zs-off-time,#zelink-salon-root .zs-pause-time{position:absolute;left:0;right:0;padding:7px 10px;background:#f8fafc;color:#94a3b8;font-size:10px;overflow:hidden;border-bottom:1px solid #e2e8f0;pointer-events:none}
#zelink-salon-root .zs-pause-time{margin:2px 5px;background:repeating-linear-gradient(135deg,#f1f5f9 0,#f1f5f9 5px,#e9eef4 5px,#e9eef4 10px);color:#64748b;border-radius:6px}
#zelink-salon-root .zs-pause-time strong,#zelink-salon-root .zs-pause-time span{display:block}
#zelink-salon-root .zs-hidden-booking{background:#f1f5f9;color:#64748b}
#zelink-salon-root .zs-time-slot{height:30px;left:0;right:0;border:0;background:transparent;color:#2563eb;z-index:0;font-size:11px}
#zelink-salon-root .zs-time-slot:hover{box-shadow:inset 0 0 0 1px #bfdbfe}
#zelink-salon-root .zs-booking{z-index:2;left:5px;right:5px;padding:5px 8px;border-radius:6px;border:0;border-left:3px solid #10b981;background:#e5f8f0;line-height:1.25;font-size:11px}
#zelink-salon-root .zs-booking strong{display:block;color:#115e49;padding-right:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#zelink-salon-root .zs-booking time{position:absolute;right:7px;top:5px;font-weight:600;font-size:10px}
#zelink-salon-root .zs-booking>span,#zelink-salon-root .zs-booking>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
#zelink-salon-root .zs-booking>small{font-size:10px;opacity:.8}
#zelink-salon-root .zs-booking.waiting{background:#fff5d4;border-left-color:#eab308}
#zelink-salon-root .zs-booking.waiting strong{color:#854d0e}
#zelink-salon-root .zs-booking.in_progress{background:#e6efff;border-left-color:#2563eb}
#zelink-salon-root .zs-booking.in_progress strong{color:#1e40af}
#zelink-salon-root .zs-booking.completed{background:#e0f5f5;border-left-color:#0d9488}
#zelink-salon-root .zs-booking.completed strong{color:#115e59}
#zelink-salon-root .zs-booking.cancelled,#zelink-salon-root .zs-booking.no_show{background:#ffe8ed;border-left-color:#e11d48;opacity:.8;z-index:1}
#zelink-salon-root .zs-booking.cancelled strong,#zelink-salon-root .zs-booking.no_show strong{color:#9f1239}
#zelink-salon-root .zs-booking.blocked{background:#f1f5f9;border-left-color:#64748b;color:#475569}
#zelink-salon-root .zs-booking.blocked strong{color:#475569}
#zelink-salon-root .zs-booking.compact>small{display:none}
#zelink-salon-root .zs-booking.compact{padding:2px 6px;line-height:1.1;font-size:10px}
#zelink-salon-root .zs-booking.compact time{top:2px}
#zelink-salon-root .zs-booking.compact>span{font-size:9px;margin-top:0}
#zelink-salon-root .zs-calendar-legend{display:flex;justify-content:flex-end;gap:13px;flex-wrap:wrap;margin:16px 0 10px;font-size:10px;color:#64748b}
#zelink-salon-root .zs-calendar-legend span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#10b981;margin-right:5px}
#zelink-salon-root .zs-calendar-legend .waiting:before{background:#eab308}
#zelink-salon-root .zs-calendar-legend .in_progress:before{background:#2563eb}
#zelink-salon-root .zs-calendar-legend .completed:before{background:#0d9488}
#zelink-salon-root .zs-calendar-legend .cancelled:before{background:#e11d48}
#zelink-salon-root .zs-calendar-legend .blocked:before{background:#64748b}
#zelink-salon-root .zs-calendar-help{margin-top:12px}
#zelink-salon-root .zs-month-cell{position:relative;min-height:155px;padding:40px 7px 30px}
#zelink-salon-root .zs-month-hit{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;border-radius:0;padding:7px;text-align:left;z-index:0}
#zelink-salon-root .zs-month-hit .zs-day-number{position:absolute;top:7px;left:7px;font-size:12px;margin:0;border-radius:8px}
#zelink-salon-root .zs-month-hit .zs-month-add{position:absolute;top:13px;right:8px;color:#2563eb;font-size:10px;opacity:0}
#zelink-salon-root .zs-month-hit:hover,#zelink-salon-root .zs-month-hit:focus-visible{background:#eff6ff;box-shadow:inset 0 0 0 2px #bfdbfe}
#zelink-salon-root .zs-month-hit:hover .zs-month-add,#zelink-salon-root .zs-month-hit:focus-visible .zs-month-add{opacity:1}
#zelink-salon-root .zs-month-content{position:relative;pointer-events:none}
#zelink-salon-root .zs-month-content button{position:relative;z-index:1;pointer-events:auto}
#zelink-salon-root .zs-month-open{position:absolute;right:7px;bottom:7px;z-index:1;border:0;background:transparent;color:#64748b;font-size:10px;padding:3px}
@media(max-width:1150px){#zelink-salon-root .zs-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#zelink-salon-root .zs-overview{gap:9px}#zelink-salon-root .zs-metric{gap:7px;padding:14px 10px}#zelink-salon-root .zs-metric strong{font-size:18px}#zelink-salon-root .zs-metric-icon{width:30px;height:30px}#zelink-salon-root .zs-metric-icon svg{width:19px;height:19px}#zelink-salon-root .zs-occupancy{display:none}#zelink-salon-root .zs-calendar-legend{justify-content:flex-start}#zelink-salon-root .zs-calendar-wrap{max-height:65vh}}

/* SALON10 semana */
#zelink-salon-root .zs-week-wrap{max-height:740px}
#zelink-salon-root .zs-week-date,#zelink-salon-root .zs-week-corner{position:sticky;top:0;z-index:7;background:#f8fafc;border:0;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:12px 6px;text-align:center;font-size:11px;min-height:40px}
#zelink-salon-root .zs-week-date.today{background:#eff6ff;color:#2563eb;font-weight:700}
#zelink-salon-root .zs-week .zs-calendar-header{top:40px}
#zelink-salon-root .zs-week-corner{left:0;z-index:8}
#zelink-salon-root .zs-week-pro{padding:9px 8px;gap:6px;min-height:62px}
#zelink-salon-root .zs-week-pro .zs-pro-avatar{width:25px;height:25px;font-size:9px}
#zelink-salon-root .zs-week-pro strong{font-size:10px}
#zelink-salon-root .zs-week-pro small{font-size:9px}

#zelink-salon-root .zs-duration-summary{padding:12px 14px;margin:14px 0;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e40af;font-weight:700;font-size:13px}