[hidden]{display:none!important}main{padding-bottom:3rem}article{padding:1.25rem;margin:1rem 0;background:var(--panel);border:1px solid var(--line);border-radius:.75rem}article button{margin:.25rem .5rem .25rem 0}article a{display:block;color:var(--gold);margin-top:1rem}input[type=checkbox]{width:22px;min-height:22px;vertical-align:middle;margin-left:.6rem}textarea{display:block;width:100%;font:inherit;background:#111;color:var(--ink);padding:.75rem;border:1px solid var(--line);border-radius:.4rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 system-ui}dialog p[role=alert]{color:#ffb9a9}nav button:focus{border-color:var(--gold)}
.range-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem;margin:1rem 0}.range-controls label{flex:1;min-width:150px}.range-controls button{width:auto}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.calendar-grid article{font-size:.9rem}.calendar-grid article h2{font-size:1rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:1rem 0}th,td{padding:.7rem;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}select{display:block;width:100%;padding:.7rem;font:inherit;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:.4rem}details{margin-top:1rem}summary{cursor:pointer}nav{max-height:68vh;overflow-y:auto}@media(max-width:760px){nav{max-height:none}.calendar-grid{grid-template-columns:1fr}.range-controls{align-items:stretch}dialog{max-width:95vw}.range-controls button{flex:1}}
.mobile-nav{display:none}@media(max-width:760px){aside nav{display:none}.mobile-nav{display:block;margin-top:1rem}.mobile-nav select{margin-top:.3rem}}
.header-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}#install-admin-steps{padding-left:1.5rem}#install-admin-steps li{padding:.45rem 0;line-height:1.6}@media(max-width:760px){main>header{flex-wrap:wrap}.header-actions{width:100%;justify-content:flex-start}.header-actions button{flex:1}#install-admin-dialog .modal-head{flex-wrap:wrap}}
#push-admin-dialog{box-sizing:border-box;width:min(560px,94vw);max-height:90vh;max-height:90dvh;padding:1rem;overflow:hidden}
#push-admin-dialog[open]{display:flex;flex-direction:column;gap:.75rem}
#push-admin-dialog .modal-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.75rem;flex-shrink:0}
#push-admin-dialog .modal-head h2{font-size:1.25rem;line-height:1.3;margin:0;min-width:0}
#close-push-admin{flex-shrink:0;min-height:44px}
#push-admin-dialog .push-dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#push-admin-dialog .push-dialog-footer{flex-shrink:0;border-top:1px solid var(--line);padding-top:.75rem}
#done-push-admin{width:100%;min-height:44px}
#push-admin-dialog article{margin-bottom:0}#push-admin-content p{overflow-wrap:anywhere}
/* Administración 0.11: navegación compacta y contenido con jerarquía visual. */
body{--line:#36332d;--muted:#aaa69d;--sidebar-width:256px}
#admin-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100vh;height:100dvh;display:flex;flex-direction:column;padding:1.25rem .9rem;background:#191918;z-index:40;border-right:1px solid var(--line);border-bottom:0}
#admin-sidebar .brand{font:1.35rem Georgia,serif;padding:.4rem .65rem;white-space:nowrap;overflow:hidden}
#admin-sidebar .brand small{font-size:.6rem;letter-spacing:.06rem}
#admin-sidebar nav{display:block;flex:1;overflow-y:auto;overflow-x:hidden;max-height:none;margin:1rem 0 0;min-height:0}
.nav-group{margin:0 0 .85rem}.nav-group-title{color:var(--muted);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;padding:0 .7rem;margin:.55rem 0}
#admin-sidebar nav button{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .65rem;margin:.12rem 0;border:0;border-radius:.5rem;min-height:40px;font-size:.84rem;font-weight:500;white-space:nowrap}
#admin-sidebar nav button:hover{background:#27251f}#admin-sidebar nav button.active{background:#393121;color:#ebcf93}
#admin-sidebar nav svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sidebar-footer{border-top:1px solid var(--line);padding:.65rem .4rem 0}.sidebar-footer #account{display:block;font-size:.72rem;margin:.2rem 0 .65rem;overflow-wrap:anywhere}.sidebar-footer button{font-size:.74rem;padding:.4rem .55rem;min-height:36px;margin:.15rem .1rem}
main{margin-left:var(--sidebar-width);padding:1.6rem 2rem 3rem;max-width:none;min-width:0}
main>header{align-items:flex-start;flex-wrap:wrap;padding-bottom:1.25rem;border-bottom:1px solid var(--line);margin-bottom:1.25rem}
.page-heading{display:flex;gap:.8rem;align-items:flex-start;min-width:0}.page-heading h1{font:600 1.65rem system-ui,sans-serif;margin:.2rem 0}.page-heading .eyebrow{font-size:.62rem;letter-spacing:.1em;margin:0 0 .35rem}.page-heading #view-hint{margin:.4rem 0 0;font-size:.83rem}
#menu-toggle{font-size:1.1rem;padding:.4rem .7rem;min-width:44px}.header-actions{width:auto;gap:.5rem;flex-wrap:wrap}.header-actions button{font-size:.8rem;padding:.55rem .7rem;background:transparent;color:var(--ink);border:1px solid var(--line)}
#workspace>h2,#workspace article h2{font:600 1.05rem system-ui,sans-serif}#workspace>p{font-size:.84rem;color:var(--muted)}#workspace article{padding:1rem;border-radius:.7rem}#workspace article p{font-size:.88rem}#workspace button{font-size:.82rem}
.range-controls{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:.8rem;margin:.75rem 0;gap:.6rem;align-items:end}.range-controls label{font-size:.72rem;min-width:120px;margin:0;flex:1}.range-controls input,.range-controls select{font-size:.83rem;margin-top:.3rem;padding:.55rem}.range-controls button{padding:.55rem .65rem}
.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:1rem}.calendar-grid>section{background:#1b1b1a;border:1px solid var(--line);border-radius:.8rem;padding:1rem}.calendar-grid>section>h2{font:600 .95rem system-ui;margin:.25rem 0 1rem;color:var(--gold)}.calendar-grid summary{padding:.85rem .4rem;font-size:.9rem;line-height:1.5;border-top:1px solid var(--line)}.calendar-grid details{margin:0}
.mobile-nav,#close-sidebar,#menu-overlay{display:none!important}
body.sidebar-compact{--sidebar-width:76px}body.sidebar-compact #admin-sidebar{padding:1rem .5rem}body.sidebar-compact .brand{font-size:0!important;padding:.5rem!important}body.sidebar-compact .brand::after{content:'A';font:1.6rem Georgia;color:var(--gold)}body.sidebar-compact .brand small,body.sidebar-compact .nav-group-title,body.sidebar-compact nav button span,body.sidebar-compact .sidebar-footer{display:none}body.sidebar-compact #admin-sidebar nav button{justify-content:center;padding:.65rem .4rem}body.sidebar-compact .nav-group{border-bottom:1px solid var(--line);padding-bottom:.5rem}
@media(max-width:900px){body{--sidebar-width:0px}main{margin:0;padding:1rem .85rem 2rem}#admin-sidebar{width:min(290px,85vw);transform:translateX(-100%);box-shadow:12px 0 40px #0005}body.menu-open{overflow:hidden}body.menu-open #admin-sidebar{transform:none}#close-sidebar{display:block!important;margin:0 0 .6rem;align-self:flex-end;font-size:.75rem}body.menu-open #menu-overlay{display:block!important;position:fixed;inset:0;width:100%;height:100%;background:#0009;border:0;border-radius:0;z-index:35;color:transparent}.header-actions{margin-left:0;width:auto}.header-actions button{flex:initial}.page-heading h1{font-size:1.35rem}.page-heading #view-hint{font-size:.76rem}.calendar-grid{grid-template-columns:1fr}.range-controls label{min-width:110px}.range-controls button{flex:initial}}
/* Estado de suscripción: discreto, sin desplazar el calendario en móvil. */
.plan-notice{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.85rem 1rem;margin:0 0 1rem;border:1px solid #d4e4ec;border-radius:16px;background:#f2f8fa;color:#31506a;font-size:.85rem}
.plan-notice[hidden]{display:none}.plan-notice .plan-name{color:#0f2747}.plan-notice p{flex-basis:100%;margin:.25rem 0}.plan-notice.plan-warning{border-color:#c79740;background:#fff8e9;color:#614618}.plan-notice.plan-overdue{border:2px solid #b42318;background:#fff1f0;color:#8a1c13}

/* Tutorial disponible para cualquier plan y rol autenticado. */
.header-actions .tutorial-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #b8ddd2;border-radius:12px;background:#edf8f2;color:#126451;text-decoration:none;font-size:12px;font-weight:600}.tutorial-entry:focus-visible{outline:3px solid #bf7025;outline-offset:3px}
/* Calendario temporal y lista de trabajo: dos formas distintas de gestionar citas. */
.schedule-board{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;max-height:75vh;isolation:isolate}
.schedule-grid{display:grid;grid-template-columns:60px repeat(var(--days),minmax(210px,1fr));min-width:calc(60px + var(--days)*210px);position:relative}
.schedule-day,.schedule-corner{position:sticky;top:0;z-index:3;padding:15px 12px;background:#f2f7f8;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;text-transform:capitalize}
.schedule-corner{font-size:10px}.schedule-hours,.schedule-column{height:calc(var(--hours)*64px);position:relative}.schedule-hours{background:#f8fafb;border-right:1px solid var(--line)}.schedule-hours span{position:absolute;left:7px;font-size:10px;transform:translateY(3px);color:#60778a}.schedule-column{background:repeating-linear-gradient(to bottom,transparent 0,transparent 63px,#e3ebf0 63px,#e3ebf0 64px);border-right:1px solid #e3ebf0}
#workspace .schedule-event{position:absolute;display:flex;flex-direction:column;text-align:left;justify-content:center;gap:2px;padding:5px 10px;overflow:hidden;border:1px solid #92cfbf;border-left:4px solid #188568;background:#e4f5ee;color:#153a30;border-radius:8px;min-height:0;font-size:11px;line-height:1.3;margin:0}
.schedule-event strong,.schedule-event span,.schedule-event small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.schedule-event small{font-size:10px;color:inherit}.schedule-event[data-status=cancelled]{opacity:.6;text-decoration:line-through}.schedule-empty{text-align:center;color:#7e929a;font-size:12px;margin-top:22px}
.booking-detail{width:min(620px,94vw)}.booking-detail article{border:0;box-shadow:none}.booking-list td{white-space:normal;min-width:110px}.booking-list td:first-child{min-width:170px}.booking-list td:nth-child(2){font-weight:600}.booking-list button{white-space:nowrap}.booking-detail>.modal-head h2{margin:0}

/* Panel móvil: menos espacio vacío, misma jerarquía y controles táctiles. */
@media(max-width:600px){
 html body:has(> #admin-sidebar){font-size:14px;line-height:1.5}
 html body:has(> #admin-sidebar)>main{padding:12px 10px 24px}
 html body:has(> #admin-sidebar) main>header{gap:9px;margin-bottom:12px;padding-bottom:12px}
 html body:has(> #admin-sidebar) .page-heading{gap:8px}
 html body:has(> #admin-sidebar) .page-heading h1{font-size:22px;line-height:1.25}
 html body:has(> #admin-sidebar) .page-heading .eyebrow{font-size:10px;letter-spacing:.07em}
 html body:has(> #admin-sidebar) .page-heading #view-hint{font-size:12px;margin-top:4px}
 html body:has(> #admin-sidebar) .header-actions{gap:6px;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 html body:has(> #admin-sidebar) .header-actions :is(button,.tutorial-entry){font-size:12px;padding:7px 9px;min-height:40px;border-radius:10px;margin:0}
 html body:has(> #admin-sidebar) #menu-toggle{padding:7px;min-width:40px;min-height:40px}
 html body:has(> #admin-sidebar) #workspace :is(article,.card){padding:12px;margin:10px 0;border-radius:14px}
 html body:has(> #admin-sidebar) #workspace :is(h2,article h2){font-size:18px;line-height:1.35}
 html body:has(> #admin-sidebar) #workspace :is(p,article p){font-size:13px;line-height:1.5}
 html body:has(> #admin-sidebar) :is(#workspace,dialog) button{font-size:13px;padding:8px 11px;min-height:40px;border-radius:10px}
 html body:has(> #admin-sidebar) .range-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border-radius:14px}
 html body:has(> #admin-sidebar) .range-controls label{min-width:0;font-size:12px}
 html body:has(> #admin-sidebar) .range-controls :is(input,select){width:100%;min-width:0;font-size:16px;padding:7px;min-height:40px;border-radius:9px}
 html body:has(> #admin-sidebar) :is(.grid,.metrics){grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px}
 html body:has(> #admin-sidebar) :is(th,td){font-size:12px;padding:9px 8px}
 html body:has(> #admin-sidebar) .schedule-day{padding:10px 8px;font-size:12px}
 html body:has(> #admin-sidebar) #workspace .schedule-event{font-size:10px;line-height:1.2;padding:3px 6px;min-height:0;border-radius:7px;gap:0}
 html body:has(> #admin-sidebar) #workspace .schedule-event small{display:none}
 html body:has(> #admin-sidebar) .plan-notice{padding:9px 11px;font-size:12px;margin-bottom:12px;border-radius:12px}
 html body:has(> #admin-sidebar) dialog{padding:16px;width:calc(100% - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}
 html body:has(> #admin-sidebar) dialog h2{font-size:20px}
 html body:has(> #admin-sidebar) dialog :is(p,label,.small){font-size:13px;line-height:1.5}
 html body:has(> #admin-sidebar) dialog .modal-head{gap:8px;margin-bottom:12px}
 html body:has(> #admin-sidebar) #admin-sidebar{width:min(270px,86vw);padding:12px 10px}
 html body:has(> #admin-sidebar) #admin-sidebar nav{margin-top:8px}
 html body:has(> #admin-sidebar) #admin-sidebar nav button{font-size:13px;min-height:40px;padding:8px 10px;border-radius:10px;gap:8px}
 html body:has(> #admin-sidebar) #admin-sidebar .nav-group-title{font-size:10px;margin:7px 0}
 html body:has(> #admin-sidebar) #admin-sidebar .brand{padding:6px 8px}
 html body:has(> #admin-sidebar) #admin-sidebar .brand :is(.agendate-logo,.business-custom-logo){width:150px;height:43px;object-fit:contain}
 html body:has(> #admin-sidebar) #admin-sidebar .brand small{font-size:10px;margin-top:4px}
 html body:has(> #admin-sidebar) .staff-dati>button{font-size:12px;min-height:40px;padding:8px 12px;border-radius:12px}
}

/* Ajuste de densidad móvil del panel real: compacto, pero con controles táctiles de 40px. */
@media(max-width:600px){
 html body:has(> #admin-sidebar){font-size:13.5px;line-height:1.45}
 html body:has(> #admin-sidebar)>main{padding:10px 9px 22px}
 html body:has(> #admin-sidebar) main>header{gap:7px;margin-bottom:9px;padding-bottom:9px}
 html body:has(> #admin-sidebar) .page-heading h1{font-size:20px}
 html body:has(> #admin-sidebar) .header-actions :is(button,.tutorial-entry){padding:6px 8px}
 html body:has(> #admin-sidebar) #workspace :is(article,.card){padding:10px;margin:8px 0;border-radius:12px}
 html body:has(> #admin-sidebar) #workspace :is(h2,article h2){font-size:16.5px;line-height:1.3}
 html body:has(> #admin-sidebar) #workspace :is(p,article p){font-size:12.5px;line-height:1.45}
 html body:has(> #admin-sidebar) :is(#workspace,dialog) button{font-size:12.5px;padding:7px 9px}
 html body:has(> #admin-sidebar) .range-controls{gap:7px;padding:8px;border-radius:12px}
 html body:has(> #admin-sidebar) :is(.grid,.metrics){gap:8px}
 html body:has(> #admin-sidebar) dialog{padding:13px;border-radius:16px}
 html body:has(> #admin-sidebar) dialog h2{font-size:18px}
 html body:has(> #admin-sidebar) dialog :is(p,label,.small){font-size:12.5px;line-height:1.45}
}

/* Acciones compactas y fechas sin ancho mínimo impuesto por Safari iOS. */
.header-actions .icon-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;padding:0!important}
.header-actions .icon-action svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-actions .icon-action:focus-visible{outline:3px solid #bf7025;outline-offset:2px}
.range-controls label,.range-controls :is(input,select){box-sizing:border-box;min-width:0;max-width:100%}
.range-controls :is(input,select){display:block;width:100%}
.range-controls input[type="date"]::-webkit-date-and-time-value{min-width:0;text-align:left}
#summary dl{display:grid;grid-template-columns:minmax(110px,36%) minmax(0,1fr);gap:7px 12px;margin:12px 0;max-height:45dvh;overflow:auto}
#summary dt{font-weight:650;color:var(--ink)}
#summary dd{margin:0;overflow-wrap:anywhere}
.schedule-exception{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:end;gap:8px;margin:8px 0}
.schedule-exception label{min-width:0}.schedule-exception :is(input,button){box-sizing:border-box;min-width:0;max-width:100%}
@media(max-width:600px){
 html body:has(> #admin-sidebar) .header-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px 40px;align-items:center}
 html body:has(> #admin-sidebar) .header-actions .icon-action{width:40px;min-width:40px;min-height:40px;flex:0 0 40px;padding:0!important}
 html body:has(> #admin-sidebar) .range-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body:has(> #admin-sidebar) .range-controls :is(input,select){box-sizing:border-box;min-width:0;max-width:100%;padding:5px 6px}
 .schedule-exception{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-exception button{grid-column:1/-1}
 #summary dl{grid-template-columns:1fr;gap:2px}#summary dd{margin:0 0 8px}
}
.whatsapp-connection-panel button{margin:.4rem .4rem 0 0}
.whatsapp-connection-panel select{max-width:100%}

#workspace .schedule-event[data-status=pending_payment]{background:#fff4d6;color:#624411;border:2px dashed #9d6c00}

#workspace .schedule-event{justify-content:flex-start;padding:2px 6px;gap:2px}#workspace .schedule-event strong,#workspace .schedule-event span,#workspace .schedule-event small{flex-shrink:0;line-height:12px}#workspace .schedule-event[data-compact=true] span,#workspace .schedule-event[data-compact=true] small{display:none}

#workspace .deposit-review{min-width:0;overflow-wrap:anywhere}#workspace .deposit-reviews button{max-width:100%;margin:.3rem .3rem .3rem 0;white-space:normal}

/* Avisos: una persona a la vez; temas compactos compartidos con el tutorial. */
.notifications-hub{max-width:1100px;margin-inline:auto}.notifications-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,320px);gap:.3rem 1.5rem;margin-bottom:1.2rem}.notifications-intro h2{margin:0;font-size:1.2rem}.notifications-intro>p{grid-column:1;font-size:.9rem;margin:.3rem 0;color:var(--muted)}.notifications-intro>label{grid-column:2;grid-row:1/3;align-self:center;font-size:.85rem}.notification-person{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem}.notification-person h3{margin:.4rem 0;font-size:1.05rem}.notification-person span{font-size:.8rem;color:var(--muted)}.notification-quota{font-size:.9rem;font-weight:600;margin:.25rem 0 1rem}.notification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;margin-bottom:1.3rem}.notification-panel{margin:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0;overflow:hidden}.notification-panel[open]{grid-column:1/-1}.notification-panel>summary{list-style:none;display:flex;gap:.85rem;align-items:center;padding:1rem;min-height:86px}.notification-panel>summary::-webkit-details-marker{display:none}.notification-panel>summary svg{width:27px;height:27px;flex:none;stroke:var(--gold);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.notification-panel summary>span:not(.notification-expand){flex:1;min-width:0}.notification-panel summary strong,.notification-panel summary small{display:block}.notification-panel summary strong{font-size:.98rem}.notification-panel summary small{font-size:.8rem;color:var(--muted);margin-top:.25rem;line-height:1.45}.notification-expand{font-size:1.5rem;line-height:1}.notification-panel[open]>summary .notification-expand{transform:rotate(45deg)}.notification-panel summary:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}.notification-panel-body{border-top:1px solid var(--line);padding:1rem;overflow-wrap:anywhere}.notification-panel-body h2{font-size:1.05rem!important;margin-top:0}.notification-panel-body p{font-size:.9rem;line-height:1.6}.notification-panel-body article{margin:0!important;border:0;padding:0!important}.notification-panel-body input:not([type=checkbox]),.notification-panel-body select{max-width:100%;box-sizing:border-box}.notification-panel-body button{margin:.25rem .5rem .25rem 0}.notification-general{grid-template-columns:repeat(3,minmax(0,1fr))}.notifications-hub>h2{font-size:1rem;margin-top:1.4rem}@media(max-width:760px){.notifications-intro{display:block}.notifications-intro>label{display:block;margin-top:1rem}.notification-general{grid-template-columns:1fr}.notification-panel>summary{padding:.8rem;gap:.65rem}.notification-panel-body{padding:.85rem}}@media(max-width:460px){.notification-grid{grid-template-columns:1fr}.notification-panel>summary{min-height:76px}.notification-person{display:block}}
/* Espacios de trabajo: tarjetas compactas, jerarquía y controles táctiles. */
html body:has(#admin-sidebar) #workspace{min-width:0;overflow-wrap:anywhere}
html body:has(#admin-sidebar) #workspace>article{border-radius:18px}
html body:has(#admin-sidebar) #workspace button{max-width:100%;white-space:normal}
html body:has(#admin-sidebar) .team-toolbar{display:flex;align-items:end;gap:16px;margin:0 0 16px}
html body:has(#admin-sidebar) .team-toolbar label{flex:1;margin:0;max-width:560px}
html body:has(#admin-sidebar) .team-toolbar input{margin-top:8px}
html body:has(#admin-sidebar) .team-count{font-size:.875rem;color:var(--muted);margin:12px 0}
html body:has(#admin-sidebar) .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:start}
html body:has(#admin-sidebar) .team-card{margin:0;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 3px 12px #18312b05}
html body:has(#admin-sidebar) .team-card[open]{grid-column:1/-1;border-color:var(--gold)}
html body:has(#admin-sidebar) .team-card>summary{display:flex;align-items:center;gap:12px;padding:20px;list-style:none;min-height:104px}
html body:has(#admin-sidebar) .team-card>summary::-webkit-details-marker{display:none}
html body:has(#admin-sidebar) .team-card>summary:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
html body:has(#admin-sidebar) .team-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:16px;background:color-mix(in srgb,var(--gold) 10%,var(--panel));color:var(--ink);font-size:1rem;font-weight:600}
html body:has(#admin-sidebar) .team-identity{display:grid;gap:5px;min-width:0;flex:1;font-size:.85rem;color:var(--muted)}
html body:has(#admin-sidebar) .team-identity strong{font-size:1rem;color:var(--ink);line-height:1.4}
html body:has(#admin-sidebar) .team-status{justify-self:start;border-radius:20px;padding:3px 9px;background:#e9f5f0;color:#24664f;font-size:.75rem;font-weight:600}
html body:has(#admin-sidebar) .team-status.inactive{background:#f1f3f5;color:#52606b}
html body:has(#admin-sidebar) .team-chevron{font-size:1.4rem;transition:transform .15s}
html body:has(#admin-sidebar) .team-card[open] .team-chevron{transform:rotate(180deg)}
html body:has(#admin-sidebar) .team-options{padding:4px 20px 20px;border-top:1px solid var(--line)}
html body:has(#admin-sidebar) .team-options h3{margin:20px 0 12px;font-size:1rem}
html body:has(#admin-sidebar) .team-options button{margin:4px 8px 4px 0;min-height:44px}
html body:has(#admin-sidebar) .team-options label{max-width:560px}
html body:has(#admin-sidebar) .team-options a{display:block;margin:12px 0}
html body:has(#admin-sidebar) .team-empty{grid-column:1/-1;padding:24px;border:1px dashed var(--line);border-radius:16px;text-align:center}
html body:has(#admin-sidebar) #workspace .report-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
html body:has(#admin-sidebar) #workspace .report-download{display:flex;align-items:center;gap:12px;text-align:left;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font-size:.875rem;line-height:1.4;min-height:60px;box-shadow:none;font-weight:600}
html body:has(#admin-sidebar) #workspace .report-download:before{content:'↓';display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--gold) 10%,var(--panel));font-size:1.3rem}
html body:has(#admin-sidebar) #workspace .report-download:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 4%,var(--panel))}
html body:has(#admin-sidebar) .report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
html body:has(#admin-sidebar) .report-metrics>div{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px}
html body:has(#admin-sidebar) .report-metrics span{font-size:.8rem;color:var(--muted);line-height:1.5}
html body:has(#admin-sidebar) .report-metrics strong{font-size:1.35rem;font-variant-numeric:tabular-nums;line-height:1.3}
html body:has(#admin-sidebar) .subscription-reminders{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
html body:has(#admin-sidebar) .subscription-reminders>summary{font-weight:600;min-height:24px}
html body:has(#admin-sidebar) .subscription-reminders article{border:0;padding:0;box-shadow:none}
html body:has(#admin-sidebar) .subscription-cancellation{max-width:600px;border-color:var(--line);padding:24px;border-radius:20px}
html body:has(#admin-sidebar) .subscription-cancellation h2{font-size:1.3rem;line-height:1.4}
html body:has(#admin-sidebar) .subscription-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
html body:has(#admin-sidebar) .subscription-actions .button{display:flex;align-items:center;text-align:center;border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-decoration:none;font-size:.9rem}
html body:has(#admin-sidebar) #workspace .cancellation-trigger{color:#9c3935;background:transparent;border:1px solid #d8a6a0}
@media(max-width:900px){
 html body:has(#admin-sidebar) main{padding:18px 18px 100px}
 html body:has(#admin-sidebar) #admin-sidebar nav button{min-height:44px;font-size:.9rem}
 html body:has(#admin-sidebar) #workspace>.range-controls{gap:12px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
 html body:has(#admin-sidebar) #workspace>.range-controls label{margin:0;min-width:130px}
 html body:has(#admin-sidebar) .report-metrics{grid-template-columns:1fr}
 html body:has(#admin-sidebar) .report-metrics>div{grid-template-columns:1fr auto;align-items:center}
}
@media(max-width:600px){
 html body:has(#admin-sidebar) main{padding:16px 14px 100px}
 html body:has(#admin-sidebar) #workspace{font-size:15px}
 html body:has(#admin-sidebar) #workspace p{font-size:.9rem;line-height:1.65}
 html body:has(#admin-sidebar) #workspace h2{font-size:1.15rem;line-height:1.4}
 html body:has(#admin-sidebar) #workspace>article{padding:18px;margin:14px 0}
 html body:has(#admin-sidebar) #workspace input,html body:has(#admin-sidebar) #workspace select,html body:has(#admin-sidebar) dialog input,html body:has(#admin-sidebar) dialog select{font-size:16px;min-height:44px;min-width:0}
 html body:has(#admin-sidebar) #workspace label{font-size:.875rem}
 html body:has(#admin-sidebar) #workspace button:not(.schedule-event){min-height:44px;font-size:.875rem}
 html body:has(#admin-sidebar) .team-toolbar{align-items:stretch;flex-direction:column;gap:12px}
 html body:has(#admin-sidebar) .team-toolbar button{align-self:flex-start}
 html body:has(#admin-sidebar) .team-grid{grid-template-columns:1fr;gap:12px}
 html body:has(#admin-sidebar) .team-card>summary{padding:16px}
 html body:has(#admin-sidebar) .team-options{padding:4px 16px 16px}
 html body:has(#admin-sidebar) #workspace .report-download-grid{grid-template-columns:1fr;gap:10px}
 html body:has(#admin-sidebar) #workspace .report-download{min-height:56px;padding:12px 14px}
 html body:has(#admin-sidebar) .report-metrics strong{font-size:1.15rem}
 html body:has(#admin-sidebar) .subscription-actions{flex-direction:column;align-items:stretch}
 html body:has(#admin-sidebar) .subscription-cancellation{padding:20px;width:calc(100% - 24px);max-height:90dvh}
 html body:has(#admin-sidebar) .table-scroll{border:1px solid var(--line);border-radius:12px;-webkit-overflow-scrolling:touch}
 html body:has(#admin-sidebar) .table-scroll table{margin:0}
 html body:has(#admin-sidebar) .table-scroll th,html body:has(#admin-sidebar) .table-scroll td{padding:12px;font-size:.85rem}
}
html body:has(#admin-sidebar) #whatsapp-quota-notice{padding:12px 16px;border-radius:14px;margin:0 0 16px;background:var(--panel);border:1px solid var(--line)}
html body:has(#admin-sidebar) #whatsapp-quota-notice details{margin:0}
html body:has(#admin-sidebar) #whatsapp-quota-notice summary{font-size:.875rem;font-weight:600;min-height:24px;line-height:1.5}
html body:has(#admin-sidebar) #whatsapp-quota-notice p{font-size:.85rem;line-height:1.6}

/* Encabezado compartido por todas las vistas y el tutorial del negocio. */
html body:has(> #admin-sidebar)>main>header{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;padding:0 0 20px;margin:0 0 18px}
html body:has(> #admin-sidebar)>main>header .page-heading{align-items:center;gap:14px;flex:1;min-width:0}
html body:has(> #admin-sidebar)>main>header .page-heading>div{min-width:0}
html body:has(> #admin-sidebar)>main>header #menu-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
html body:has(> #admin-sidebar)>main>header #menu-toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;fill:none}
html body:has(> #admin-sidebar)>main>header .header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;width:auto;margin:0}
html body:has(> #admin-sidebar)>main>header .header-actions :is(button,.tutorial-entry){min-height:44px;margin:0;border-radius:13px}
html body:has(> #admin-sidebar)>main>header .header-actions .icon-action{flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0}
html body:has(> #admin-sidebar)>main>header .tutorial-entry{gap:7px;font-size:13px;color:var(--business-text,var(--navy));background:var(--panel);border-color:var(--line);padding:9px 13px;white-space:nowrap}
html body:has(> #admin-sidebar)>main>header .tutorial-entry svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;flex:none}
html body:has(> #admin-sidebar)>main>#plan-notice{display:flex;align-items:center;gap:10px 18px;padding:12px 16px;margin-bottom:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:13px;line-height:1.5}
html body:has(> #admin-sidebar)>main>#plan-notice .plan-name{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--business-text,var(--navy));font-size:12px;line-height:1.5}
html body:has(> #admin-sidebar)>main>#plan-notice>span{min-width:0;overflow-wrap:anywhere}
html body:has(> #admin-sidebar)>main>#plan-notice>p{flex-basis:100%;margin:3px 0;font-size:13px;line-height:1.55}
html body:has(> #admin-sidebar)>main>#plan-notice.plan-warning{background:#fff8e9;border-color:#c79740;color:#614618}
html body:has(> #admin-sidebar)>main>#plan-notice.plan-overdue{background:#fff1f0;border:2px solid #b42318;color:#8a1c13}
@media(max-width:900px){
 html body:has(> #admin-sidebar)>main>header{gap:12px;padding-bottom:16px;margin-bottom:16px}
 html body:has(> #admin-sidebar)>main>header .page-heading{flex-basis:100%;gap:12px}
 html body:has(> #admin-sidebar)>main>header .page-heading .eyebrow{display:none}
 html body:has(> #admin-sidebar)>main>header .page-heading h1{font-size:24px;line-height:1.25;margin:0;overflow-wrap:anywhere}
 html body:has(> #admin-sidebar)>main>header .page-heading #view-hint{font-size:13px;line-height:1.5;margin:5px 0 0;color:var(--muted)}
 html body:has(> #admin-sidebar)>main>header .header-actions{width:100%;justify-content:flex-end;gap:8px}
 html body:has(> #admin-sidebar)>main>header .header-actions .tutorial-entry{margin-right:auto}
 html body:has(> #admin-sidebar)>main>#plan-notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;padding:12px 14px;margin-bottom:18px;font-size:12px}
 html body:has(> #admin-sidebar)>main>#plan-notice .plan-name{justify-self:start}
 html body:has(> #admin-sidebar)>main>#plan-notice>span:first-of-type{text-align:right}
 html body:has(> #admin-sidebar)>main>#plan-notice>span:nth-of-type(2){grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px;font-size:12px}
 html body:has(> #admin-sidebar)>main>#plan-notice>p{grid-column:1/-1}
}

/* El menú conserva el plan; el encabezado móvil deja espacio a la tarea. */
html body:has(> #admin-sidebar) #sidebar-plan{display:grid;gap:4px;padding:12px 0;margin:0 0 10px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.45;color:inherit}
html body:has(> #admin-sidebar) #sidebar-plan .plan-name{font-size:13px}
html body:has(> #admin-sidebar) #sidebar-plan span{opacity:.8}
html body.sidebar-compact #sidebar-plan{display:none}
@media(max-width:900px){
 html body:has(> #admin-sidebar)>main>header{display:flex;flex-wrap:nowrap;gap:8px;padding:0 0 10px;margin:0 0 12px;align-items:center}
 html body:has(> #admin-sidebar)>main>header .page-heading{flex:1 1 auto;flex-basis:auto;gap:8px;min-width:0}
 html body:has(> #admin-sidebar)>main>header .page-heading h1{font-size:20px;line-height:1.2;letter-spacing:-.025em;margin:0;overflow-wrap:normal}
 html body:has(> #admin-sidebar)>main>header .page-heading #view-hint{display:none}
 html body:has(> #admin-sidebar)>main>header .header-actions{flex:0 0 auto;flex-wrap:nowrap;gap:4px;width:auto}
 html body:has(> #admin-sidebar)>main>header .header-actions .tutorial-entry{display:inline-flex;flex:0 0 auto;box-sizing:border-box;width:auto;height:44px;min-width:62px;padding:0 7px;margin:0;font-size:12px}
 html body:has(> #admin-sidebar)>main>header .tutorial-entry>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap}
 html body:has(> #admin-sidebar)>main>header .tutorial-entry svg{display:none}
 html body:has(> #admin-sidebar)>main>header .page-heading h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body:has(> #admin-sidebar)>main>header :is(#menu-toggle,.header-actions .icon-action,.tutorial-entry){border-radius:12px}
}

@media(max-width:380px){
 html body:has(> #admin-sidebar)>main>header{gap:4px}
 html body:has(> #admin-sidebar)>main>header .page-heading{gap:5px}
 html body:has(> #admin-sidebar)>main>header .page-heading h1{font-size:18px}
 html body:has(> #admin-sidebar)>main>header .header-actions .icon-action{flex:0 0 36px;min-width:36px;width:36px;min-height:44px}
 html body:has(> #admin-sidebar)>main>header #menu-toggle{flex:0 0 40px;width:40px;min-width:40px}
}

/* Frecuencia de giros: comparación compartida con tutorial, móvil primero. */
.deposit-payout-frequency{border:1px solid var(--line,#d5e3e8);border-radius:18px;padding:18px;margin:20px 0;min-width:0}
.deposit-payout-frequency[hidden]{display:none}
.deposit-payout-frequency legend{font-weight:700;padding:0 8px}
.deposit-frequency-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.deposit-frequency-card{display:grid!important;grid-template-columns:22px 1fr;align-content:start;gap:8px;padding:14px;border:1px solid var(--line,#d5e3e8);border-radius:14px;cursor:pointer;min-width:0;background:var(--panel,#fff)}
.deposit-frequency-card[data-selected=true]{border:2px solid var(--brand-primary,#087e7c);padding:13px;background:color-mix(in srgb,var(--brand-primary,#087e7c) 6%,white)}
.deposit-frequency-card input{width:18px!important;height:18px;margin:2px 0!important;accent-color:var(--brand-primary,#087e7c)}
.deposit-frequency-card :is(span,b,small){grid-column:1/-1;overflow-wrap:anywhere}
.deposit-frequency-card b{font-size:1.05rem}
.deposit-frequency-card small{font-size:.82rem}
.deposit-payout-frequency details{border-top:1px solid var(--line,#d5e3e8);padding-top:12px}
.deposit-payout-frequency summary{cursor:pointer;font-weight:600}
@media(max-width:380px){.deposit-frequency-cards{grid-template-columns:1fr}.deposit-payout-frequency{padding:12px}}

/* Espacios de trabajo móviles: la tarea principal primero, el detalle al abrir. */
html body:has(#admin-sidebar) :is(.collection-toolbar,.collection-grid,.task-disclosure){min-width:0}
html body:has(#admin-sidebar) .collection-toolbar{display:flex;align-items:end;gap:12px;margin:16px 0 8px}
html body:has(#admin-sidebar) .collection-toolbar label{flex:1;max-width:560px;margin:0}
html body:has(#admin-sidebar) .collection-toolbar input{margin-top:6px}
html body:has(#admin-sidebar) .collection-count{font-size:12px!important;color:var(--muted);margin:8px 0 14px!important}
html body:has(#admin-sidebar) .collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:start}
html body:has(#admin-sidebar) .collection-card{margin:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}
html body:has(#admin-sidebar) .collection-card[open]{border-color:var(--gold);grid-column:1/-1}
html body:has(#admin-sidebar) .collection-card>summary{display:grid;grid-template-columns:1fr 20px;gap:7px 12px;list-style:none;padding:18px;cursor:pointer}
html body:has(#admin-sidebar) .collection-card>summary::-webkit-details-marker{display:none}
html body:has(#admin-sidebar) .collection-card>summary:after{content:'⌄';grid-column:2;grid-row:1/3;align-self:center;font-size:20px;text-align:center}
html body:has(#admin-sidebar) .collection-card[open]>summary:after{transform:rotate(180deg)}
html body:has(#admin-sidebar) .collection-card>summary strong{font-size:16px;line-height:1.45;grid-column:1;overflow-wrap:anywhere}
html body:has(#admin-sidebar) .collection-card>summary span{font-size:13px;line-height:1.5;color:var(--muted);grid-column:1}
html body:has(#admin-sidebar) .collection-body{border-top:1px solid var(--line);padding:4px 18px 18px}
html body:has(#admin-sidebar) .collection-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
html body:has(#admin-sidebar) .collection-actions button{margin:0}
html body:has(#admin-sidebar) .collection-body>button{margin:4px 8px 4px 0}
html body:has(#admin-sidebar) .collection-empty{padding:24px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
html body:has(#admin-sidebar) .task-disclosure{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:0 18px;margin:14px 0}
html body:has(#admin-sidebar) .task-disclosure>summary{padding:17px 0;min-height:24px;font-weight:600;cursor:pointer;line-height:1.5}
html body:has(#admin-sidebar) .task-disclosure[open]{padding-bottom:18px}
html body:has(#admin-sidebar) :is(.task-disclosure,.collection-card)>summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;border-radius:12px}
html body:has(#admin-sidebar) .task-disclosure>button{margin:4px 6px 4px 0}
html body:has(#admin-sidebar) .form-section{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
html body:has(#admin-sidebar) .form-section legend{font-weight:600;padding:0 6px}
html body:has(#admin-sidebar) .form-section label{min-width:0}
html body:has(#admin-sidebar) .form-section input{box-sizing:border-box;width:100%;min-width:0}
@media(max-width:600px){
 html body:has(#admin-sidebar) .collection-toolbar{align-items:stretch;flex-direction:column}
 html body:has(#admin-sidebar) .collection-toolbar>button{align-self:flex-start}
 html body:has(#admin-sidebar) .collection-grid{grid-template-columns:1fr}
 html body:has(#admin-sidebar) .collection-card>summary{padding:16px}
 html body:has(#admin-sidebar) .collection-body{padding:2px 16px 16px}
 html body:has(#admin-sidebar) #workspace .responsive-records{border:0;overflow:visible;border-radius:0}
 html body:has(#admin-sidebar) #workspace .responsive-records table{width:100%;min-width:0;display:block;background:transparent}
 html body:has(#admin-sidebar) #workspace .responsive-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html body:has(#admin-sidebar) #workspace .responsive-records tbody{display:grid;gap:12px}
 html body:has(#admin-sidebar) #workspace .responsive-records tr{display:block;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}
 html body:has(#admin-sidebar) #workspace .responsive-records td{display:grid;grid-template-columns:minmax(90px,38%) minmax(0,1fr);gap:12px;border:0;padding:7px 0;white-space:normal;min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.45}
 html body:has(#admin-sidebar) #workspace .responsive-records td:before{content:attr(data-label);font-size:12px;color:var(--muted);font-weight:500}
 html body:has(#admin-sidebar) #workspace .responsive-records td:first-child{font-weight:650}
 html body:has(#admin-sidebar) #workspace .booking-list td:last-child{display:block;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
 html body:has(#admin-sidebar) #workspace .booking-list td:last-child:before{display:none}
 html body:has(#admin-sidebar) #workspace .booking-list td:last-child button{width:100%;margin:0}
 html body:has(#admin-sidebar) #workspace .range-controls label:has(input[type=search]){grid-column:1/-1}
 html body:has(#admin-sidebar) .form-section{grid-template-columns:1fr}
 html body:has(#admin-sidebar) .task-disclosure{padding-inline:14px}
}
html body:has(#admin-sidebar) #workspace .agenda-filters{margin-top:0;margin-bottom:8px}
html body:has(#admin-sidebar) #workspace .filter-summary{font-size:12px;color:var(--muted);margin:8px 0 16px}
html body:has(#admin-sidebar) #workspace .booking-search label{display:block;margin:0 0 16px}
html body:has(#admin-sidebar) #workspace .booking-search input{margin-top:6px}
html body:has(#admin-sidebar) .customer-record{margin:12px 0}
/* La etiqueta completa es táctil; la casilla conserva un tamaño discreto. */
html body:has(#admin-sidebar) :is(#workspace,dialog) label:has(>input[type=checkbox]){display:flex;align-items:center;gap:10px;min-height:44px;line-height:1.5}
html body:has(#admin-sidebar) :is(#workspace,dialog) label>input[type=checkbox]{order:-1;flex:0 0 22px;width:22px!important;height:22px;min-height:22px!important;min-width:22px;margin:0;padding:0}
html body:has(#admin-sidebar) .form-section>p{grid-column:1/-1}

/* Long forms keep an exit visible; errors belong to the current dialog. */
#editor .modal-head{position:sticky;top:0;z-index:2;background:var(--panel,#fff);padding-block:8px;border-bottom:1px solid var(--line,#dce5ea)}
html body:has(#admin-sidebar) :is(#editor,#confirm) button{min-height:44px}
:is(#editor,#confirm) [data-dialog-error]{padding:12px;margin:12px 0;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#991b1b;line-height:1.5;scroll-margin-block:16px}

/* Recorridos 2026: navegación por tareas y espacio reservado para acciones. */
html body:has(#admin-sidebar) .workspace-tabs{display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#f2f6f5;margin:4px 0 22px;overflow-x:auto}
html body:has(#admin-sidebar) .workspace-tabs>button{flex:1;white-space:nowrap;background:transparent;color:var(--ink,#16352e);border:0;border-radius:10px;min-height:44px;padding:10px 12px;margin:0;font-size:14px}
html body:has(#admin-sidebar) .workspace-tabs>button[aria-selected=true]{background:white;box-shadow:0 2px 7px #153b3312;color:var(--primary,#167568);font-weight:700}
html body:has(#admin-sidebar) .workspace-lead{font-size:14px;color:var(--muted);margin:4px 0 20px;line-height:1.55}
html body:has(#admin-sidebar) .workspace-empty{padding:28px 18px;text-align:center;background:#f6f9f8;border:1px dashed var(--line);border-radius:16px;font-size:14px}
html body:has(#admin-sidebar) .pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:18px 0}
html body:has(#admin-sidebar) #workspace .pos-product{margin:0;padding:14px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;border-radius:16px;box-shadow:none}
html body:has(#admin-sidebar) .pos-product>img,.product-placeholder{height:54px;width:54px;object-fit:cover;border-radius:12px;background:#eef5f2}
.product-placeholder{display:grid;place-items:center;color:#659087;font-size:28px}
html body:has(#admin-sidebar) .pos-product-copy h3{font-size:15px;line-height:1.4;margin:0 0 5px}
html body:has(#admin-sidebar) .pos-product-copy strong{font-size:16px}.pos-product-copy small{display:block;color:#59716b;margin-top:3px;font-size:12px}
html body:has(#admin-sidebar) #workspace .pos-product.selected{border-color:var(--primary,#167568);background:color-mix(in srgb,var(--primary,#167568) 4%,white)}
html body:has(#admin-sidebar) .quantity-control{display:flex;align-items:center;justify-content:flex-end;gap:6px;grid-column:1/-1;border-top:1px solid #e9efec;padding-top:10px}
html body:has(#admin-sidebar) .quantity-control button{width:44px;height:44px;padding:0;font-size:23px;margin:0;background:#fff;color:var(--primary,#167568);border:1px solid var(--line);border-radius:12px}
html body:has(#admin-sidebar) .quantity-control>label{font-size:0;margin:0;display:block;width:64px}
html body:has(#admin-sidebar) .quantity-control input{width:64px;font-size:16px;text-align:center;min-height:44px;margin:0;padding:6px;appearance:textfield}
.quantity-control input::-webkit-inner-spin-button{appearance:none}
html body:has(#admin-sidebar) .pos-cart-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #aacfc1;border-radius:16px;padding:14px;background:#f1f9f5;position:sticky;bottom:16px;box-shadow:0 4px 18px #133b3310;margin:18px 0;z-index:5}
.pos-cart-bar strong{display:block;font-size:24px;line-height:1.3}.pos-cart-bar span{display:block;font-size:12px;color:#526c64}
html body:has(#admin-sidebar) .pos-cart-bar button{margin:0;flex-shrink:0}
.pos-checkout{max-width:640px;margin:auto;scroll-margin-top:20px}.pos-chosen{background:#f4f8f6;border-radius:16px;padding:8px 16px;margin:14px 0 22px}.pos-chosen p{display:flex;justify-content:space-between;gap:12px}
html body:has(#admin-sidebar) .text-action{background:none;border:0;padding:10px 0;color:var(--primary,#167568);box-shadow:none}
html body:has(#admin-sidebar) .pos-pane[hidden],html body:has(#admin-sidebar) [data-form-step][hidden]{display:none!important}
html body:has(#admin-sidebar) .form-hint{border-left:3px solid #a9cfc2;background:#f4f9f7;padding:12px;font-size:13px;line-height:1.55;grid-column:1/-1}
html body:has(#admin-sidebar) .product-photo-preview{max-width:100%;width:200px;height:180px;object-fit:contain;border-radius:14px;background:#f3f6f5}
html body:has(#admin-sidebar) .form-section>.product-reference{grid-column:1/-1;padding-block:12px;border-top:1px solid var(--line)}
html body:has(#admin-sidebar) .form-section>label:has(textarea){grid-column:1/-1}
html body:has(#admin-sidebar) .form-journey{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}
.form-journey>p{font-size:13px;color:#526c64}.journey-actions{display:flex;gap:12px;justify-content:space-between}.journey-actions button:last-child{margin-left:auto}
html body:has(#admin-sidebar) #fields>.form-section{margin-top:16px}
html body:has(#admin-sidebar) .menu-search{margin:2px 12px 16px;font-size:12px;color:#526c64;display:block}
html body:has(#admin-sidebar) .menu-search input{width:100%;min-height:44px;margin-top:6px;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#f5f8f7;font-size:16px}
html body:has(#admin-sidebar) .nav-group>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:44px;margin:0;padding:12px;color:#526c64}
html body:has(#admin-sidebar) .nav-group>summary:after{content:'⌄';font-size:18px}.nav-group>summary::-webkit-details-marker{display:none}
html body:has(#admin-sidebar) .nav-group[open]>summary:after{transform:rotate(180deg)}
html body:has(#admin-sidebar) .nav-group{border:0;background:transparent;margin:0 0 4px;padding:0}
html body:has(#admin-sidebar) .mobile-dock{display:none}
html body.sidebar-compact .menu-search{display:none}
html body.sidebar-compact .nav-group>summary{font-size:0!important;padding:0;min-height:8px}html body.sidebar-compact .nav-group>summary:after{display:none}
html body.menu-open .staff-dati{visibility:hidden}
@media(max-width:900px){
 html body:has(#admin-sidebar)>main{padding-bottom:100px!important}
 html body:has(#admin-sidebar) .mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:stretch;gap:4px;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid #dce8e2;box-shadow:0 -4px 20px #163b3108}
 html body:has(#admin-sidebar) .mobile-dock[hidden]{display:none}
 html body:has(#admin-sidebar) .mobile-dock button{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;min-height:52px;padding:6px 4px;border:0;border-radius:12px;background:transparent;color:#596f68;font-size:11px;line-height:1.25;box-shadow:none}
 .mobile-dock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
 html body:has(#admin-sidebar) .mobile-dock button.active{color:var(--primary,#167568);background:color-mix(in srgb,var(--primary,#167568) 8%,white);font-weight:700}
 html body:has(#admin-sidebar) .staff-dati{bottom:88px}
 html body:has(#admin-sidebar) .pos-cart-bar{bottom:88px}
 html body:has(#admin-sidebar) #workspace[data-screen=pos]~.staff-dati{bottom:178px}
 html body:has(#admin-sidebar) .pos-product-grid{grid-template-columns:1fr}
 html body:has(#admin-sidebar) .nav-group>summary{font-size:13px;letter-spacing:0;text-transform:none;border-radius:12px;background:#f3f7f5;margin:4px 8px}
 html body:has(#admin-sidebar) .nav-group-links{padding-block:4px 10px}
 html body:has(#admin-sidebar) .nav-group-links button{min-height:46px}
 html body:has(#admin-sidebar) .workspace-tabs>button{font-size:13px;padding:10px 8px}
 html body:has(#admin-sidebar) #fields>.form-section{padding:12px;border:0;background:#f6f9f7}
}
@media(prefers-reduced-motion:no-preference){.pos-pane{animation:workspace-enter .18s ease-out}@keyframes workspace-enter{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}
html body.has-business-brand #workspace .workspace-tabs>button{background:transparent;color:#536b62}
html body.has-business-brand #workspace .workspace-tabs>button[aria-selected=true]{background:#fff;color:var(--business-primary,#167568);box-shadow:0 2px 7px #153b3312}
html body.has-business-brand #workspace .quantity-control>button{background:white;color:var(--business-primary,#167568)}
html body.has-business-brand #workspace .text-action{background:transparent;color:var(--business-primary,#167568)}
html body:has(#admin-sidebar) [data-deposit-pane][hidden],html body:has(#admin-sidebar) [data-deposit-step][hidden]{display:none!important}
html body:has(#admin-sidebar) .deposit-preference-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f4f8f6;padding:18px;border-radius:14px;font-size:14px}
.deposit-preference-summary dt{color:#536b62}.deposit-preference-summary dd{margin:0;font-weight:600;overflow-wrap:anywhere}
html body:has(#admin-sidebar) .deposit-configuration{max-width:760px}
html body:has(#admin-sidebar) .deposit-configuration .form-journey{margin-top:18px}
@media(max-width:900px){
 html body:has(#admin-sidebar) .assistant.staff-dati>button{display:none}
 html body:has(#admin-sidebar) .assistant.staff-dati{bottom:84px;right:12px;max-width:calc(100vw - 24px)}
 html body:has(#admin-sidebar) .assistant.staff-dati>section{max-height:calc(100dvh - 170px)}
 html body:has(#admin-sidebar) #admin-sidebar .nav-group-title{font-size:13px;letter-spacing:0;text-transform:none}
 html body:has(#admin-sidebar) .pos-cart-bar strong{font-size:22px}
 html body:has(#admin-sidebar) .deposit-configuration{padding:16px!important}
}
@media(max-width:600px){
 html body:has(#admin-sidebar) #workspace .booking-list tbody{gap:10px}
 html body:has(#admin-sidebar) #workspace .booking-list tr{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:16px}
 html body:has(#admin-sidebar) #workspace .booking-list td{display:block;padding:0;min-width:0;font-size:13px;line-height:1.45}
 html body:has(#admin-sidebar) #workspace .booking-list td:before{display:none}
 html body:has(#admin-sidebar) #workspace .booking-list td:nth-child(1){grid-column:1/-1;color:var(--muted);font-weight:400;font-size:12px;margin-bottom:6px}
 html body:has(#admin-sidebar) #workspace .booking-list td:nth-child(2){grid-column:1/-1;font-size:17px;font-weight:650}
 html body:has(#admin-sidebar) #workspace .booking-list td:nth-child(3){grid-column:1/-1}
 html body:has(#admin-sidebar) #workspace .booking-list td:nth-child(4){grid-column:1/-1;color:var(--muted);font-size:12px}
 html body:has(#admin-sidebar) #workspace .booking-list td:nth-child(5){grid-column:1;font-size:12px;color:#216a50;justify-self:start;background:#edf6f1;border-radius:6px;padding:3px 6px;margin-top:5px}
 html body:has(#admin-sidebar) #workspace .booking-list td:nth-child(6){grid-column:2;font-size:12px;color:var(--muted);align-self:center}
 html body:has(#admin-sidebar) #workspace .booking-list td:last-child{grid-column:1/-1;margin-top:8px;padding-top:8px}
 html body.has-business-brand #workspace .booking-list td:last-child button{background:#fff;color:var(--business-primary);border:1px solid var(--line);min-height:44px}
}
/* Focused workspaces: commerce and an employee's optional integrations. */
.compact-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.compact-actions>button{margin:0!important}
.team-profile{border-bottom:1px solid #dce5e9;padding-bottom:12px;margin-bottom:8px}
.team-connection{border-bottom:1px solid #e4eaed;padding:14px 0}
.team-connection>summary{font-weight:650;cursor:pointer;min-height:36px}
.team-connection p{font-size:.9rem;line-height:1.55}
.storefront-settings-card>[data-tutorial],.storefront-settings-card form{min-width:0}
[data-store-step][hidden]{display:none!important}
.payment-method-choice{display:grid!important;grid-template-columns:auto 1fr;gap:5px 12px!important;align-items:center;padding:14px!important;border:1px solid #d9e3e8;border-radius:14px;background:#fff}
.payment-method-choice>input{grid-column:1;grid-row:1 / 3}
.payment-method-choice>small{grid-column:2;font-weight:400;color:#536775;line-height:1.4}
.payment-method-choice:has(input:checked){border-color:var(--brand-color,#176d70);box-shadow:inset 0 0 0 1px var(--brand-color,#176d70);background:#f3f9f7}
.form-important{padding:14px;border-radius:12px;background:#f2f6f8;font-size:.88rem;line-height:1.55}
.inline-help{margin:12px 0;font-size:.9rem}
.inline-help>summary{color:#496773;cursor:pointer;min-height:36px}
.orders-paid-total{font-weight:650;padding:14px;background:#eef6f2;border-radius:12px}
.order-filters{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:20px 0}
.order-card-list{display:grid;gap:12px}
.order-card{border:1px solid #d9e3e8;border-radius:16px;background:#fff;overflow:hidden}
.order-card>summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px;cursor:pointer}
.order-card>summary::-webkit-details-marker{display:none}
.order-card>summary:after{content:'⌄';font-size:22px;color:#677a84}
.order-card[open]>summary:after{transform:rotate(180deg)}
.order-card>summary span{flex:1;min-width:0;display:grid;gap:6px}
.order-card>summary strong{overflow-wrap:anywhere;font-size:1rem}
.order-card>summary small{font-size:.8rem;color:#536775;font-weight:400}
.order-card>summary>b{white-space:nowrap;font-size:1rem}
.order-card-body{padding:0 18px 18px;border-top:1px solid #edf1f3}
.order-card-body li{margin:10px 0}
.order-actions{display:flex;gap:10px;flex-wrap:wrap}
.order-actions>button{margin:0!important}
.order-actions form{width:100%}
.danger-text{color:#9d3030!important}
@media(max-width:600px){.order-filters{grid-template-columns:1fr}.order-filters label{margin:0}.store-orders{padding:16px!important}.order-card>summary{padding:16px 12px}.order-card-body{padding:0 12px 16px}.order-actions>button{width:100%}.compact-actions{gap:8px}.compact-actions>button{flex:1 1 auto;font-size:.875rem}.team-options h3{font-size:1rem}.team-profile .compact-actions>button{flex:1 1 100%}}

/* Agenda usable at a glance, with the hourly board still one tap away. */
.agenda-view-controls{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.segmented-control{display:flex;background:#edf3f4;border-radius:12px;padding:4px;gap:4px}
.segmented-control button{border:0!important;border-radius:9px!important;margin:0!important;min-height:40px!important;padding:8px 14px!important;background:transparent!important;color:#536773!important}
.segmented-control button[aria-pressed=true]{background:#fff!important;color:#174f53!important;box-shadow:0 2px 5px #244b5514}
.agenda-day-controls{display:flex;gap:6px}
.agenda-day-controls button{min-width:40px;min-height:40px;padding:8px!important;margin:0!important}
.agenda-list{display:grid;gap:12px}
.agenda-list>h2{font-size:.95rem;font-weight:650;color:#506976;margin:10px 0 0;text-transform:capitalize}
.has-business-brand #workspace .agenda-entry,.agenda-entry{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;width:100%;padding:18px 16px!important;border:1px solid #dce6e9!important;background:#fff!important;color:#193e4a!important;text-align:left;border-radius:16px!important;box-shadow:0 3px 10px #244b5505}
.agenda-entry-time{display:grid;align-content:start;gap:6px;border-right:1px solid #e5ecef;padding-right:12px}
.agenda-entry-time>b{font-size:1.08rem;letter-spacing:-.04em}
.agenda-entry-time>small{font-size:.72rem;color:#667d89}
.agenda-entry-person{display:grid;gap:4px;min-width:0}
.agenda-entry-person>strong{font-size:1rem;overflow-wrap:anywhere}
.agenda-entry-person>span{font-size:.88rem;font-weight:400}
.agenda-entry-person>small{font-size:.78rem;font-weight:400;color:#647b87}
.agenda-entry-person>.agenda-status{justify-self:start;display:inline-block;font-size:.7rem;padding:3px 8px;border-radius:6px;background:#e8f4ed;color:#245746;margin-top:5px}
.agenda-status[data-status=pending_payment],.booking-status[data-status=pending_payment]{background:#fff4dd!important;color:#7c561b!important}
.agenda-status[data-status=cancelled]{background:#f9eaeb!important;color:#8f3f45!important}
.agenda-empty{padding:30px 20px;background:#f5f8f9;border:1px dashed #cddde3;border-radius:18px;text-align:center}
.agenda-empty h2{font-size:1.15rem}.agenda-empty p{font-size:.95rem}
.booking-detail-card{border:0;padding:0!important;margin:0!important}
.booking-detail-card>h2{font-size:1.3rem}.booking-time{font-size:1rem;font-weight:600;color:#315e6d}
.booking-person{display:grid;gap:5px;padding:16px;background:#f5f8f9;border-radius:12px}
.booking-person>span{font-size:.875rem;color:#597281}
.booking-status{font-weight:600;display:inline-block;font-size:.85rem;background:#edf7f1;color:#265840;border-radius:8px;padding:8px 12px}
.booking-paid{font-size:1.1rem;font-weight:650;color:#286248}
.commission-balance .balance-amount{display:block;font-size:1.8rem;letter-spacing:-.04em}
.commission-balance .balance-label{font-size:.85rem;color:#607784}
.commission-balance h2{font-size:1.05rem}.commission-balance details{margin:14px 0}
.weekly-editor{display:grid;gap:8px;margin-bottom:18px}
.schedule-day-editor{margin:0;border:1px solid #d8e4e8;border-radius:14px;overflow:hidden;background:#fff}
.schedule-day-editor>summary{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:16px;list-style:none;align-items:center}
.schedule-day-editor>summary::-webkit-details-marker{display:none}
.schedule-day-editor>summary>strong{font-size:.925rem}.schedule-day-editor>summary>span{font-size:.8rem;text-align:right;color:#617884;line-height:1.5}
.schedule-day-editor[open]>summary{border-bottom:1px solid #e6edef;background:#f5f9fa}
.schedule-day-body{padding:14px}.schedule-day-body>label{margin:0 0 16px!important}
.time-range-list{display:grid;gap:12px}.time-range{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}
.time-range>label{margin:0!important;min-width:0;font-size:.8rem}.time-range input{min-width:0;width:100%;padding:10px!important}
.time-range>button{padding:10px!important;margin:0!important;font-size:.8rem;min-height:44px}
.schedule-day-body>button{margin:14px 0 0!important;width:100%;font-size:.85rem}
#fields .schedule-exception{display:grid;grid-template-columns:1fr;gap:10px;padding:14px;background:#f3f7f8;border-radius:12px}
@media(max-width:370px){.agenda-view-controls{gap:8px}.segmented-control button{padding:8px 10px!important}.time-range{grid-template-columns:1fr 1fr}.time-range>button{grid-column:1 / -1}.schedule-day-editor>summary{grid-template-columns:80px 1fr;padding:12px}}
@media(max-width:370px){.time-range{grid-template-columns:1fr}.time-range>label{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:8px}.time-range>label>input{margin:0}.time-range>button{justify-self:end;min-width:80px}.access-record>summary{overflow-wrap:anywhere}}
.access-record+.access-record{margin-top:12px}

.cash-balance{display:block;font-size:32px;line-height:1.2;letter-spacing:-1px;margin:4px 0 16px}.metric-label{font-size:13px;color:var(--muted)}

.deposit-review-help,.deposit-review-history{padding:.75rem 0;border-top:1px solid var(--line,#dae6e6);font-size:.88rem}.deposit-review-help summary,.deposit-review-history summary{min-height:40px;display:flex;align-items:center;cursor:pointer;font-weight:650}.deposit-review-history summary:before,.deposit-review-help summary:before{content:'+';margin-right:.7rem}.deposit-review-history[open] summary:before,.deposit-review-help[open] summary:before{content:'−'}.deposit-review h3{font-size:1rem}.deposit-review p{font-size:.88rem;line-height:1.55}.deposit-reviews>div:has(>button){display:flex;flex-wrap:wrap;gap:.5rem}

.cancellation-impact{padding:16px;border:1px solid #eac4a5;border-radius:16px;background:#fff6ec;color:#703d16;margin:18px 0}.cancellation-impact h3{font-size:17px;margin:0 0 8px}.cancellation-impact p{margin:0!important}.subscription-cancellation .inline-help{margin:16px 0}.subscription-cancellation .subscription-actions{display:grid;gap:10px}

#fields [data-form-step]{border:0;padding:0;margin:14px 0;min-width:0}#fields [data-form-step]>legend{font-size:16px;font-weight:650;padding:0;margin-bottom:12px}.form-journey-progress{font-size:12px;color:var(--muted,#536d7d);padding-bottom:12px;border-bottom:3px solid var(--line,#dce8eb);margin:12px 0 18px}.form-journey .journey-actions{display:flex;gap:12px;align-items:stretch}.form-journey .journey-actions>button{flex:1;margin:0}.loyalty-actions{display:grid;gap:10px;margin:20px 0}.loyalty-actions>button{text-align:left;min-height:48px;padding:12px 16px}

/* Tarjetas regalo: identidad compartida, sin alterar su saldo o canje. */
.branded-gift{--gift-color:#087f83;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:520px;box-sizing:border-box;padding:clamp(18px,4vw,30px);border-radius:22px;border:1px solid color-mix(in srgb,var(--gift-color) 30%,white);background:linear-gradient(120deg,white 15%,color-mix(in srgb,var(--gift-color) 12%,white));color:#19333b;box-shadow:0 12px 28px #19333b12;margin:14px 0 22px}
.branded-gift:after{content:'✧';position:absolute;right:20px;top:45px;font-size:170px;line-height:1;color:var(--gift-color);opacity:.1;z-index:-1;pointer-events:none}
.branded-gift .gift-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}.gift-brand img{display:block;max-width:150px;max-height:44px;object-fit:contain}.gift-brand span{font-size:12px;font-weight:650;overflow-wrap:anywhere}
.branded-gift .gift-eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:700}.branded-gift h3{font-size:21px;margin:7px 0!important;color:inherit}.branded-gift .gift-face-value{display:block;font-size:36px;letter-spacing:-1px;line-height:1.2}.branded-gift .gift-recipient{font-size:14px;margin:12px 0 22px;overflow-wrap:anywhere}.gift-card-bottom{border-top:1px dashed #19333b40;padding-top:14px;display:flex;gap:9px;justify-content:space-between;flex-wrap:wrap;font-size:11px}.gift-code{font-family:monospace;overflow-wrap:anywhere;font-weight:700;letter-spacing:1px}

.branded-gift .gift-card-bottom>span{display:block;border:0;background:transparent;padding:0;border-radius:0;font-size:11px;line-height:1.5;box-shadow:none;color:inherit}.branded-gift .gift-brand img{width:auto}.branded-gift .gift-brand>span{border:0;background:none;padding:0;color:inherit}

/* Anticipos: la misma presentación en panel real y práctica del tutorial. */
html body:has(#admin-sidebar) .deposit-configuration .deposit-step-progress{margin:0 0 16px;padding:10px 12px;border-left:3px solid var(--primary,#167568);border-radius:8px;background:#f4f9f7;color:var(--ink,#16352e);font-size:14px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:600px){
 html body:has(#admin-sidebar) .workspace-tabs.deposit-workspace-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible}
 html body:has(#admin-sidebar) .workspace-tabs.deposit-workspace-tabs>button{min-width:0;min-height:52px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;padding:10px 6px}
 html body:has(#admin-sidebar) .deposit-configuration .deposit-preference-summary{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px}
 html body:has(#admin-sidebar) .deposit-configuration .deposit-preference-summary>dd{margin:0 0 12px}
 html body:has(#admin-sidebar) .deposit-configuration .deposit-preference-summary>dd:last-child{margin-bottom:0}
}

/* POS: reserva espacio para los accesos flotantes sin tapar Revisar venta. */
@media(min-width:901px){
 html body:has(#admin-sidebar) #workspace[data-screen=pos] .pos-cart-bar{margin-inline-end:200px}
}
@media(max-width:900px){
 html body:has(#admin-sidebar):has(#workspace[data-screen=pos] .pos-cart-bar)>main{padding-bottom:calc(164px + env(safe-area-inset-bottom,0px))!important}
 html body:has(#admin-sidebar) #workspace[data-screen=pos] .pos-cart-bar{bottom:calc(148px + env(safe-area-inset-bottom,0px));flex-wrap:wrap}
 html body:has(#admin-sidebar):has(#workspace[data-screen=pos] .pos-cart-bar) #business-support-open{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}

/* Espacio de salida para que las últimas acciones puedan superar los flotantes. */
html body:has(#admin-sidebar)>main{padding-bottom:calc(164px + env(safe-area-inset-bottom,0px))!important}
html:has(body #admin-sidebar){scroll-padding-bottom:calc(164px + env(safe-area-inset-bottom,0px))}

/* Agenda: visible dates, explicit filters and current consultation. */
html body:has(#admin-sidebar) .agenda-week-picker{margin:0 0 14px}
html body:has(#admin-sidebar) .agenda-week-picker>p{margin:0 0 8px;font-weight:600}
html body:has(#admin-sidebar) .agenda-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
html body:has(#admin-sidebar) .agenda-week-days>button{display:grid;gap:3px;place-items:center;margin:0!important;padding:8px 4px!important;min-width:44px;min-height:52px}
html body:has(#admin-sidebar) .agenda-week-days>button[aria-pressed=true]{background:var(--ink,#163b31);color:var(--panel,#fff);border:2px solid currentColor}
@media(max-width:420px){html body:has(#admin-sidebar) .agenda-week-days{grid-template-columns:repeat(4,minmax(0,1fr))}}

html body:has(#admin-sidebar) #workspace .agenda-context{margin:0 0 12px;padding:14px 16px;background:var(--panel,#fff);border:1px solid var(--line,#dce8e2);border-radius:14px}
html body:has(#admin-sidebar) #workspace .agenda-context h2{font-size:1.1rem;margin:0 0 6px;line-height:1.4}
html body:has(#admin-sidebar) #workspace .agenda-context p{margin:0;line-height:1.5;overflow-wrap:anywhere}
html body:has(#admin-sidebar) .agenda-filter-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
html body:has(#admin-sidebar) .agenda-filter-actions>button{min-height:44px;margin:0!important;white-space:normal}
html body:has(#admin-sidebar) .agenda-filter-panel{border:1px solid var(--line,#dce8e2);border-radius:14px;padding:14px;margin:0 0 14px}
html body:has(#admin-sidebar) .agenda-filter-panel[hidden]{display:none!important}
html body:has(#admin-sidebar) .agenda-filter-help{font-size:.85rem;margin:0 0 10px}
@media(max-width:540px){html body:has(#admin-sidebar) .agenda-filter-actions{display:grid;grid-template-columns:1fr}html body:has(#admin-sidebar) .agenda-filter-actions>button{width:100%}}

/* Customer identity/actions and cash records use their own hierarchy. */
html body:has(#admin-sidebar) .customer-search{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
html body:has(#admin-sidebar) .customer-search>label{flex:1 1 250px}
html body:has(#admin-sidebar) .customer-search-context{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}
html body:has(#admin-sidebar) .customer-search-context p{margin:0;overflow-wrap:anywhere}
html body:has(#admin-sidebar) :is(.customer-records,.cash-records){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
html body:has(#admin-sidebar) #workspace :is(.customer-card,.cash-record){border:1px solid var(--line,#dce8e2);background:var(--panel,#fff);border-radius:16px;padding:18px;margin:0;min-width:0;overflow-wrap:anywhere}
html body:has(#admin-sidebar) :is(.customer-card h2,.cash-record h3){font-size:1.1rem;margin:0 0 12px}
html body:has(#admin-sidebar) :is(.customer-contact,.cash-record-fields){display:grid;grid-template-columns:minmax(90px,35%) minmax(0,1fr);gap:8px 12px;margin:12px 0}
html body:has(#admin-sidebar) :is(.customer-contact,.cash-record-fields) dt{color:var(--muted,#536c7b);font-size:.85rem}
html body:has(#admin-sidebar) :is(.customer-contact,.cash-record-fields) dd{margin:0;min-width:0;overflow-wrap:anywhere}
html body:has(#admin-sidebar) .customer-preferences{padding-block:12px;border-top:1px solid var(--line,#dce8e2)}
html body:has(#admin-sidebar) .customer-preferences h3{font-size:.9rem;margin:0 0 6px}
html body:has(#admin-sidebar) .customer-preferences p{margin:0;white-space:pre-wrap}
html body:has(#admin-sidebar) .customer-actions{display:flex;flex-wrap:wrap;gap:8px}
html body:has(#admin-sidebar) :is(.customer-actions,.customer-search-context)>button{min-height:44px;margin:0!important}
html body:has(#admin-sidebar) .customer-history{margin-top:16px;border-top:1px solid var(--line,#dce8e2);padding-top:12px}
html body:has(#admin-sidebar) .customer-history[hidden]{display:none!important}
html body:has(#admin-sidebar) .customer-note{font-size:.85rem;line-height:1.5}
html body:has(#admin-sidebar) .cash-record-amount{display:grid;gap:4px;margin:0 0 14px}
html body:has(#admin-sidebar) .cash-record-amount span{font-size:.8rem;color:var(--muted,#536c7b)}
html body:has(#admin-sidebar) .cash-record-amount strong{font-size:1.45rem;font-variant-numeric:tabular-nums}
@media(max-width:700px){html body:has(#admin-sidebar) :is(.customer-records,.cash-records){grid-template-columns:1fr}}
/* Reportes: the same three amounts, one primary metric and an applied period. */
html body:has(#admin-sidebar) #workspace .report-period-controls{margin:0 0 16px}
html body:has(#admin-sidebar) #workspace .report-period-shortcuts{display:flex;flex-wrap:wrap;gap:8px}
html body:has(#admin-sidebar) #workspace .report-period-shortcuts>button{min-height:44px;margin:0!important;white-space:normal}
html body:has(#admin-sidebar) #workspace .report-period-help{font-size:.85rem;line-height:1.5;margin:8px 0 12px;color:var(--muted,#536c7b)}
html body:has(#admin-sidebar) #workspace .report-applied-period{display:grid;gap:5px;margin:0 0 16px;padding:14px 16px;border:1px solid var(--line,#dce8e2);border-radius:14px;background:var(--panel,#fff);overflow-wrap:anywhere}
html body:has(#admin-sidebar) #workspace .report-applied-period span{font-size:.8rem;color:var(--muted,#536c7b)}
html body:has(#admin-sidebar) #workspace .report-applied-period strong{font-size:1rem;font-variant-numeric:tabular-nums;line-height:1.5}
html body:has(#admin-sidebar) #workspace .report-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
html body:has(#admin-sidebar) #workspace .report-summary-metrics>.report-metric{grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;overflow-wrap:anywhere}
html body:has(#admin-sidebar) #workspace .report-summary-metrics>.report-metric-primary{grid-column:1/-1;padding:20px;border-width:2px}
html body:has(#admin-sidebar) #workspace .report-summary-metrics>.report-metric-primary strong{font-size:clamp(1.6rem,4vw,2.25rem);line-height:1.3}
html body:has(#admin-sidebar) #workspace .report-detail-action{min-height:44px;margin:12px 0 0!important}
@media(max-width:540px){html body:has(#admin-sidebar) #workspace .report-summary-metrics{grid-template-columns:minmax(0,1fr)}html body:has(#admin-sidebar) #workspace .report-summary-metrics>.report-metric{padding:14px}html body:has(#admin-sidebar) #workspace .report-detail-action{width:100%}}
/* Loyalty example: current rule, explicitly distinct from customer balance. */
html body:has(#admin-sidebar) .loyalty-rule-example{margin:14px 0;padding:16px;border:1px solid var(--line,#dce8e2);border-radius:16px;background:var(--panel,#fff)}
html body:has(#admin-sidebar) .loyalty-rule-example h3{margin:0 0 8px;font-size:1.1rem}
html body:has(#admin-sidebar) .loyalty-example-note{font-size:.85rem;line-height:1.5}
html body:has(#admin-sidebar) .loyalty-example-steps{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:loyalty-example}
html body:has(#admin-sidebar) .loyalty-example-steps li{counter-increment:loyalty-example;border:1px solid var(--line,#dce8e2);border-radius:12px;padding:12px;display:grid;gap:8px;min-width:0;overflow-wrap:anywhere}
html body:has(#admin-sidebar) .loyalty-example-steps li:before{content:counter(loyalty-example);font-size:.8rem;color:var(--muted,#536c7b)}
html body:has(#admin-sidebar) .loyalty-example-steps span{font-size:.85rem;line-height:1.4}
html body:has(#admin-sidebar) .loyalty-example-steps strong{font-size:1.2rem;font-variant-numeric:tabular-nums}
@media(max-width:600px){html body:has(#admin-sidebar) .loyalty-example-steps{grid-template-columns:1fr}}

/* Report indicator choices: visible controls and reversible local preference. */
.report-metric-picker{margin:1rem 0;max-width:100%;}
.report-metric-preference-status{font-size:.9rem;color:var(--muted,#526777);margin:.5rem 0;}
.report-metric-editor{margin:.75rem 0;padding:1rem;border:1px solid #cadcde;border-radius:14px;min-width:0;}
.report-metric-editor legend{font-weight:700;padding:0 .3rem;}
.report-metric-editor>label{display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.35rem 0;overflow-wrap:anywhere;}
.report-metric-editor input[type=checkbox]{width:1.2rem;height:1.2rem;flex:0 0 auto;margin:0;}
.report-metric-picker-actions{display:flex;flex-wrap:wrap;gap:.5rem;}
.report-metric-picker-actions button{min-height:44px;}
.report-summary-metrics>[hidden],.report-metric-editor[hidden]{display:none!important;}
@media(max-width:600px){.report-metric-picker>button{width:100%;}.report-metric-picker-actions button{flex:1 1 100px;}}
html body:has(#admin-sidebar) #workspace .report-summary-metrics:has(>.report-metric[hidden])>.report-metric:not([hidden]){grid-column:1/-1}