.preview-img.wide{width:100%;max-height:260px;object-fit:cover}.hidden-blocks{display:grid;gap:14px;margin:12px 0}.hidden-card{border:1px solid rgba(139,44,255,.28);border-radius:18px;background:rgba(139,44,255,.08);padding:14px}.hidden-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.hidden-head b{color:#e9d5ff}.hidden-card textarea{min-height:110px;margin:0}.plain-form h2{margin-top:24px}.plain-form>p{opacity:.72}.invoice-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.invoice-stat{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,rgba(17,24,39,.86),rgba(10,14,26,.86));box-shadow:0 16px 42px rgba(0,0,0,.22)}.invoice-stat i{width:52px;height:52px;border-radius:999px;display:grid;place-items:center;font-size:28px}.invoice-stat span{display:block;color:rgba(255,255,255,.7);font-weight:700}.invoice-stat b{display:block;font-size:34px;margin:4px 0;color:#fff}.invoice-stat small{font-size:15px;font-weight:800}.invoice-stat.ok i{background:rgba(34,197,94,.15);color:#22c55e}.invoice-stat.ok small{color:#22c55e}.invoice-stat.warn i{background:rgba(245,158,11,.16);color:#f59e0b}.invoice-stat.warn small{color:#f59e0b}.invoice-stat.bad i{background:rgba(236,72,153,.15);color:#ec4899}.invoice-stat.bad small{color:#ec4899}.invoice-stat.total i{background:rgba(139,92,246,.18);color:#8b5cf6}.invoice-stat.total small{color:#fff}.invoice-panel{padding:28px!important;border-radius:22px!important;background:rgba(12,16,31,.9)!important}.invoice-filters{display:grid;grid-template-columns:1fr 280px;gap:18px;margin-bottom:26px}.invoice-filters input,.invoice-filters select{height:56px;border-radius:14px;background:rgba(30,41,59,.65);border:1px solid rgba(148,163,184,.18);padding:0 18px;color:#e5e7eb}.invoice-table{border-collapse:separate!important;border-spacing:0 10px!important}.invoice-table thead th{background:rgba(255,255,255,.04)!important;border:0!important;color:rgba(255,255,255,.72);font-size:14px;padding:16px 18px!important}.invoice-table tbody tr{background:rgba(17,24,39,.7);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.invoice-table tbody td{border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding:18px!important;vertical-align:middle}.invoice-table tbody td:first-child{border-left:1px solid rgba(255,255,255,.06);border-radius:14px 0 0 14px}.invoice-table tbody td:last-child{border-right:1px solid rgba(255,255,255,.06);border-radius:0 14px 14px 0}.invoice-table a{font-weight:800;color:#e5e7eb;text-decoration:underline}.invoice-table small{display:block;margin-top:5px;color:rgba(255,255,255,.55);font-size:12px}.client-cell{display:flex;align-items:center;gap:12px}.client-avatar{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#4f46e5,#d946ef)}.invoice-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;font-weight:800;text-transform:lowercase}.invoice-pill:before{content:"";width:8px;height:8px;border-radius:50%}.invoice-pill.paid{background:rgba(22,163,74,.15);color:#4ade80}.invoice-pill.paid:before{background:#22c55e}.invoice-pill.pending{background:rgba(245,158,11,.15);color:#fbbf24}.invoice-pill.pending:before{background:#f59e0b}.invoice-pill.suspended{background:rgba(236,72,153,.15);color:#f472b6}.invoice-pill.suspended:before{background:#ec4899}.invoice-actions{display:flex;gap:10px;align-items:center}.invoice-actions form{margin:0}.invoice-actions .icon-btn{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4338ca,#7c3aed)!important;border:0;color:#fff;cursor:pointer;box-shadow:0 10px 24px rgba(124,58,237,.28)}.invoice-actions .icon-btn.danger{background:linear-gradient(135deg,#7f1d1d,#be123c)!important}.invoice-actions i{font-size:18px}.modal.show{display:flex!important}.modal .modal-box{background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:20px}.invoice-view{max-width:1000px}.invoice-total{text-align:right;margin-top:18px}.delivery-box{margin-top:20px}.delivery-box textarea{width:100%;min-height:110px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.82);color:#e5e7eb;padding:14px}@media(max-width:900px){.invoice-stats{grid-template-columns:1fr 1fr}.invoice-filters{grid-template-columns:1fr}.invoice-table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:560px){.hidden-head{align-items:flex-start}.hidden-head .link-danger{padding:7px 9px}.invoice-stats{grid-template-columns:1fr}.invoice-stat{padding:18px}.invoice-panel{padding:14px!important}.invoice-table thead{display:none}.invoice-table,.invoice-table tbody,.invoice-table tr,.invoice-table td{display:block!important;white-space:normal}.invoice-table tbody tr{margin-bottom:14px;border-radius:16px;padding:12px}.invoice-table tbody td{border:0!important;padding:8px!important}.invoice-table tbody td:first-child,.invoice-table tbody td:last-child{border-radius:0}}

/* ============ MODO CLARO PARA FACTURAS ============ */
body.light .invoice-stat{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,246,253,.88))!important;
  border-color:rgba(99,102,241,.18)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.08)!important;
}
body.light .invoice-stat span{color:rgba(15,23,42,.72)!important}
body.light .invoice-stat b{color:#0f172a!important}
body.light .invoice-stat small{color:rgba(15,23,42,.6)}

body.light .invoice-panel{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(99,102,241,.18)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.08)!important;
  color:#0f172a;
}
body.light .invoice-panel h2,
body.light .invoice-panel .head-row h2{color:#0f172a}

body.light .invoice-filters input,
body.light .invoice-filters select{
  background:rgba(15,23,42,.04)!important;
  border:1px solid rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}
body.light .invoice-filters input::placeholder{color:rgba(15,23,42,.45)}

body.light .invoice-table thead th{
  background:rgba(15,23,42,.04)!important;
  color:rgba(15,23,42,.66)!important;
}
body.light .invoice-table tbody tr{
  background:rgba(255,255,255,.96);
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.06);
}
body.light .invoice-table tbody tr:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(99,102,241,.22)}
body.light .invoice-table tbody td{
  border-top:1px solid rgba(15,23,42,.06)!important;
  border-bottom:1px solid rgba(15,23,42,.06)!important;
  color:#0f172a;
}
body.light .invoice-table tbody td:first-child{border-left:1px solid rgba(15,23,42,.06)!important}
body.light .invoice-table tbody td:last-child{border-right:1px solid rgba(15,23,42,.06)!important}
body.light .invoice-table a{color:#0f172a!important}
body.light .invoice-table small{color:rgba(15,23,42,.55)!important}
body.light .invoice-table .client-cell>div{color:#0f172a}

body.light .invoice-pill.paid{background:rgba(34,197,94,.14);color:#16a34a}
body.light .invoice-pill.pending{background:rgba(245,158,11,.16);color:#b45309}
body.light .invoice-pill.suspended{background:rgba(244,63,94,.16);color:#be123c}

body.light .delivery-box textarea{
  background:rgba(15,23,42,.03)!important;
  border-color:rgba(15,23,42,.14)!important;
  color:#0f172a!important;
}

/* Hidden cards (inventario en formularios) modo claro */
body.light .hidden-card{
  background:rgba(124,58,237,.06);
  border-color:rgba(124,58,237,.22);
}
body.light .hidden-card textarea{
  background:#fff!important;
  border-color:rgba(15,23,42,.14)!important;
  color:#0f172a!important;
}
body.light .hidden-head b{color:#7c3aed}

/* Modal estandar en modo claro */
body.light .modal-box{
  background:#fff!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a;
  box-shadow:0 30px 80px rgba(15,23,42,.18)!important;
}
body.light .modal-box h3{color:#0f172a}
body.light .modal-x{color:rgba(15,23,42,.5)}
body.light .modal-box label,
body.light .modal-box input,
body.light .modal-box select,
body.light .modal-box textarea{color:#0f172a}
body.light .modal-box input,
body.light .modal-box select,
body.light .modal-box textarea{background:rgba(15,23,42,.04)!important;border-color:rgba(15,23,42,.12)!important}

/* Page head titulos en modo claro */
body.light .page-head h1{color:#0f172a}
body.light .page-head p{color:rgba(15,23,42,.65)}

/* Card / notices base en modo claro */
body.light .notice.success{background:rgba(34,197,94,.1);color:#15803d;border-color:rgba(34,197,94,.32)}
body.light .notice.error{background:rgba(239,68,68,.1);color:#b91c1c;border-color:rgba(239,68,68,.32)}

/* Ocultar bottom-nav siempre (ya no se usa) */
.bottom-nav{display:none!important}