/* APP TIENDA · V16 ADMIN · ANALISIS VISUAL */
body.v10-admin .v16-panel{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #dbe5f1;border-radius:16px;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.055);color:#172033}
body.v10-admin .v16-panel-head,body.v10-admin .v16-analytics-head,body.v10-admin .v16-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.v10-admin .v16-panel-head h3,body.v10-admin .v16-analytics-head h3,body.v10-admin .v16-card-head h4{margin:2px 0 3px;color:inherit}
body.v10-admin .v16-panel-head p,body.v10-admin .v16-analytics-head p,body.v10-admin .v16-card-head p{margin:0;color:#64748b;font-size:.82rem;line-height:1.35}
body.v10-admin .v16-panel-head>strong{font-size:1.2rem;color:#1d4ed8;white-space:nowrap}
body.v10-admin #v16AdminHomeChart{margin-top:12px}
body.v10-admin #v16AdminAnalytics{margin:12px 0 16px}
body.v10-admin .v16-history-analytics{display:grid;gap:10px}
body.v10-admin .v16-analytics-head{padding:2px 2px 0}
body.v10-admin .v16-analytics-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:10px}
body.v10-admin .v16-top-panel{grid-column:1/-1}
body.v10-admin .v16-card-head{margin-bottom:12px}
body.v10-admin .v16-legend{display:flex;gap:8px;flex-wrap:wrap;font-size:.72rem;color:#64748b}
body.v10-admin .v16-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:4px;background:#2563eb}
body.v10-admin .v16-legend .out:before{background:#f59e0b}

body.v10-admin .v16-bars{height:190px;display:flex;align-items:stretch;gap:5px;overflow-x:auto;padding:10px 2px 0;scrollbar-width:thin}
body.v10-admin .v16-bars.is-compact{height:160px}
body.v10-admin .v16-bar-col{min-width:34px;flex:1;display:grid;grid-template-rows:22px 1fr 22px;align-items:end;text-align:center}
body.v10-admin .v16-bar-value{font-size:.64rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v10-admin .v16-bar-track{height:100%;min-height:70px;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#f3f7fc,#edf3fa);display:flex;align-items:flex-end;overflow:hidden;border:1px solid #e5edf6}
body.v10-admin .v16-bar-track i{display:block;width:100%;background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:7px 7px 2px 2px;min-height:0;transition:height .25s ease}
body.v10-admin .v16-bar-col>span{font-size:.65rem;color:#64748b;white-space:nowrap}

body.v10-admin .v16-compare-scroll{overflow-x:auto;scrollbar-width:thin;padding-top:4px}
body.v10-admin .v16-compare{display:grid;grid-template-columns:repeat(var(--v16-cols),minmax(36px,1fr));gap:5px;min-width:max(100%,calc(var(--v16-cols) * 38px));height:180px}
body.v10-admin .v16-compare-col{display:grid;grid-template-rows:1fr 24px;min-width:0;text-align:center}
body.v10-admin .v16-pair{display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid #dbe5f1;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#eef3f8 33px);padding:0 2px}
body.v10-admin .v16-pair i{width:42%;border-radius:6px 6px 1px 1px;min-height:0}
body.v10-admin .v16-pair .sale{background:linear-gradient(180deg,#60a5fa,#2563eb)}
body.v10-admin .v16-pair .out{background:linear-gradient(180deg,#fbbf24,#f59e0b)}
body.v10-admin .v16-compare-col>span{font-size:.65rem;color:#64748b;align-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body.v10-admin .v16-payment-bars{display:grid;gap:10px}
body.v10-admin .v16-payment-row{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;padding:4px 0;background:none!important;border:0!important;color:inherit!important;text-align:left;box-shadow:none!important;min-height:32px}
body.v10-admin .v16-payment-row>span{font-size:.8rem;font-weight:700}
body.v10-admin .v16-payment-row>div{height:10px;border-radius:999px;background:#edf3f8;overflow:hidden;border:1px solid #e1e9f2}
body.v10-admin .v16-payment-row i{display:block;height:100%;min-width:2px;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#2563eb)}
body.v10-admin .v16-payment-row strong{font-size:.8rem;white-space:nowrap}
body.v10-admin .v16-payment-row:hover>div{outline:2px solid rgba(37,99,235,.12)}
body.v10-admin .v16-chart-note{display:block;margin-top:10px;color:#64748b;line-height:1.35}

body.v10-admin .v16-top-list{display:grid;gap:9px}
body.v10-admin .v16-top-row{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center}
body.v10-admin .v16-top-row>b{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:.78rem}
body.v10-admin .v16-top-row>div{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(90px,2fr) auto;gap:10px;align-items:center;min-width:0}
body.v10-admin .v16-top-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
body.v10-admin .v16-top-row span{height:9px;background:#edf3f8;border-radius:999px;overflow:hidden}
body.v10-admin .v16-top-row span i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#34d399,#059669)}
body.v10-admin .v16-top-row small{white-space:nowrap;color:#64748b}
body.v10-admin .v16-empty{min-height:110px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;color:#64748b;padding:18px}
body.v10-admin .v16-empty strong{color:#334155}
body.v10-admin .v16-empty.compact{min-height:80px}
body.v10-admin .v16-panel.is-loading,body.v10-admin #v16AdminAnalytics.is-loading{opacity:.72}

/* Dark mode: azul-gris, no negro puro */
body.lab-theme-dark.v10-admin .v16-panel{background:linear-gradient(180deg,#172235,#141e2f)!important;border-color:#34445c!important;color:#eef4ff!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
body.lab-theme-dark.v10-admin .v16-panel-head p,body.lab-theme-dark.v10-admin .v16-analytics-head p,body.lab-theme-dark.v10-admin .v16-card-head p,body.lab-theme-dark.v10-admin .v16-bar-value,body.lab-theme-dark.v10-admin .v16-bar-col>span,body.lab-theme-dark.v10-admin .v16-compare-col>span,body.lab-theme-dark.v10-admin .v16-chart-note,body.lab-theme-dark.v10-admin .v16-top-row small,body.lab-theme-dark.v10-admin .v16-legend{color:#9fb0c8!important}
body.lab-theme-dark.v10-admin .v16-panel-head>strong{color:#7db1ff!important}
body.lab-theme-dark.v10-admin .v16-bar-track,body.lab-theme-dark.v10-admin .v16-payment-row>div,body.lab-theme-dark.v10-admin .v16-top-row span{background:#0f1a2a!important;border-color:#304159!important}
body.lab-theme-dark.v10-admin .v16-pair{border-color:#34445c!important;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,rgba(148,163,184,.08) 33px)!important}
body.lab-theme-dark.v10-admin .v16-top-row>b{background:#172f59!important;color:#bfdbfe!important}
body.lab-theme-dark.v10-admin .v16-empty{color:#9fb0c8!important}body.lab-theme-dark.v10-admin .v16-empty strong{color:#e8f0fb!important}

@media(max-width:760px){
  body.v10-admin .v16-panel{border-radius:14px;padding:11px}
  body.v10-admin .v16-analytics-grid{grid-template-columns:1fr}
  body.v10-admin .v16-top-panel{grid-column:auto}
  body.v10-admin .v16-panel-head{align-items:center}
  body.v10-admin .v16-panel-head p{font-size:.72rem}
  body.v10-admin .v16-panel-head>strong{font-size:1rem}
  body.v10-admin .v16-bars.is-compact{height:145px}
  body.v10-admin .v16-bar-col{min-width:30px;grid-template-rows:18px 1fr 18px}
  body.v10-admin .v16-bar-value{display:none}
  body.v10-admin .v16-compare{height:160px}
  body.v10-admin .v16-payment-row{grid-template-columns:62px 1fr auto;gap:6px}
  body.v10-admin .v16-top-row>div{grid-template-columns:minmax(0,1fr) 92px;gap:7px}
  body.v10-admin .v16-top-row small{grid-column:1/-1;margin-top:-4px}
  body.v10-admin .v16-top-row span{height:7px}
}