/* GoCorte owner surfaces only. Existing data, actions and navigation contracts remain in PHP. */
.gc-owner-app{--gc-bg:#f5f6f8;--gc-surface:#fff;--gc-surface-secondary:#f0f2f6;--gc-border:#e3e7ed;--gc-text:#192231;--gc-text-secondary:#647084;--gc-primary:#285dde;--gc-success:#18794e;--gc-warning:#95651b;--gc-danger:#be3445;--gc-radius-sm:10px;--gc-radius-md:18px;--gc-radius-lg:24px;--gc-space-1:4px;--gc-space-2:8px;--gc-space-3:12px;--gc-space-4:16px;--gc-space-5:24px;--gc-space-6:32px;--bg:var(--gc-bg);--card:var(--gc-surface);--card-2:var(--gc-surface-secondary);--text:var(--gc-text);--muted:var(--gc-text-secondary);--border:var(--gc-border);--accent:var(--gc-primary);--accent-600:var(--gc-primary);--success:var(--gc-success);--danger:var(--gc-danger);--shadow-1:none;--shadow-2:none;--bn-h:76px;background:var(--gc-bg)!important;color:var(--gc-text)!important;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:15px;line-height:1.5;color-scheme:light}
.gc-owner-app.dark-mode{--gc-bg:#10151e;--gc-surface:#19212e;--gc-surface-secondary:#222d3d;--gc-border:#303c4e;--gc-text:#edf1f7;--gc-text-secondary:#a9b5c7;--gc-primary:#8aafff;--gc-success:#72d6a6;--gc-warning:#eec06b;--gc-danger:#ff8f9c;color-scheme:dark}
.gc-owner-app *{box-sizing:border-box;font-family:inherit}.gc-owner-app :is(h1,h2,h3,h4,p){overflow-wrap:anywhere}.gc-owner-app :is(h1,h2){color:var(--gc-text);font-weight:720;letter-spacing:-.035em}.gc-owner-app h2{font-size:28px;line-height:1.2;margin:0 0 24px}.gc-owner-app :is(h3,h4){letter-spacing:-.015em}.gc-owner-app .small{font-size:13px;line-height:1.5;color:var(--gc-text-secondary)}.gc-owner-app .gc-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gc-owner-app :is(.wrap,main.panel){width:100%;max-width:1280px;margin:0 auto;padding:0 24px 112px!important;min-width:0}.gc-owner-app .header{position:sticky;top:0;z-index:1000;min-height:76px;height:auto;display:flex;align-items:center;gap:14px;padding:16px 0;margin:0 0 28px;border:0;border-bottom:1px solid var(--gc-border);background:var(--gc-bg);box-shadow:none;width:100%;max-width:none}.gc-owner-app>.header{width:calc(100% - 48px);max-width:1232px;margin:0 auto 28px;padding:16px 0}.gc-owner-app .brand{font-size:15px;font-weight:750;letter-spacing:-.02em;margin-right:auto;color:var(--gc-text)}.gc-owner-app .brand .dot{width:10px;height:10px;box-shadow:none;background:var(--gc-primary)}.gc-owner-app .head-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.gc-owner-app :is(.back-btn,.bell,.logout){width:42px;min-height:42px;height:42px;padding:10px;border:1px solid var(--gc-border);border-radius:12px;background:var(--gc-surface);color:var(--gc-text);box-shadow:none;display:inline-flex;align-items:center;justify-content:center;flex:none}.gc-owner-app .logout .hide-sm{display:none}.gc-owner-app .bell{position:relative;cursor:pointer}.gc-owner-app .badge{background:var(--gc-primary);color:white;border:2px solid var(--gc-bg);font-size:10px;min-width:18px}.gc-owner-app .switch{flex:none;margin:0;width:46px}.gc-owner-app .slider{background:var(--gc-surface-secondary);box-shadow:none;border:1px solid var(--gc-border)}.gc-owner-app .switch input:checked+.slider{background:var(--gc-primary)}
.gc-owner-app :is(.btn,.btn-perfil,.btn-detalle,.btn-ticket,.btn-qr){display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--gc-border)!important;border-radius:var(--gc-radius-sm)!important;background:var(--gc-surface)!important;color:var(--gc-text)!important;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;box-shadow:none!important;transition:background .15s,transform .15s;white-space:normal}.gc-owner-app :is(.btn-primary,.btn.dark,button[type=submit]:not(.btn-outline-danger)){background:var(--gc-primary)!important;border-color:transparent!important;color:var(--gc-surface)!important}.gc-owner-app :is(.btn-outline-danger){color:var(--gc-danger)!important;background:transparent!important;border-color:transparent!important;font-size:13px}.gc-owner-app :is(a,button):hover{filter:none}.gc-owner-app :is(.btn,.btn-perfil,.btn-detalle,.btn-ticket,.btn-qr):hover{background:var(--gc-surface-secondary)!important;color:var(--gc-text)!important}.gc-owner-app :is(a,button):active{transform:translateY(1px)}.gc-owner-app :is(a,button,input,select,[tabindex]):focus-visible{outline:3px solid var(--gc-primary)!important;outline-offset:3px}.gc-owner-app :is(button,input,select):disabled{opacity:.5;cursor:not-allowed}.gc-owner-app :is(input:not([type=checkbox]):not([type=hidden]),select){min-height:44px;padding:10px 12px;color:var(--gc-text)!important;background:var(--gc-surface)!important;border:1px solid var(--gc-border)!important;border-radius:var(--gc-radius-sm)!important;font-size:14px;max-width:100%;box-shadow:none}
.gc-owner-app :is(.card,.chart-card,.det-card){background:var(--gc-surface)!important;border:1px solid var(--gc-border)!important;border-radius:var(--gc-radius-md)!important;box-shadow:none!important;color:var(--gc-text);padding:24px;min-width:0}.gc-owner-app .grid{display:grid;grid-template-columns:1fr;gap:20px;margin:0}.gc-owner-app .grid>.card{grid-column:auto!important}.gc-owner-home .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.gc-owner-home .header{margin-bottom:0}.gc-owner-home .gc-welcome{padding:8px 0!important;background:none!important;border:0!important}.gc-owner-home .gc-welcome h2{font-size:34px!important;margin-bottom:8px!important}.gc-owner-home .gc-welcome>.small{font-size:12px;margin-top:18px!important;color:var(--gc-text-secondary)}.gc-owner-home .gc-welcome>.small strong{font-weight:500}.gc-owner-home .gc-welcome .btn.dark{background:transparent!important;color:var(--gc-text-secondary)!important;font-size:12px;border:1px solid var(--gc-border)!important}.gc-owner-home .welcome-actions{margin-top:16px}.gc-owner-home .btn-perfil{width:auto;padding:10px 14px!important}.gc-owner-home .btn-perfil__ext{width:16px;height:16px}.gc-owner-home .gc-metrics{padding:0!important;border:0!important;background:none!important}.gc-owner-home .kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gc-owner-home .kpi{padding:24px;background:var(--gc-surface)!important;border:1px solid var(--gc-border)!important;border-radius:var(--gc-radius-md);box-shadow:none}.gc-owner-home .kpi h4{font-size:13px;color:var(--gc-text-secondary);font-weight:550;margin:0 0 12px}.gc-owner-home .kpi .num{font-size:clamp(28px,3vw,40px);font-weight:730;letter-spacing:-.045em;line-height:1.15;color:var(--gc-text);font-variant-numeric:tabular-nums}.gc-owner-home .liquid-bar{height:5px;border:0;background:var(--gc-surface-secondary);border-radius:8px;margin:18px 0 8px;box-shadow:none}.gc-owner-home .liquid-fill{background:var(--gc-primary)!important;border-radius:8px}.gc-owner-home .liquid-waves{display:none}.gc-owner-home .capacity-hint{font-size:12px;color:var(--gc-text-secondary)}.gc-owner-home .achv{padding:14px 18px;background:var(--gc-surface)!important;border:1px solid var(--gc-border)!important;border-radius:14px;box-shadow:none;font-size:13px;margin:0}.gc-owner-home .achv .gc-icon{color:var(--gc-primary);margin-right:8px}.gc-owner-home .achv .btn{font-size:12px;border:0!important;min-height:36px;padding:8px}.gc-owner-home .copybox{display:flex;gap:8px;flex-wrap:wrap;border:0;background:none;padding:0}.gc-owner-home #perfilLink{font-size:13px;width:100%;text-overflow:ellipsis;background:var(--gc-surface-secondary)!important}.gc-owner-home #btnPush{margin-top:16px;background:var(--gc-surface-secondary)!important;color:var(--gc-text)!important}.gc-owner-home .quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gc-owner-home .quick .btn{justify-content:flex-start;border:0!important;background:var(--gc-surface-secondary)!important;min-height:52px;text-align:left}.gc-owner-home .item{padding:10px 0;border:0;background:none!important;color:var(--gc-success);font-size:14px}.gc-owner-app .gc-tutorial-fab{background:var(--gc-surface)!important;color:var(--gc-text)!important;box-shadow:0 3px 12px #0001!important;border:1px solid var(--gc-border)!important;width:44px;height:44px;bottom:96px!important}
/* A single navigation component: tab bar on mobile, rail on desktop. */
.gc-owner-app #bn.bottom-nav{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:auto!important;min-height:76px!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;z-index:1100!important;gap:4px!important;align-items:center!important;justify-content:center!important;transform:none!important;border:0!important;border-top:1px solid var(--gc-border)!important;border-radius:0!important;background:var(--gc-surface)!important;backdrop-filter:none!important;box-shadow:none!important}.gc-owner-app #bn:after{display:none!important}.gc-owner-app #bn .nav-item{display:flex!important;flex:1!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:8px!important;min-height:52px!important;border-radius:12px!important;background:none!important;color:var(--gc-text-secondary)!important;box-shadow:none!important;text-decoration:none;font-weight:550!important}.gc-owner-app #bn .nav-icon{height:22px!important;display:flex;align-items:center;justify-content:center}.gc-owner-app #bn .nav-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;filter:none!important}.gc-owner-app #bn .nav-label{font-size:11px!important;line-height:1.3!important;color:inherit!important}.gc-owner-app #bn .nav-item.active{color:var(--gc-primary)!important;background:var(--gc-surface-secondary)!important}.gc-owner-app #bn .nav-item:before,.gc-owner-app #bn .nav-item:after{display:none!important}.gc-owner-app .bottom-cta{display:none!important}
/* Shared access sheet. */
.gc-owner-app :is(.m-drawer,.mobile-drawer){z-index:2000!important}.gc-owner-app :is(.m-drawer__overlay,.mobile-drawer .backdrop){background:rgba(10,18,32,.35)!important;backdrop-filter:none!important}.gc-owner-app :is(.m-drawer__panel,.mobile-drawer .sheet){width:min(100%,520px)!important;max-width:520px!important;max-height:85dvh!important;overflow:auto!important;left:50%!important;right:auto!important;bottom:0!important;top:auto!important;padding:20px 20px calc(24px + env(safe-area-inset-bottom))!important;border:1px solid var(--gc-border)!important;border-radius:24px 24px 0 0!important;background:var(--gc-surface)!important;color:var(--gc-text)!important;box-shadow:0 -8px 32px #0001!important;transform:translateX(-50%)!important}.gc-owner-app :is(.m-drawer__header,.drawer-header){display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:20px}.gc-owner-app :is(.m-drawer__title,.drawer-title){font-size:20px!important;letter-spacing:-.03em}.gc-owner-app :is(.m-drawer__list,.drawer-list){display:grid;gap:4px!important}.gc-owner-app :is(.m-drawer__item,.drawer-list a){display:flex;align-items:center;gap:14px;min-height:54px;padding:12px 14px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--gc-text)!important;font-size:15px!important;font-weight:550!important;text-decoration:none}.gc-owner-app :is(.m-drawer__item,.drawer-list a):hover{background:var(--gc-surface-secondary)!important}.gc-owner-app [data-drawer-close].btn{font-size:18px;min-width:44px}.gc-owner-app :is(.dropdown,.notif-dropdown){background:var(--gc-surface)!important;color:var(--gc-text)!important;border:1px solid var(--gc-border)!important;border-radius:16px!important;box-shadow:0 8px 32px #0002!important}
/* Appointment scan hierarchy, preserving each cell and its form. */
.gc-owner-app .view-tabs{display:inline-flex;background:var(--gc-surface-secondary);padding:4px;border-radius:12px;gap:4px;margin:0 0 24px}.gc-owner-app .view-tabs .chip{border:0;background:transparent;border-radius:8px;padding:8px 14px;color:var(--gc-text-secondary);font-size:14px;min-height:40px}.gc-owner-app .view-tabs .active{background:var(--gc-surface);color:var(--gc-primary);box-shadow:0 1px 3px #0001}.gc-owner-app .form-group.compact{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0;background:none;margin:0 0 20px}.gc-owner-app .totales{font-size:13px;background:none;border:0;color:var(--gc-text-secondary);padding:0;margin:12px 0}.gc-owner-app .tabla-wrapper{background:none;border:0;padding:0;overflow:visible;width:100%}.gc-owner-app .tabla-turnos{display:block;border:0!important;width:100%;background:none!important}.gc-owner-app .tabla-turnos thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.gc-owner-app .tabla-turnos tbody{display:grid;gap:12px}.gc-owner-app .tabla-turnos tr{display:grid!important;grid-template-columns:100px minmax(0,1fr) auto!important;grid-template-areas:'time client state' 'time service state' 'time barber state' 'phone actions qr'!important;gap:4px 20px!important;background:var(--gc-surface)!important;border:1px solid var(--gc-border)!important;border-radius:18px!important;padding:20px!important;box-shadow:none!important}.gc-owner-app .tabla-turnos td{display:block!important;float:none!important;width:auto!important;max-width:none!important;min-width:0!important;text-align:left!important;padding:0!important;margin:0!important;border:0!important;background:none!important;color:var(--gc-text)!important;font-size:14px;overflow-wrap:anywhere}.gc-owner-app .tabla-turnos td:before,.gc-owner-app .tabla-turnos tr:before{display:none!important}.gc-owner-app .tabla-turnos .gc-cell-time{grid-area:time;font-size:25px!important;font-weight:750;letter-spacing:-.035em;color:var(--gc-primary)!important}.gc-owner-app .tabla-turnos .gc-cell-client{grid-area:client;font-size:17px!important;font-weight:650}.gc-owner-app .tabla-turnos .gc-cell-service{grid-area:service;color:var(--gc-text-secondary)!important}.gc-owner-app .tabla-turnos .gc-cell-barber{grid-area:barber;color:var(--gc-text-secondary)!important;font-size:13px}.gc-owner-app .tabla-turnos .telefono{grid-area:phone;align-self:end}.gc-owner-app .tabla-turnos .acciones{grid-area:actions;justify-self:end;align-self:end}.gc-owner-app .tabla-turnos .estado{grid-area:state;text-align:right!important}.gc-owner-app .tabla-turnos .gc-cell-qr{grid-area:qr;justify-self:end;align-self:end}.gc-owner-app .tabla-turnos .estado div{font-size:13px!important;text-align:right!important}.gc-owner-app .tabla-turnos .btn-ticket{font-size:12px;min-height:36px;padding:8px;color:var(--gc-text-secondary)!important}.gc-owner-app :is(.pill,.tag-manual){border:0!important;background:var(--gc-surface-secondary)!important;color:var(--gc-text-secondary)!important;border-radius:8px!important;padding:4px 8px;font-size:12px}.gc-owner-app .btn-qr{border-style:solid!important;font-size:12px;min-height:38px}.gc-owner-app .tabla-turnos td img{display:none}.gc-owner-app .tabla-turnos+*{max-width:100%}
/* Analytics: one primary metric, four quiet counters, proportionate charts. */
.gc-owner-analytics .main-panel{margin:0;padding:0;width:100%;max-width:none}.gc-owner-analytics .box{border:0;background:none;box-shadow:none;padding:0;max-width:none}.gc-owner-analytics .box>h2:before,.gc-owner-analytics .card h3:before,.gc-owner-analytics .recaudo-aviso:before{display:none!important}.gc-owner-analytics .box>form{display:flex;align-items:center;gap:12px;margin-bottom:24px}.gc-owner-analytics .box>form label{font-size:13px;color:var(--gc-text-secondary)}.gc-owner-analytics .recaudo-aviso{border:1px solid var(--gc-border)!important;border-radius:18px!important;background:var(--gc-surface)!important;color:var(--gc-text-secondary);padding:28px!important;margin:0 0 20px;box-shadow:none!important;font-size:14px}.gc-owner-analytics .recaudo-aviso strong{display:block;font-size:clamp(38px,5vw,56px);line-height:1.2;letter-spacing:-.055em;color:var(--gc-text);font-weight:730;margin:12px 0}.gc-owner-analytics .recaudo-aviso span{font-size:12px;color:var(--gc-text-secondary)}.gc-owner-analytics .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.gc-owner-analytics .stats .card{padding:20px!important}.gc-owner-analytics .stats h3{font-size:13px;font-weight:550;color:var(--gc-text-secondary);margin:0 0 14px}.gc-owner-analytics .stats p{font-size:30px;font-weight:720;line-height:1.2;letter-spacing:-.035em;color:var(--gc-text);margin:0}.gc-owner-analytics .charts{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:20px;margin:0 0 24px}.gc-owner-analytics .chart-head{margin-bottom:24px}.gc-owner-analytics .chart-title{font-weight:650;font-size:16px}.gc-owner-analytics .chart-sub{font-size:12px;color:var(--gc-text-secondary);margin-top:4px}.gc-owner-analytics .chart-body{position:relative;height:260px;min-width:0;padding:0;background:none!important;border:0!important;box-shadow:none!important}.gc-owner-analytics .chart-body canvas{max-width:100%;max-height:260px;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}.gc-owner-analytics .chart-donut .chart-body{max-width:280px;margin:auto}.gc-owner-analytics .detalles{gap:20px}.gc-owner-analytics .btn-detalle{margin-bottom:24px}
@media(min-width:1100px){.gc-owner-app{padding-left:240px}.gc-owner-app :is(.wrap,main.panel){padding-left:40px!important;padding-right:40px!important;padding-bottom:48px!important}.gc-owner-app>.header{width:calc(100% - 80px);max-width:1200px}.gc-owner-app #bn.bottom-nav{top:24px!important;bottom:24px!important;left:20px!important;right:auto!important;width:200px!important;min-height:0!important;padding:24px 12px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;border:1px solid var(--gc-border)!important;border-radius:20px!important;gap:8px!important}.gc-owner-app #bn.bottom-nav:before{content:'GoCorte';display:block;color:var(--gc-text);font-size:24px;font-weight:750;letter-spacing:-.04em;padding:0 14px 24px}.gc-owner-app #bn .nav-item{flex:0!important;flex-direction:row!important;justify-content:flex-start!important;padding:14px!important;gap:12px!important}.gc-owner-app #bn .nav-label{font-size:14px!important}.gc-owner-app :is(.m-drawer__panel,.mobile-drawer .sheet){bottom:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;border-radius:24px!important;padding:24px!important;max-height:80vh!important}.gc-owner-home .wrap{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);align-items:start}.gc-owner-home .wrap>.header,.gc-owner-home .gc-welcome,.gc-owner-home .gc-metrics,.gc-owner-home .wrap>.achv{grid-column:1/-1}.gc-owner-home .quick{grid-template-columns:1fr}.gc-owner-home .gc-actions{grid-column:2;grid-row:5/span 2}.gc-owner-app .gc-tutorial-fab{bottom:24px!important}}
@media(max-width:767px){.gc-owner-app :is(.wrap,main.panel){padding:0 16px calc(108px + env(safe-area-inset-bottom))!important}.gc-owner-app>.header{width:calc(100% - 32px)}.gc-owner-app .header{min-height:68px;gap:10px;margin-bottom:20px;padding:12px 0}.gc-owner-app .brand{font-size:13px}.gc-owner-app .head-actions{gap:6px}.gc-owner-app :is(.card,.chart-card,.det-card){padding:20px}.gc-owner-app h2{font-size:26px}.gc-owner-home .gc-welcome h2{font-size:30px!important}.gc-owner-home .gc-welcome>div{gap:12px!important}.gc-owner-home .kpis{gap:12px}.gc-owner-home .kpi{padding:20px 16px}.gc-owner-home .kpi .num{font-size:30px}.gc-owner-home .quick{grid-template-columns:1fr}.gc-owner-analytics .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gc-owner-analytics .charts{grid-template-columns:minmax(0,1fr)}.gc-owner-analytics .chart-body{height:240px}.gc-owner-app .tabla-turnos tr{grid-template-columns:1fr auto!important;grid-template-areas:'time state' 'client state' 'service service' 'barber barber' 'phone phone' 'actions qr'!important;gap:6px 12px!important;padding:18px!important}.gc-owner-app .tabla-turnos .acciones{justify-self:start;margin-top:8px!important}.gc-owner-app .tabla-turnos .gc-cell-qr{margin-top:8px!important}.gc-owner-app .tabla-turnos .estado{max-width:140px!important}.gc-owner-app .tabla-turnos .gc-cell-client{margin-top:8px!important}.gc-owner-app .tabla-turnos .telefono{margin-top:8px!important}.gc-owner-app .form-group.compact input{flex:1;min-width:140px}.gc-owner-app .form-group.compact select{flex:1;min-width:120px}.gc-owner-app .form-group.compact button{flex:none}.gc-owner-app .header .back-btn{width:34px;padding:8px;min-height:38px;height:38px}.gc-owner-app .gc-tutorial-fab{right:16px!important}.gc-owner-app .box>form select{max-width:200px}}
@media(prefers-reduced-motion:reduce){.gc-owner-app *,.gc-owner-app *:before,.gc-owner-app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Neutralize legacy entrance/grid rules inside this shell only. */
.gc-owner-app{font-size:15px!important}.gc-owner-app :is(.card,.kpi,.stats .card,.chart-card,.achv){animation:none!important;opacity:1!important;transform:none!important}.gc-owner-home .wrap>.card,.gc-owner-home .wrap>.grid{margin:0!important}.gc-owner-home .kpi .num{font-size:34px!important}.gc-owner-home .liquid-bar{height:5px!important;min-height:5px!important;padding:0!important}.gc-owner-app #gcTutorialReactivate{background:var(--gc-surface)!important;color:var(--gc-text)!important;box-shadow:0 2px 12px #0001!important;border:1px solid var(--gc-border)!important;width:44px!important;height:44px!important;border-radius:14px!important;bottom:96px!important;right:18px!important}.gc-owner-app #gcTutorialReactivate:before,.gc-owner-app #gcTutorialReactivate:after{display:none!important}
.gc-owner-app .tabla-turnos tbody td{grid-area:auto!important;align-self:start!important;justify-self:stretch!important;min-width:0!important;position:static!important;max-width:none!important}.gc-owner-app .tabla-turnos tbody td.gc-cell-time{grid-area:time!important}.gc-owner-app .tabla-turnos tbody td.gc-cell-client{grid-area:client!important}.gc-owner-app .tabla-turnos tbody td.gc-cell-service{grid-area:service!important}.gc-owner-app .tabla-turnos tbody td.gc-cell-barber{grid-area:barber!important}.gc-owner-app .tabla-turnos tbody td.telefono{grid-area:phone!important}.gc-owner-app .tabla-turnos tbody td.acciones{grid-area:actions!important}.gc-owner-app .tabla-turnos tbody td.estado{grid-area:state!important;align-self:start!important;min-width:130px!important}.gc-owner-app .tabla-turnos tbody td.gc-cell-qr:not(.estado){grid-area:qr!important}.gc-owner-app .tabla-turnos tbody td.acciones form{width:auto!important;margin:0!important;padding:0!important}.gc-owner-app .tabla-turnos tbody td.acciones button{width:auto!important;min-width:80px;word-break:normal}.gc-owner-app .tabla-turnos tbody td.estado .btn-qr{margin-top:10px!important}.gc-owner-app .tabla-turnos tbody td.gc-cell-date{grid-area:phone!important;color:var(--gc-text-secondary)!important;font-size:13px}.gc-owner-app .tabla-turnos tbody td.gc-cell-status{grid-area:state!important;text-align:right!important}.gc-owner-app .tabla-turnos tbody td.gc-cell-payment{grid-area:qr!important;text-align:right!important;font-size:13px;color:var(--gc-text-secondary)!important}.gc-owner-app .tabla-wrapper{background:transparent!important;border:0!important;box-shadow:none!important}.gc-owner-app .tabla-turnos tbody tr:after{display:none!important}
@media(max-width:767px){.gc-owner-app .tabla-turnos tbody tr{grid-template-columns:minmax(0,1fr) 132px!important}.gc-owner-home .kpi .num{font-size:30px!important}.gc-owner-app .tabla-turnos tbody td.estado{max-width:132px!important;min-width:0!important}.gc-owner-app .tabla-turnos tbody td.gc-cell-client{font-size:17px!important;line-height:1.3!important;word-break:normal!important}}
.gc-owner-app :is(.card,.chart-card,.det-card){margin:0!important}.gc-owner-home .liquid-bar{height:5px!important;max-height:5px!important;min-height:0!important;border-radius:6px!important}.gc-owner-app .btn-qr:before,.gc-owner-app .btn-qr:after{display:none!important}.gc-owner-app .tabla-turnos tbody td.estado .btn-qr{width:auto!important;white-space:nowrap!important;word-break:normal!important;flex-wrap:nowrap!important;padding:8px!important;font-size:11px!important;gap:6px!important;min-height:38px!important}.gc-owner-app .btn-qr .gc-icon{width:16px;height:16px}.gc-owner-app .gc-account{border-top:1px solid var(--gc-border);margin-top:16px;padding-top:16px;display:grid;gap:12px}.gc-owner-app .gc-account .btn.dark{background:var(--gc-surface-secondary)!important;color:var(--gc-text)!important;font-size:13px}.gc-owner-home .gc-welcome>div{align-items:center!important}.gc-owner-home .welcome-actions{margin-top:12px}.gc-owner-home .gc-welcome{padding:8px 0 0!important}.gc-owner-home .wrap{gap:20px}.gc-owner-app .tabla-turnos tbody td.gc-cell-client{align-self:start!important}.gc-owner-app .btn-qr{font-weight:550!important}.gc-owner-home #bn .nav-item.active{color:var(--gc-text-secondary)!important;background:transparent!important}
.gc-owner-home .gc-actions:before,.gc-owner-home .gc-actions:after{display:none!important;content:none!important}.gc-owner-app #bn.bottom-nav .nav-item{height:auto!important;max-height:60px!important}.gc-owner-analytics .main-panel,.gc-owner-analytics .main-panel>.box{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}.gc-owner-analytics .chart-card .chart-body{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.gc-owner-analytics .chart-card .chart-body canvas{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.gc-owner-app .tabla-turnos .estado .btn-qr::before{display:none!important;content:none!important}.gc-owner-app .gc-actions{padding:24px!important}.gc-owner-home .gc-actions>.small{display:block!important;color:var(--gc-text-secondary)!important;font-size:13px;margin-bottom:16px!important}.gc-owner-home .gc-actions .quick{padding:0!important}.gc-owner-home .gc-account .small{font-size:13px!important}

/* Product polish: appointments stay readable without oversized rows. */
.gc-owner-app .tabla-turnos tbody tr:has(td.estado){grid-template-areas:'time client state' 'time service state' 'phone actions state'!important;gap:3px 18px!important;padding:16px 18px!important;align-items:start}
.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.telefono,.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.acciones{align-self:center!important}
.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.gc-cell-client,.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.telefono,.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.acciones,.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.gc-cell-qr{margin-top:0!important}
.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.gc-cell-barber{grid-area:auto!important;grid-column:2;grid-row:4}
.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.estado{align-self:start!important}
.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.acciones{justify-self:start!important}
.gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.acciones button{min-height:36px!important}
.gc-owner-app .tabla-turnos tbody tr:not(:has(td.estado)){padding:14px 18px!important;gap:2px 16px!important}
@media(max-width:767px){
  .gc-owner-app .tabla-turnos tbody tr:has(td.estado){grid-template-columns:minmax(0,1fr) 132px!important;grid-template-areas:'time state' 'client state' 'service state' 'phone phone' 'actions actions'!important;gap:3px 12px!important;padding:16px!important}
  .gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.gc-cell-barber{grid-column:1/-1;grid-row:4}
  .gc-owner-app .tabla-turnos tbody tr:has(td.gc-cell-barber) td.telefono{grid-row:5}
  .gc-owner-app .tabla-turnos tbody tr:has(td.gc-cell-barber) td.acciones{grid-row:6}
  .gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.estado{grid-column:2;grid-row:1/4}
  .gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.gc-cell-client{margin-top:0!important}
  .gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.telefono{margin-top:4px!important}
  .gc-owner-app .tabla-turnos tbody tr:has(td.estado) td.acciones{margin-top:0!important}
}
@media(min-width:1100px){.gc-owner-home .wrap>.gc-actions{grid-column:2!important;grid-row:5 / span 2!important;position:static!important;width:auto!important}.gc-owner-home .wrap>.grid{grid-column:1!important}.gc-owner-home .wrap>.grid:last-of-type{grid-row:6!important}.gc-owner-home #bn.bottom-nav .nav-item{flex:0 0 auto!important}.gc-owner-home #bn.bottom-nav{justify-content:flex-start!important}.gc-owner-app #gcTutorialReactivate{bottom:24px!important}}
@media(max-width:1099px){.gc-owner-home .wrap>.gc-actions{grid-column:auto!important;grid-row:auto!important;position:static!important;width:auto!important}}
.gc-owner-app :is(.m-drawer,.mobile-drawer).open{display:block!important}.gc-owner-app .gc-welcome:before,.gc-owner-app .kpi:before,.gc-owner-app .kpi:after{content:none!important;display:none!important}.gc-owner-app .copybox{background:transparent!important;border:0!important;padding:0!important}.gc-owner-app .gc-account{color:var(--gc-text-secondary)}

.gc-owner-app .m-drawer.open,.gc-owner-app .mobile-drawer.open{visibility:visible!important;pointer-events:auto!important}
.gc-owner-app.dark-mode :is(.btn,.btn-perfil,.logout,.quick a,#btnPush,#perfilLink,#gcTutorialReactivate){background:var(--gc-surface-secondary)!important;color:var(--gc-text)!important}
.gc-owner-app.dark-mode #bn .nav-item{color:var(--gc-text-secondary)!important}

.gc-owner-app #bn.bottom-nav{visibility:visible!important;opacity:1!important}

.gc-owner-app #bn.bottom-nav,.gc-owner-app #bn.bottom-nav .nav-item{pointer-events:auto!important}

body.gc-owner-app,body.gc-owner-app *{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif!important}.gc-owner-app.noscroll #gcTutorialReactivate{display:none!important}


/* === Owner home compact layout fix (2026-09-17) ===
   Keeps operational cards together and exposes Professionals in the desktop rail only. */
.gc-owner-home .gc-home-columns{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);
  gap:20px;
  align-items:start;
  min-width:0;
}
.gc-owner-home .gc-home-stack{
  display:grid;
  gap:20px;
  min-width:0;
}
.gc-owner-home .gc-profile-card,
.gc-owner-home .gc-payments-card,
.gc-owner-home .gc-actions{
  min-width:0;
}
.gc-owner-home .gc-actions{grid-column:auto!important;grid-row:auto!important;position:static!important;width:auto!important}
.gc-owner-home .gc-plan-inline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:16px;
  margin-top:16px;
  border-top:1px solid var(--gc-border);
}
.gc-owner-home .gc-plan-inline .small{min-width:0}
.gc-owner-home .gc-plan-btn{flex:none;background:var(--gc-surface-secondary)!important}
.gc-owner-home .gc-payment-warning{color:var(--gc-danger)!important}
.gc-owner-home #bn .gc-nav-professionals{display:none!important}

@media(min-width:1100px){
  .gc-owner-home #bn .gc-nav-professionals{display:flex!important}
}
@media(max-width:1099px){
  .gc-owner-home .gc-home-columns{grid-template-columns:1fr}
  .gc-owner-home .gc-actions{order:2}
}
@media(max-width:767px){
  .gc-owner-home .gc-home-columns{gap:16px}
  .gc-owner-home .gc-home-stack{gap:16px}
  .gc-owner-home .gc-plan-inline{align-items:stretch;flex-direction:column}
  .gc-owner-home .gc-plan-btn{width:100%}
}


/* ===== Surgical production fixes · 2026-09-17 ===== */
/* Notifications: a transformed bell makes a fixed child position against the bell on iOS.
   Keep the trigger untransformed and make the popover self-contained/responsive. */
.gc-owner-home .header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.gc-owner-home #notifBtn{
  transform:none!important;
  overflow:visible!important;
  font-size:0!important; /* hides the legacy emoji; owner-app.js already injects the SVG bell */
}
.gc-owner-home #notifBtn>.gc-icon{width:19px!important;height:19px!important;display:block!important}
.gc-owner-home #notifDrop{
  box-sizing:border-box!important;
  width:min(380px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:min(560px,calc(100dvh - 110px))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  font-size:14px!important;
  line-height:1.4!important;
}
.gc-owner-home #notifDrop .toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 14px!important;
  background:var(--gc-surface-secondary)!important;
  border-bottom:1px solid var(--gc-border)!important;
}
.gc-owner-home #notifDrop .toolbar strong{min-width:0;color:var(--gc-text)!important;font-size:14px!important}
.gc-owner-home #notifDrop .toolbar .btn{
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  height:auto!important;
  padding:7px 10px!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.gc-owner-home #notifDrop .note{padding:12px 14px!important;border-bottom:1px solid var(--gc-border)!important}
.gc-owner-home #notifDrop .note:last-child{border-bottom:0!important}
.gc-owner-home #notifDrop .note .row{display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0!important}
.gc-owner-home #notifDrop .note .row>div:first-child{flex:1 1 auto!important;min-width:0!important}
.gc-owner-home #notifDrop .note .small{display:block!important;color:var(--gc-text-secondary)!important;overflow-wrap:anywhere!important}
.gc-owner-home #notifDrop .note [data-action="read-one"]{
  flex:0 0 32px!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:9px!important
}
@media(max-width:919.98px){
  .gc-owner-home #notifDrop{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
  }
}
@media(max-width:360px){
  .gc-owner-home #notifDrop .toolbar{grid-template-columns:1fr!important}
  .gc-owner-home #notifDrop .toolbar .btn{justify-self:start!important}
}

/* Turnos: legacy inline CSS ended by forcing the total to black in dark mode.
   Reassert only the textual surfaces that must follow the Owner App theme. */
.gc-owner-appointments.dark-mode :is(.totales,.totales strong,.form-group.compact label,.empty,.auditoria h2,.auditoria h3){
  color:var(--gc-text)!important;
}
.gc-owner-appointments.dark-mode :is(.small,.small-muted,.capacity-hint,.gc-cell-service,.gc-cell-barber,.gc-cell-date,.gc-cell-payment){
  color:var(--gc-text-secondary)!important;
}
.gc-owner-appointments.dark-mode .tabla-turnos td,
.gc-owner-appointments.dark-mode .tabla-turnos th{
  border-color:var(--gc-border)!important;
}