admin-panel{display:grid;grid-template-columns:16rem minmax(0,1fr);height:100dvh;overflow:hidden;background:var(--color-bg)}admin-panel>*{min-width:0}admin-panel[state=loading] admin-side,admin-panel[state=loading] admin-main,admin-panel[state=loading] admin-gate{visibility:hidden}admin-panel[state=anonymous]{grid-template-columns:minmax(0,1fr)}admin-panel[state=anonymous] admin-side,admin-panel[state=anonymous] admin-main{display:none}admin-panel[state=ready] admin-gate{display:none}admin-side{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--color-bg-elev);border-right:var(--border-1) solid var(--color-border);overflow-y:auto}side-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-6)}side-brand ocean-mark{flex:none;width:2rem}brand-text{display:flex;flex-direction:column;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-light);color:var(--color-text);line-height:var(--leading-snug)}brand-text em{font-style:italic;font-weight:var(--weight-semibold)}brand-text small{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-subtle)}side-nav{display:flex;flex-direction:column;gap:var(--space-1)}side-link{display:flex;align-items:center;gap:var(--space-3);height:2.875rem;padding-inline:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;user-select:none;white-space:nowrap;transition:background var(--dur-quick),color var(--dur-quick)}side-link:hover{background:var(--color-surface-2);color:var(--color-text)}side-link m-symbol{flex:none;font-size:22px;transition:font-variation-settings var(--dur-quick)}side-link[state=current]{background:var(--color-surface-2);color:var(--color-secondary);font-weight:var(--weight-medium)}side-link[state=current] m-symbol{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}side-foot{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding:var(--space-5) var(--space-3) var(--space-2);border-top:var(--border-1) solid var(--color-border);font-size:var(--text-sm)}side-user{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}side-user m-symbol{flex:none;font-size:18px}admin-main{display:block;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--space-10) var(--space-16)}admin-main>*[hidden=true]{display:none}admin-main>*{display:block}view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}head-text h2{font-size:var(--text-3xl);margin-bottom:var(--space-1)}head-text p{font-size:var(--text-sm)}data-list{display:flex;flex-direction:column;gap:var(--space-2)}data-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:var(--border-1) solid var(--color-border);border-left:var(--border-3) solid transparent;background:var(--color-surface);cursor:pointer;user-select:none;transition:border-color var(--dur-quick),box-shadow var(--dur-quick),transform var(--dur-quick)}data-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-2);transform:translate(2px)}data-row[state=pendiente]{border-left-color:var(--color-warning)}data-row[state=confirmado]{border-left-color:var(--color-secondary)}data-row[state=cancelado],data-row[state=closed]{border-left-color:var(--color-danger);opacity:.66}data-row[state=admin]{border-left-color:var(--color-primary)}data-row[state=past]{opacity:.6}row-title{grid-column:1;font-size:var(--text-base);color:var(--color-text)}row-meta{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);color:var(--color-text-subtle)}row-line{display:block}row-tags{grid-column:2;grid-row:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}row-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);white-space:nowrap}row-go{grid-column:3;grid-row:1 / -1;display:flex;align-items:center;color:var(--color-text-subtle)}list-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);border-radius:var(--radius-lg);border:var(--border-1) dashed var(--color-border-strong);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}list-empty m-symbol{font-size:40px;color:var(--color-secondary)}filter-bar{display:block;margin-bottom:var(--space-6)}chip-set{display:flex;flex-wrap:wrap;gap:var(--space-2)}chip-set[variant=days]{gap:0;border-radius:var(--radius-pill);overflow:hidden;width:fit-content}chip-set[variant=days] toggle-chip{border-radius:0;border-right-width:0}chip-set[variant=days] toggle-chip:last-of-type{border-right-width:var(--border-1)}toggle-chip{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:2.25rem;padding-inline:var(--space-4);border:var(--border-1) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;user-select:none;transition:background var(--dur-quick),color var(--dur-quick),border-color var(--dur-quick)}toggle-chip:hover{border-color:var(--color-secondary)}toggle-chip[state=on]{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-on-secondary)}chip-empty{font-size:var(--text-sm);color:var(--color-text-subtle)}agenda-form,cuenta-form,servicio-form,cliente-form{display:block;max-width:var(--container-narrow)}agenda-form[role=group]{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-12)}form-block{display:block;margin-bottom:var(--space-12)}form-block[hidden=true]{display:none}block-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-5)}form-grid{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-5)}form-help{display:block;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-subtle);max-width:40rem}form-block m-switch{margin-bottom:var(--space-2)}form-block>m-btn{margin-top:var(--space-4)}turno-lines,cliente-form{display:flex;flex-direction:column;gap:var(--space-4)}turno-line,cliente-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-1) solid var(--color-border)}turno-line span,cliente-line span{flex:none;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-subtle)}turno-line strong,cliente-line strong{font-weight:var(--weight-regular);color:var(--color-text);text-align:right}turno-lines m-btn{margin-top:var(--space-2)}preview-box{display:block}preview-box form-help{margin-bottom:var(--space-6)}admin-gate{display:flex;align-items:center;justify-content:center;padding:var(--gutter);overflow-y:auto}gate-card{display:block;width:min(26rem,100%);padding:var(--space-10);border-radius:var(--radius-xl);border:var(--border-1) solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-3);text-align:center}gate-card ocean-mark{width:2.5rem;margin-bottom:var(--space-4)}gate-card h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}gate-lead{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}gate-form{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}gate-foot{display:block;margin-top:var(--space-6);font-size:var(--text-sm)}@media(max-width:1100px){admin-panel{grid-template-columns:4.75rem minmax(0,1fr)}admin-panel[state=anonymous]{grid-template-columns:minmax(0,1fr)}admin-side{padding-inline:var(--space-2);align-items:center}side-link{justify-content:center;padding-inline:0;width:3rem}side-link span,brand-text,side-user,side-foot a{display:none}side-brand{padding:var(--space-2) 0 var(--space-6)}side-foot{border-top:0;padding:0}view-head{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}@media(max-width:720px){admin-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}admin-panel[state=anonymous]{grid-template-rows:1fr}admin-side{grid-row:2;flex-direction:row;align-items:center;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));border-right:0;border-top:var(--border-1) solid var(--color-border);overflow:visible}side-brand,side-foot{display:none}side-nav{flex-direction:row;justify-content:space-around;width:100%;gap:0}side-link{flex-direction:column;gap:2px;width:auto;height:auto;padding:var(--space-2) var(--space-2)}side-link span{display:block;font-size:var(--text-xs)}admin-main{grid-row:1;padding-block:var(--space-6) var(--space-10)}admin-main h2{font-size:var(--text-2xl)}data-row{grid-template-columns:1fr auto;gap:var(--space-2)}row-tags{grid-column:2;grid-row:1;justify-content:flex-end}row-meta{grid-column:1 / -1;grid-row:2}row-go{display:none}app-notice{bottom:calc(4.75rem + env(safe-area-inset-bottom))}gate-card{padding:var(--space-6)}}@media(max-width:480px){chip-set[variant=days]{width:100%}chip-set[variant=days] toggle-chip{flex:1 1 0;min-width:0;padding-inline:var(--space-2)}form-grid>*{flex:1 1 100%}}