body.admin-session { --ad-card:#111923; --ad-card-2:#16212f; --ad-input:#0c141e; --ad-line:#223246; --ad-line-strong:#2d4560; --ad-text:#e6edf5; --ad-muted:#9fb1c4; --ad-green:#10b981; }

/* 1. Resumen (4 tarjetas + 4 bancos) solo en Inicio */
body.admin-session .app-main:has(> #admin-live-home[hidden]) > .financial-summary,
body.admin-session .app-main:has(> #admin-live-home[hidden]) > #bank-cards { display:none !important; }
body.admin-session .app-main:has(> #admin-live-home[hidden]) > .app-header { padding-top:14px !important; padding-bottom:14px !important; margin-bottom:8px !important; }
body.admin-session .app-main:has(> #admin-live-home[hidden]) .commerce-header { padding-top:4px !important; padding-bottom:4px !important; }
body.admin-session .app-main:has(> #admin-live-home[hidden]) .commerce-header h2 { font-size:26px !important; }

/* 2. Reloj más discreto */
body.admin-session #dashboard-clock-time { font-size:26px !important; letter-spacing:0 !important; }

/* 3. Icono gigante de "Préstamos cajero" */
body.admin-session .admin-sidebar .nav-item > svg { width:20px !important; height:20px !important; flex:0 0 20px !important; }

body.admin-session #bank-cards .bank-card.disabled-bank { opacity: .55; filter: grayscale(.85); transition: opacity .2s, filter .2s; }

/* 5. Movimientos y desglose de Reportes: filas compactas tipo tabla */
body.admin-session #transactions-list,
body.admin-session #report-types { border:1px solid var(--ad-line); border-radius:12px; overflow:hidden; background:var(--ad-card); gap:0 !important; }
body.admin-session #transactions-list .admin-row,
body.admin-session #report-types .admin-row { display:flex !important; justify-content:space-between; align-items:flex-start; gap:16px; margin:0 !important; padding:12px 16px !important; border:0 !important; border-bottom:1px solid var(--ad-line) !important; border-radius:0 !important; background:transparent !important; font-size:14px; line-height:1.45; }
body.admin-session #transactions-list .admin-row:nth-child(even) { background:rgba(255,255,255,.02) !important; }
body.admin-session #transactions-list .admin-row:hover { background:rgba(255,255,255,.045) !important; }
body.admin-session #transactions-list .admin-row > b { white-space:nowrap; font-size:15px; color:var(--ad-text); }
body.admin-session #transactions-list .admin-row summary { color:var(--ad-muted); font-size:12.5px; cursor:pointer; }
body.admin-session #report-types .admin-row > b { min-width:120px; }
body.admin-session #report-types .admin-row > span { color:var(--ad-muted); text-align:right; }

/* 6. Filtros en barra horizontal */
body.admin-session #report-filters,
body.admin-session #admin-transaction-filters { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:12px !important; align-items:end; background:var(--ad-card); border:1px solid var(--ad-line); border-radius:12px; padding:16px !important; }
body.admin-session #report-filters > *,
body.admin-session #admin-transaction-filters > * { margin:0 !important; }

/* 7. Campos oscuros (antes blancos) */
body.admin-session .admin-layout input:not([type="checkbox"]):not([type="radio"]),
body.admin-session .admin-layout select,
body.admin-session .admin-layout textarea { background:var(--ad-input) !important; color:var(--ad-text) !important; border:1px solid var(--ad-line-strong) !important; border-radius:8px !important; min-height:40px; color-scheme:dark; }
body.admin-session .admin-layout input:focus,
body.admin-session .admin-layout select:focus,
body.admin-session .admin-layout textarea:focus { outline:2px solid rgba(16,185,129,.45) !important; outline-offset:1px; border-color:var(--ad-green) !important; }

/* 8. Botones grises del navegador → botón secundario del panel */
body.admin-session .admin-layout button:not([class]),
body.admin-session #vision-pair,
body.admin-session #vision-storage { background:var(--ad-card-2) !important; color:var(--ad-text) !important; border:1px solid var(--ad-line-strong) !important; border-radius:8px !important; padding:9px 14px !important; font-weight:600 !important; font-size:13.5px !important; cursor:pointer; box-shadow:none !important; }
body.admin-session .admin-layout button:not([class]):hover,
body.admin-session #vision-pair:hover,
body.admin-session #vision-storage:hover { border-color:var(--ad-green) !important; }

/* 9. Textos de ayuda legibles */
body.admin-session .financial-summary small, body.admin-session .financial-summary p { color:var(--ad-muted) !important; font-size:12px !important; }

/* 10. Reportes: totales como tarjetas */
body.admin-session #report-summary { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px !important; margin:16px 0 !important; }
body.admin-session #report-summary > article { background:var(--ad-card) !important; border:1px solid var(--ad-line) !important; border-radius:12px !important; padding:14px 16px !important; margin:0 !important; }
body.admin-session #report-summary h4 { margin:0 0 6px !important; font-size:11.5px !important; letter-spacing:.06em; text-transform:uppercase; color:var(--ad-muted) !important; }
body.admin-session #report-summary strong { font-size:22px !important; color:var(--ad-text); }
body.admin-session #report-summary small { display:block; margin-top:4px; color:var(--ad-muted) !important; font-size:12px !important; }