/* AnnualPOS Parking · capa de marca v2 (se carga DESPUÉS de app.css).
   Paleta: índigo #5b3df5 → azul #2f80ff, marino #0d1130. Tipografía Inter. Íconos SVG de trazo.
   Movimiento: hover con elevación en tarjetas/KPIs/gráficos, conteo animado de KPIs, gráficos con dibujo y tooltip. */
:root{
  --primary:#5b3df5;--primary-strong:#4a2fe0;--primary-soft:#f1eeff;--ap-blue:#2f80ff;--ap-navy:#0d1130;
  --ap-grad:linear-gradient(135deg,#5b3df5,#2f80ff);--text:#0d1130;--muted:#6b7392;--border:#e4e7f5;
  --surface-soft:#f3f5fc;--success:#12b76a;--warning:#f79009;--danger:#f04438;
  --shadow:0 1px 2px rgba(13,17,48,.04),0 12px 32px rgba(40,50,120,.07);
  --ap-shadow-hover:0 18px 40px rgba(70,70,240,.18);
}
html,body{font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--surface-soft)}
code{background:#f1eeff;color:var(--primary-strong)}
.eyebrow,.settings-eyebrow{color:var(--primary);letter-spacing:.12em;font-weight:800}

/* ---- Íconos ---- */
.ap-i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---- Menú lateral ---- */
.sidebar{background:#fff}
.sidebar-logo-full{width:190px;filter:none}
.sidebar-brand-caption{display:none}
.sidebar-brand{padding-bottom:16px}
.nav-link{justify-content:flex-start;gap:12px;font-size:14px;font-weight:600;color:#4a5071}
.nav-link small{margin-left:auto;background:#eef1ff;color:var(--primary);padding:2px 8px;border-radius:99px;font-weight:700;font-size:10.5px}
.nav-link:hover{background:#f1f2ff;color:var(--primary);transform:translateX(4px)}
.nav-link.active{background:var(--ap-grad);color:#fff;box-shadow:0 10px 22px rgba(70,70,240,.32);transform:none}
.nav-link.active small{background:rgba(255,255,255,.22);color:#fff}
summary.nav-link{list-style:none;cursor:pointer}summary.nav-link::-webkit-details-marker{display:none}
.nav-sublink{border-radius:12px;font-weight:600;font-size:13.5px;padding:9px 14px;transition:background .18s,transform .18s,color .18s}
.nav-sublink:hover{background:#f1f2ff;color:var(--primary);transform:translateX(4px)}
.nav-sublink.active{background:#f1eeff;color:var(--primary)}
.sidebar-status{margin-top:18px}
.sidebar-status .sidebar-label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:13px;font-weight:700;color:var(--ap-navy);margin-bottom:4px}
.ap-dot{width:9px;height:9px;border-radius:50%;background:#c3c8de;flex:none}
.ap-dot.is-on{background:var(--success);box-shadow:0 0 0 4px rgba(18,183,106,.18);animation:apPulse 2s infinite}
@keyframes apPulse{50%{box-shadow:0 0 0 8px rgba(18,183,106,0)}}

/* ---- Tarjetas, KPIs y paneles: elevación al pasar el cursor ---- */
.summary-card,.panel,.settings-shortcut,.list-card,.reports-card,.purchase-mini-card,.pwa-metric-card,.parking-modal-item{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.summary-card{position:relative;overflow:hidden;cursor:default;border-radius:22px}
.summary-card::after{content:"";position:absolute;right:-30px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(91,61,245,.10),transparent 70%);pointer-events:none}
.summary-card:hover,.settings-shortcut:hover,.list-card:hover,.reports-card:hover,.purchase-mini-card:hover,.pwa-metric-card:hover{
  transform:translateY(-5px);box-shadow:var(--ap-shadow-hover);border-color:#cfd3ff}
.panel:hover{box-shadow:0 14px 34px rgba(40,50,120,.11)}
.summary-card h3{font-size:28px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.summary-icon{width:50px;height:50px;border-radius:16px;background:var(--ap-grad);box-shadow:0 8px 18px rgba(60,70,230,.28);color:#fff;transition:transform .25s}
.summary-icon .ap-i{width:23px;height:23px;stroke:#fff;stroke-width:1.9}
.summary-card:hover .summary-icon{transform:translateY(-3px) rotate(-6deg) scale(1.06)}
.parking-modal-icon .ap-i{width:26px;height:26px}
.grid-cards .summary-card:nth-child(4n+2) .summary-icon{background:linear-gradient(135deg,#12b76a,#4ddc9c);box-shadow:0 8px 18px rgba(18,183,106,.28)}
.grid-cards .summary-card:nth-child(4n+3) .summary-icon{background:linear-gradient(135deg,#f79009,#ffc15a);box-shadow:0 8px 18px rgba(247,144,9,.28)}
.grid-cards .summary-card:nth-child(4n+4) .summary-icon{background:linear-gradient(135deg,#2f80ff,#58c4ff);box-shadow:0 8px 18px rgba(47,128,255,.28)}

/* ---- Botones ---- */
.btn{border-radius:14px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px rgba(40,50,120,.14)}
.btn:active:not(:disabled){transform:translateY(0)}
.btn-primary{background:var(--ap-grad);border:0;color:#fff;box-shadow:0 10px 22px rgba(70,70,240,.3)}
.btn-primary:hover:not(:disabled){box-shadow:0 16px 30px rgba(70,70,240,.4);filter:brightness(1.05)}
.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){border-color:#cfd3ff;background:#f7f6ff}

/* ---- Formularios ---- */
input,select,textarea{font-family:inherit}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#cfd3ff}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px rgba(91,61,245,.14)}
.cashier-payment-card{transition:transform .18s,box-shadow .18s,border-color .18s}
.cashier-payment-card:hover{transform:translateY(-3px);border-color:#cfd3ff}
.cashier-payment-card.is-selected{border-color:var(--primary);background:#f4f2ff;box-shadow:0 10px 24px rgba(91,61,245,.2)}

/* ---- Tablas ---- */
.table thead th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.table tbody tr{transition:background .18s}
.table tbody tr:hover{background:#f7f6ff}
.badge{border-radius:99px;font-weight:700}

/* ---- Alertas / píldoras ---- */
.alert{border-radius:14px;animation:apSlide .35s ease}
@keyframes apSlide{from{opacity:0;transform:translateY(-6px)}}
.license-pill,.user-pill{transition:transform .2s,box-shadow .2s}
.license-pill:hover,.user-pill:hover{transform:translateY(-2px);box-shadow:var(--ap-shadow-hover)}
.avatar{background:var(--ap-grad);color:#fff}

/* ---- Gráfico del dashboard ---- */
.dashboard-chart-panel{transition:box-shadow .25s,transform .25s}
.dashboard-chart-panel:hover{transform:translateY(-3px);box-shadow:var(--ap-shadow-hover)}
.dashboard-chart-shell{position:relative}
.ap-line{filter:drop-shadow(0 4px 6px rgba(91,61,245,.18))}
.ap-area{opacity:0;animation:apFade .9s .5s ease forwards}
@keyframes apFade{to{opacity:1}}
.ap-dot{transition:r .15s}
circle.ap-dot{r:3.5px}
.ap-cross{stroke:#b9bdf5;stroke-width:1.4;stroke-dasharray:4 4;pointer-events:none;transition:opacity .15s}
.ap-tip{position:absolute;min-width:150px;pointer-events:none;background:var(--ap-navy);color:#fff;border-radius:12px;padding:10px 13px;font-size:12.5px;box-shadow:0 14px 30px rgba(0,0,0,.28);transition:opacity .12s;z-index:5}
.ap-tip strong{display:block;margin-bottom:6px;font-size:12px;opacity:.85}
.ap-tip div{display:flex;align-items:center;gap:7px;margin-top:3px}.ap-tip i{width:9px;height:9px;border-radius:50%;flex:none}
.ap-tip b{margin-left:auto;padding-left:14px}.ap-tip .ap-tip-total{margin-top:7px;padding-top:6px;border-top:1px solid rgba(255,255,255,.18);font-weight:700}
.ap-legend{cursor:pointer;transition:transform .18s,opacity .18s,box-shadow .18s;user-select:none}
.ap-legend:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(40,50,120,.12)}
.ap-legend.is-off{opacity:.4;text-decoration:line-through}

/* ---- Paginación (15 por página) ---- */
.billing-pagination .btn,.cn-pager .btn{min-width:38px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}

/* Corrección: el atributo hidden debe ganar a display:grid/flex de componentes (p. ej. estado vacío del gráfico). */
[hidden]{display:none !important}

/* ---- Caja: búsqueda de ticket (alineación corregida) ---- */
.ticket-lookup-panel .ticket-lookup-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.ticket-lookup-panel .desk-input-wrap input{width:100%;max-width:100%}
.ticket-lookup-panel .desk-input-wrap{display:grid;gap:6px;position:static}
.ticket-lookup-panel .desk-input-wrap label{position:static;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.ticket-lookup-panel .desk-mini-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.ticket-lookup-panel .desk-inline-field{display:grid;gap:4px;margin:0}
.ticket-lookup-panel .desk-inline-field input{width:110px}
.ticket-lookup-panel .desk-inline-field span{font-size:12px;font-weight:700;color:var(--muted)}
.session-picker-icon .ap-i{width:18px;height:18px;color:var(--primary)}
.btn-session-picker{display:inline-flex;align-items:center;gap:8px}

/* ---- Paginación en cliente ---- */
.ap-page-hidden{display:none !important}
.ap-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.ap-pager-btns{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ap-gap{color:var(--muted);padding:0 4px}
@media print{.ap-page-hidden{display:table-row !important}.ap-pager{display:none !important}}

/* =====================================================================
   AnnualPOS Parking · capa visual v3 (fiel al prototipo aprobado)
   ===================================================================== */
:root{--b1:#5b3df5;--b2:#2f80ff;--ink:#0d1130;--ink2:#4a5071;--mut:#7b82a3;--line:#e6e9f5;--bg:#f3f5fc;--sh:0 1px 2px rgba(13,17,48,.04),0 12px 32px rgba(40,50,120,.08);--shh:0 20px 44px rgba(60,70,230,.22);--border:#e6e9f5;--muted:#7b82a3;--shadow:var(--sh)}
html,body,body.app-body{background:var(--bg);color:var(--ink)}
.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:22px 16px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);background:#fff}
.sidebar-brand{padding:2px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:10px}
.sidebar-nav{display:flex;flex-direction:column;gap:4px}
.nav-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;font-size:14px}
.sidebar-group-label{font-size:11px;letter-spacing:.14em;color:var(--mut);font-weight:700;margin:16px 14px 4px;text-transform:uppercase}
.sidebar-submenu-links{display:grid;gap:2px;margin:2px 0 4px 26px;border-left:2px solid var(--line);padding-left:8px}
.sidebar-submenu[open]>summary.nav-link{background:var(--ap-grad);color:#fff;box-shadow:0 10px 22px rgba(70,70,240,.32)}
.nav-sublink{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;font-size:13px;color:var(--ink2);text-decoration:none}
.nav-sublink small{background:#eef1ff;color:var(--b1);padding:2px 8px;border-radius:99px;font-weight:700;font-size:10.5px}
.nav-sublink.active{background:var(--ap-grad);color:#fff}.nav-sublink.active small{background:rgba(255,255,255,.22);color:#fff}
.sidebar-footer.sidebar-status{margin-top:auto;border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(180deg,#fff,#f7f8ff);font-size:12px;color:var(--ink2)}
.sidebar-small{margin:0;font-size:12px;line-height:1.4;color:var(--ink2)}

/* encabezado */
.main-panel{padding:26px 30px 40px;min-width:0}
.topbar{margin-bottom:22px;align-items:center}
.topbar h1{font-size:28px;margin:0;letter-spacing:-.02em;font-weight:800}
.topbar p{margin:3px 0 0;color:var(--mut);font-size:13.5px}
.topbar-actions{display:flex;gap:14px;align-items:center}
.license-pill,.user-pill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px 14px;font-size:13px;box-shadow:var(--sh)}
.license-pill{flex-direction:column;align-items:flex-start;gap:1px}
.license-pill strong,.user-pill strong{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.license-pill small,.user-pill small{color:var(--mut);font-size:11.5px}
.license-pill--success,.license-pill--warning,.license-pill--danger,.license-pill--info{background:#fff}
.user-pill>div{display:flex;flex-direction:column}
.avatar{width:34px;height:34px;border-radius:12px;background:var(--ap-grad);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.btn-logout{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 18px;box-shadow:var(--sh);font-weight:700}
.btn-logout .ap-i{width:18px;height:18px}

/* tarjetas KPI con mini-gráfica */
.grid-cards{gap:18px;margin-bottom:18px}
.summary-card{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);min-height:104px}
.summary-card p{margin:0;color:var(--mut);font-size:13px;font-weight:600}
.summary-card h3{margin:2px 0 0;font-size:26px;letter-spacing:-.02em;font-weight:800}
.summary-card small{display:none}
.summary-card .kpi-spark{position:absolute;right:16px;bottom:12px;opacity:.95;pointer-events:none;transition:transform .3s}
.summary-card:hover .kpi-spark{transform:translateY(-3px) scale(1.06)}
.summary-card .kpi-spark polyline{stroke-dasharray:240;stroke-dashoffset:240;animation:apDraw 1.3s ease forwards}
@keyframes apDraw{to{stroke-dashoffset:0}}
.kpi-trend{display:inline-block;font-size:12px;font-weight:800;margin-top:2px}.kpi-trend.is-up{color:#0b8a4f}.kpi-trend.is-down{color:#c4281c}
.summary-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;flex:none}
.summary-icon.g4{background:linear-gradient(135deg,#2f80ff,#58c4ff)!important;box-shadow:0 8px 18px rgba(47,128,255,.28)!important}
.summary-icon.g3{background:linear-gradient(135deg,#f79009,#ffc15a)!important;box-shadow:0 8px 18px rgba(247,144,9,.28)!important}
.summary-icon.g2{background:linear-gradient(135deg,#12b76a,#4ddc9c)!important}

/* paneles */
.panel{border-radius:22px;border:1px solid var(--line);box-shadow:var(--sh);background:#fff;padding:20px}
.panel-soft{background:#fff}
.panel-header h2,.panel h3{letter-spacing:-.01em}
.panel-header h2{font-size:18px;margin:0}
.panel-header p.muted{font-size:13px;margin:3px 0 0}
.eyebrow,.primary-text.eyebrow{font-size:11.5px;letter-spacing:.12em;font-weight:800;color:var(--b1);text-transform:uppercase;margin:0 0 6px}
.badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:99px;background:#eef1ff;color:var(--b1)}
.badge-success{background:#e7f8ef;color:#0b8a4f}.badge-warning{background:#fff3e0;color:#b25e00}.badge-danger{background:#feeceb;color:#c4281c}.badge-info{background:#eaf2ff;color:#1d5fd1}.badge-neutral{background:#eef1ff;color:var(--b1)}
.ap-live{display:inline-flex;align-items:center;gap:7px;background:#e7f8ef;color:#0b8a4f;font-weight:700;font-size:12px;border-radius:99px;padding:6px 12px}
.ap-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.2);animation:apPulse 2s infinite}

/* dashboard */
.dashboard-main-grid{grid-template-columns:1.7fr 1fr;gap:18px;align-items:start}
.dashboard-chart-legend{display:flex;gap:10px;margin:14px 0 6px;flex-wrap:wrap}
.chart-legend-item{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:700;color:var(--ink2);background:#fff}
.chart-legend-item i{width:10px;height:10px;border-radius:50%;background:var(--legend-color)}
.dashboard-chart-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.dashboard-chart-foot>div{border:1px solid var(--line);border-radius:18px;padding:14px 18px;background:linear-gradient(180deg,#fff,#f8f9ff);transition:.22s}
.dashboard-chart-foot>div:hover{transform:translateY(-4px);box-shadow:var(--shh);border-color:#cfd3ff}
.dashboard-chart-foot span{display:block;color:var(--mut);font-size:13px}
.dashboard-chart-foot strong{font-size:26px;color:var(--b1);letter-spacing:-.02em}
.vehicle-presence-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 14px}
.presence-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8f9ff);transition:.22s}
.presence-card:hover{transform:translateY(-5px);box-shadow:var(--shh);border-color:#cfd3ff}
.presence-copy p{margin:0;color:var(--mut);font-size:13px}.presence-copy h3{margin:0;font-size:24px;font-weight:800}
.ap-ico{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;flex:none;box-shadow:0 8px 18px rgba(60,70,230,.28);transition:.25s}
.ap-ico.sm{width:36px;height:36px;border-radius:12px}.ap-ico.sm .ap-i{width:18px;height:18px}
.ap-ico .ap-i{width:23px;height:23px;stroke:#fff}
.g1{background:linear-gradient(135deg,#5b3df5,#8a6bff)}.g2{background:linear-gradient(135deg,#12b76a,#4ddc9c)}.g3{background:linear-gradient(135deg,#f79009,#ffc15a)}.g4{background:linear-gradient(135deg,#2f80ff,#58c4ff)}
.presence-card:hover .ap-ico{transform:translateY(-3px) rotate(-6deg) scale(1.06)}
.ap-snp{display:block;position:relative;overflow:hidden;border-radius:18px;padding:16px;background:linear-gradient(135deg,#1a1650,#2b3fd0);color:#fff;text-decoration:none;transition:.22s}
.ap-snp:hover{transform:translateY(-4px);box-shadow:var(--shh)}
.ap-snp small{display:block;color:#c9d0ff;font-size:12px;letter-spacing:.04em}
.ap-snp b{font-size:26px;margin-right:8px}.ap-snp span{color:#c9d0ff;font-size:13.5px}
.ap-snp .ap-snp-ic{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;opacity:.85}
.ap-snp::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(120,150,255,.5),transparent 65%);pointer-events:none}
.ap-recent-title{margin:18px 0 6px;font-size:15px}
.ap-recent>div{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:9px 6px;border-bottom:1px solid var(--line);font-size:14px;transition:.15s}
.ap-recent>div:hover{background:#f7f6ff;transform:translateX(3px)}
.ap-recent b{font-weight:800}.ap-recent span{text-align:center;color:var(--mut)}.ap-recent strong{text-align:right}
.dashboard-total-strip{display:none}

/* parqueos */
.parking-hero-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#f1efff,#eaf2ff);border:1px solid #dfe3ff;border-radius:24px;padding:24px;position:relative;overflow:hidden}
.parking-hero-panel::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(91,61,245,.18),transparent 65%);pointer-events:none}
.parking-hero-panel h2{margin:0 0 4px;font-size:22px;letter-spacing:-.01em}
.parking-hero-actions{display:flex;align-items:center;gap:14px;z-index:1}
.ap-search{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;min-width:300px;transition:.15s}
.ap-search:focus-within{border-color:var(--b1);box-shadow:0 0 0 4px rgba(91,61,245,.12)}
.ap-search .ap-i{width:18px;height:18px;color:var(--mut)}
.ap-search input{border:0!important;box-shadow:none!important;background:transparent;padding:12px 0;width:100%;font:inherit;outline:0}
.parking-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.parking-main-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;align-items:start}
.parking-card-board{grid-row:span 2}
.parking-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.parking-vehicle-card{display:block;text-align:left;position:relative;cursor:pointer;border:1px solid var(--line);border-radius:20px;padding:16px;background:linear-gradient(180deg,#fff,#f8f9ff);transition:.22s;box-shadow:none}
.parking-vehicle-card:hover{transform:translateY(-6px);box-shadow:var(--shh);border-color:#cfd3ff}
.parking-card-top{display:flex;justify-content:space-between;align-items:center}
.parking-car-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#5b3df5,#8a6bff);color:#fff;box-shadow:0 8px 18px rgba(60,70,230,.25)}
.parking-car-icon .ap-i{width:23px;height:23px;stroke:#fff}
.parking-status-pill{font-size:11.5px;font-weight:800;padding:4px 12px;border-radius:99px;letter-spacing:.02em}
.parking-status-pill.is-open{background:#e7f8ef;color:#0b8a4f}.parking-status-pill.is-pending{background:#fff3e0;color:#b25e00}
.parking-card-body{display:grid;gap:6px;margin:10px 0}
.parking-plate{font-size:24px;font-weight:900;letter-spacing:.07em;border:2px solid var(--ink);border-radius:10px;padding:2px 12px;display:inline-block;background:#fff;width:max-content;max-width:100%}
.parking-ticket{font-family:"DejaVu Sans Mono",ui-monospace,monospace;font-size:12px;color:var(--ink2)}
.parking-card-footer{display:flex;justify-content:space-between;align-items:flex-end}
.parking-card-footer small{display:block;color:var(--mut);font-size:13px}
.parking-card-footer strong{font-size:17px}.parking-card-footer strong.is-money{color:var(--b1);font-size:20px}
.parking-card-actions{display:flex;gap:8px;margin-top:12px}
.btn-sm{padding:7px 12px;font-size:12.5px;border-radius:11px;display:inline-flex;align-items:center;gap:7px}.btn-sm .ap-i{width:16px;height:16px}
.parking-tip-list{display:grid;gap:12px}
.parking-tip-item{display:flex;align-items:center;gap:12px}
.parking-tip-item small{display:block;color:var(--mut);font-size:13px}.parking-tip-item strong{display:block;font-size:14px}
.parking-tip-item span.ap-ico{background-clip:padding-box}
.parking-occupancy h3{font-size:18px;margin:0 0 6px}
.ap-donut-wrap{display:flex;align-items:center;gap:18px}.ap-donut{width:150px;height:150px;flex:none}
.ap-donut-seg{transition:stroke-width .2s;cursor:pointer}.ap-donut-seg:hover{stroke-width:19}
.ap-donut-n{font-size:30px;font-weight:800;fill:var(--ink)}.ap-donut-l{font-size:12px;fill:var(--mut)}
.ap-donut-leg{list-style:none;margin:0;padding:0;display:grid;gap:10px;flex:1}.ap-donut-leg li{display:flex;align-items:center;gap:8px;font-size:14px}.ap-donut-leg i{width:10px;height:10px;border-radius:50%}.ap-donut-leg b{margin-left:auto}
.parking-empty-icon .ap-i{width:38px;height:38px;color:var(--b1)}

/* paginador */
.ap-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:13px;color:var(--ink2);flex-wrap:wrap}
.ap-pager b{color:var(--ink)}
.ap-pager-btns{display:flex;gap:6px;align-items:center}
.pg{min-width:34px;height:34px;border-radius:11px;border:1px solid var(--line);display:grid;place-items:center;font-weight:700;background:#fff;transition:.15s;cursor:pointer;font:inherit;font-weight:700;color:var(--ink)}
.pg:hover:not(:disabled){transform:translateY(-2px);border-color:#cfd3ff}.pg.on{background:var(--ap-grad);color:#fff;border:0}.pg:disabled{opacity:.4;cursor:default}

/* tablas como filas-tarjeta */
.table-wrap{overflow:auto}
.table{border-collapse:separate;border-spacing:0 6px;width:100%}
.table thead th{text-align:left;font-size:11px;letter-spacing:.1em;color:var(--mut);font-weight:800;text-transform:uppercase;padding:4px 14px;border:0}
.table td{padding:12px 14px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-left:0;border-right:0;transition:.15s;vertical-align:middle}
.table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}
.table tbody tr:hover td{background:#f7f6ff;border-color:#d9dcff}
.table tbody tr{transition:.2s}.table tbody tr:hover{transform:translateX(3px)}
.table tr:last-child td{border-bottom:1px solid var(--line)}

/* formularios y botones */
.field>span,.field>label{font-size:12.5px;font-weight:700;color:var(--ink2)}
.field input,.field select,.field textarea,.btn-outline{border:1.5px solid var(--line);border-radius:13px}
.field input,.field select,.field textarea{padding:11px 14px;font-size:14px;background:#fff;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;font-size:14px}
.btn .ap-i{width:17px;height:17px}
.btn-outline,.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}
.alert{border-radius:14px}

/* configuración: accesos como tarjetas con icono */
.settings-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.settings-shortcut{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--sh);text-decoration:none;color:var(--ink)}
.settings-shortcut .ap-ico{margin-bottom:8px;width:58px;height:58px;border-radius:18px}.settings-shortcut .ap-ico .ap-i{width:28px;height:28px}
.settings-shortcut strong{font-size:20px;letter-spacing:-.01em}
.settings-shortcut span.s-d{color:var(--mut);font-size:14px;line-height:1.45}
.settings-shortcut .s-go{display:inline-flex;align-items:center;gap:6px;color:var(--b1);font-weight:700;margin-top:6px}.settings-shortcut .s-go .ap-i{width:16px;height:16px}
.settings-shortcut:hover .s-go .ap-i{transform:translateX(4px)}.s-go .ap-i{transition:.2s}
.settings-shortcuts.settings-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}

/* login */
.ap-login-body{margin:0;font-family:Inter,"Segoe UI",system-ui,sans-serif;background:#f7f8fe;color:var(--ink)}
.ap-login{display:grid;grid-template-columns:1.2fr .9fr;min-height:100vh}
.ap-login-hero{background:linear-gradient(145deg,#0f1233 0%,#1f2370 55%,#2f55e0 100%);color:#fff;padding:56px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.ap-login-hero::before,.ap-login-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(2px);animation:apFloat 9s ease-in-out infinite;pointer-events:none}
.ap-login-hero::before{width:480px;height:480px;right:-120px;top:-100px;background:radial-gradient(circle,rgba(120,100,255,.5),transparent 62%)}
.ap-login-hero::after{width:420px;height:420px;left:-100px;bottom:-120px;background:radial-gradient(circle,rgba(47,128,255,.45),transparent 62%);animation-delay:-4s}
@keyframes apFloat{50%{transform:translate(30px,-24px) scale(1.08)}}
.ap-login-logo{position:relative;z-index:1;background:#fff;border-radius:22px;padding:18px 26px;width:max-content;box-shadow:0 20px 40px rgba(0,0,0,.2)}.ap-login-logo img{width:230px;display:block}
.ap-login-copy{position:relative;z-index:1;margin-bottom:40px}
.ap-login-tag{display:inline-block;background:rgba(255,255,255,.14);padding:7px 14px;border-radius:99px;font-size:13px;font-weight:700}
.ap-login-copy h1{font-size:46px;line-height:1.12;letter-spacing:-.02em;margin:22px 0 18px;font-weight:800}
.ap-login-copy p{font-size:18px;color:#cfd6ff;max-width:560px;line-height:1.5;margin:0 0 36px}
.ap-login-features{display:flex;gap:18px;flex-wrap:wrap}
.ap-login-features>div{width:212px;height:120px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:22px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s;backdrop-filter:blur(6px)}
.ap-login-features>div:hover{transform:translateY(-6px);background:rgba(255,255,255,.14)}
.ap-login-features .ap-ico{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2f80ff,#58a6ff);box-shadow:none}
.ap-login-features b{font-size:16px}
.ap-login-side{display:grid;place-items:center;background:#f7f8fe;padding:30px}
.ap-login-card{width:min(100%,540px);background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--sh);padding:44px}
.ap-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--b1);text-transform:uppercase;margin:0 0 4px}
.ap-login-title{font-size:32px;margin:0;letter-spacing:-.02em;font-weight:800}
.ap-login-sub{color:var(--mut);margin:8px 0 26px;font-size:15px}
.ap-field{display:grid;gap:7px;margin-bottom:16px}.ap-field>span{font-size:13.5px;font-weight:700;color:var(--ink2)}
.ap-field input{border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;font:inherit;font-size:15px;background:#fff;transition:.15s;width:100%;box-sizing:border-box}
.ap-field input:hover{border-color:#cfd3ff}.ap-field input:focus{outline:0;border-color:var(--b1);box-shadow:0 0 0 4px rgba(91,61,245,.12)}
.ap-login-btn{width:100%;border:0;border-radius:16px;padding:16px;font:inherit;font-weight:800;font-size:16px;color:#fff;background:var(--ap-grad);box-shadow:0 12px 26px rgba(70,70,240,.34);cursor:pointer;transition:.18s;margin-top:6px}
.ap-login-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(70,70,240,.42)}
.ap-login-lic{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:18px;font-size:12.5px;color:var(--mut)}
.ap-login-lic i{width:8px;height:8px;border-radius:50%;background:#12b76a}.ap-login-lic--danger i{background:#f04438}.ap-login-lic--warning i{background:#f79009}
.ap-login-foot{text-align:center;color:var(--mut);font-size:13px;margin-top:10px}
@media (max-width:900px){.ap-login{grid-template-columns:1fr}.ap-login-hero{padding:28px;min-height:auto}.ap-login-copy h1{font-size:30px}.ap-login-features{display:none}.ap-login-card{padding:28px}}
@media (max-width:1100px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.dashboard-main-grid,.parking-main-grid{grid-template-columns:1fr}.parking-card-board{grid-row:auto}.settings-shortcuts{grid-template-columns:repeat(2,1fr)}}
.settings-defaults-grid .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-defaults-grid .form-actions{display:flex;justify-content:flex-end}
.settings-kpis .summary-card:nth-child(2) .summary-icon{background:linear-gradient(135deg,#2f80ff,#58c4ff)}
.settings-kpis .summary-card:nth-child(3) .summary-icon{background:linear-gradient(135deg,#12b76a,#4ddc9c)}
.settings-kpis .summary-card:nth-child(4) .summary-icon{background:linear-gradient(135deg,#f79009,#ffc15a)}
.ap-ico.g1{background:linear-gradient(135deg,#5b3df5,#8a6bff)}.ap-ico.g2{background:linear-gradient(135deg,#12b76a,#4ddc9c)}.ap-ico.g3{background:linear-gradient(135deg,#f79009,#ffc15a)}.ap-ico.g4{background:linear-gradient(135deg,#2f80ff,#58c4ff)}
.parking-tip-item{border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
.parking-tip-item span.ap-ico{color:#fff}
.parking-main-grid{grid-template-rows:min-content 1fr}
.parking-card-board{grid-row:1 / span 2}
.parking-occupancy{align-self:start}
.summary-card .kpi-spark{width:78px;height:30px}
.ap-snp b{display:block;font-size:24px;margin:2px 0}
.ap-snp span{display:block;max-width:80%}
.ap-snp.is-off b{font-size:20px}
/* barras de documentos por día */
.ap-bars{display:flex;align-items:flex-end;gap:10px;height:230px;padding:26px 6px 0;border-bottom:1px solid var(--line);position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 56px,#eef0fa 57px)}
.ap-bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.ap-bar{display:block;width:100%;max-width:44px;height:var(--h);min-height:4px;border-radius:9px 9px 4px 4px;background:#c9c3fb;transform-origin:bottom;transform:scaleY(0);animation:apGrow .8s var(--d) ease forwards;transition:filter .15s,background .15s}
.ap-bar.is-last{background:linear-gradient(180deg,#2f80ff,#5b3df5)}
.ap-bar-col:hover .ap-bar{filter:brightness(.92);background:#8f83f7}.ap-bar-col:hover .ap-bar.is-last{filter:brightness(1.1)}
@keyframes apGrow{to{transform:scaleY(1)}}
.ap-bar-col small{position:absolute;bottom:-24px;color:var(--mut);font-size:12px}
.ap-bar-tip{position:absolute;top:0;background:var(--ink);color:#fff;border-radius:10px;padding:4px 9px;font-size:12px;font-weight:700;opacity:0;transform:translateY(6px);transition:.15s;pointer-events:none}
.ap-bar-col:hover .ap-bar-tip{opacity:1;transform:none}
.billing-charts{margin-bottom:18px}.billing-charts .ap-bars{margin-bottom:30px}
.billing-history-panel .billing-history-head{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:800}
/* caja: barra de búsqueda compacta (como el prototipo) */
.ticket-lookup-panel{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:18px 20px;margin-bottom:18px;display:flex;align-items:center;gap:14px}
.ticket-lookup-panel .ap-lookup-head{order:3;margin:0;padding:0;border:0}
.ticket-lookup-panel .ap-lookup-head>div{display:none}
.ticket-lookup-panel .desk-kbd{background:#e7f8ef;color:#0b8a4f;font-weight:700;font-size:12px;padding:6px 12px;border-radius:99px;border:0}
.ticket-lookup-panel .ticket-lookup-form{display:flex!important;flex:1;gap:10px;align-items:center;flex-wrap:nowrap}
.ticket-lookup-panel .desk-input-wrap{flex:1;min-width:0}
.ticket-lookup-panel .desk-input-wrap label{display:none}
.ticket-lookup-panel .desk-input-wrap input{width:100%;border:1.5px solid var(--b1);border-radius:14px;padding:13px 16px;font-size:18px;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 4px rgba(91,61,245,.1)}
.ticket-lookup-panel .desk-mini-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.ticket-lookup-panel .desk-inline-field{margin:0}.ticket-lookup-panel .desk-inline-field span{display:none}
.ticket-lookup-panel .desk-inline-field input{width:130px;border:1.5px solid var(--line);border-radius:13px;padding:12px 14px}
.desk-shell>.ticket-lookup-panel+.desk-main-grid{margin-top:0}
.btn-session-picker{white-space:nowrap}
/* caja: columnas sin desbordes */
.desk-main-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.desk-left-column,.desk-main-grid>*{min-width:0}
.desk-summary-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.desk-summary-top input,.desk-summary-top .desk-big-input,.desk-summary-top strong{min-width:0;max-width:100%;font-size:clamp(14px,1.3vw,20px);overflow-wrap:anywhere}
.desk-data-row strong{font-size:15px;overflow-wrap:anywhere}
@media (max-width:1280px){.desk-main-grid{grid-template-columns:1fr}}
.desk-summary-top{grid-template-columns:1fr!important}
.desk-summary-top input,.desk-summary-top strong{font-size:18px}

/* v1.3.4 premium: iconos KPI centrados + build tag web */
.summary-icon,.ap-ico,.parking-modal-icon,.pwa-metric-icon{display:inline-grid;place-items:center;line-height:0}
.summary-icon .ap-i,.ap-ico .ap-i,.parking-modal-icon .ap-i{display:block;margin:0}
.summary-card{align-items:center}
.sidebar{position:sticky}
.sidebar-footer{margin-bottom:54px}
.desk-empty-illustration,.cashier-session-picker-icon,.cashier-customer-card-icon,.hacienda-result-icon,.cashier-payment-check{display:inline-grid;place-items:center;line-height:0}
.desk-empty-illustration .ap-i,.cashier-session-picker-icon .ap-i{width:34px;height:34px;color:var(--primary,#5b3df5)}
.cashier-customer-card-icon .ap-i,.hacienda-result-icon .ap-i,.cashier-payment-check .ap-i{width:16px;height:16px;display:block}
.cashier-customer-card-meta .ap-i,.btn .ap-i{width:15px;height:15px;vertical-align:-3px}
.summary-card .summary-icon,.ap-ico,.parking-modal-icon{display:flex!important;align-items:center;justify-content:center}
.ap-filter-hidden{display:none!important}

/* Sincronizar con Hacienda */
@keyframes apSpin{to{transform:rotate(360deg)}}
.icon-sync .ap-i{width:15px;height:15px}
.icon-sync.is-needed{background:#efeeff!important;color:#4c33e0!important;box-shadow:0 0 0 0 rgba(91,61,245,.5);animation:apPulse 2.2s infinite}
.icon-sync.is-spinning .ap-i{animation:apSpin .8s linear infinite}
.icon-sync:disabled{opacity:.7;cursor:progress}
@keyframes apPulse{70%{box-shadow:0 0 0 7px rgba(91,61,245,0)}}
.ap-toast-root{position:fixed;right:22px;bottom:22px;z-index:2000;display:grid;gap:10px;max-width:min(420px,calc(100vw - 32px))}
.ap-toast{background:#171a33;color:#fff;border-radius:16px;padding:13px 16px 13px 18px;font-size:13px;font-weight:600;box-shadow:0 18px 40px rgba(23,26,51,.35);border-left:4px solid #5b3df5;animation:apPop .28s ease;transition:opacity .3s,transform .3s}
.ap-toast--success{border-left-color:#12b76a}.ap-toast--error{border-left-color:#ef4444}.ap-toast--info{border-left-color:#2f80ff}
.ap-toast.out{opacity:0;transform:translateY(8px)}

/* v1.3.8 · Validación automática de cliente en Caja */
.cashier-customer-card.is-validating{opacity:.75;pointer-events:none;animation:apValidating 1s ease-in-out infinite}
@keyframes apValidating{50%{opacity:.45}}

/* v1.3.10 · Tarjeta de versión premium */
.ap-build{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:16px;background:linear-gradient(135deg,#ffffff 0%,#f1f0ff 100%);border:1px solid #e0e3fb;box-shadow:0 8px 20px rgba(79,70,229,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ap-build:hover{transform:translateY(-3px);border-color:#c9cdfa;box-shadow:0 14px 28px rgba(79,70,229,.16)}
.ap-build-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#4F46E5,#7C6CF8);box-shadow:0 6px 14px rgba(79,70,229,.32)}
.ap-build-ico svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ap-build-copy{display:grid;gap:3px;min-width:0}
.ap-build-copy b{font-size:12px;font-weight:800;color:#1b2145;line-height:1.1;white-space:nowrap}
.ap-build-copy small{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#6b7194;flex-wrap:wrap;line-height:1.2}
.ap-build-copy em{font-style:normal;font-weight:800;color:#4F46E5;background:#ECEBFF;border-radius:99px;padding:1px 7px}
.ap-build-copy u{text-decoration:none;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.ap-build-dot{width:7px;height:7px;border-radius:50%;background:#12a06a;box-shadow:0 0 0 0 rgba(18,160,106,.5);animation:apBuildPulse 2.4s ease-out infinite}
@keyframes apBuildPulse{70%{box-shadow:0 0 0 6px rgba(18,160,106,0)}100%{box-shadow:0 0 0 0 rgba(18,160,106,0)}}

.app-build-tag.ap-build{position:absolute;left:12px;right:12px;bottom:12px}