/* ═══════════════════════════════════════════
   SOLIMPE — Tema Gerente (azul)
   gerente.css
═══════════════════════════════════════════ */

:root {
  --bg: #f4f2ed;
  --surface: #ffffff;
  --surface2: #f0ede7;
  --border: #ddd9cf;
  --accent: #1a3a5c;
  --accent2: #1d5fa8;
  --accent-light: #e8f0fa;
  --text: #1a1a18;
  --muted: #7a7570;
  --success: #1a6e3c;
  --danger: #c0392b;
  --danger-bg: #fdecea;
  --warning: #7a5000;
  --warning-bg: #fef6de;
}

body { background: var(--bg); color: var(--text); }

/* LOGIN */
#loginScreen { background: var(--accent); }
.login-logo { color: var(--accent); }
.login-sub { color: var(--muted); }
.login-lbl { color: var(--muted); }
.login-inp { background: var(--surface2); border-color: var(--border); color: var(--text); }
.login-inp:focus { border-color: var(--accent2); }
.login-btn { background: var(--accent); }
.login-btn:hover { background: #0e2338; }
.login-err { background: var(--danger-bg); border-color: var(--danger); color: var(--danger); }

/* HEADER */
header { background: var(--accent); }

/* CARDS */
.card { background: var(--surface); border-color: var(--border); }
.sec-label { color: var(--muted); }
.sec-label::after { background: var(--border); }

/* FORM */
.fld label { color: var(--muted); }
.fld input, .fld select, .fld textarea {
  background: var(--surface2); border-color: var(--border); color: var(--text);
}
.fld input:focus, .fld select:focus, .fld textarea:focus {
  border-color: var(--accent2); background: var(--accent-light);
}
.fld input[readonly] { color: var(--muted); }

/* ITEMS */
.items-hd span { color: var(--muted); }
.item-row input, .item-row select {
  background: var(--surface2); border-color: var(--border); color: var(--text);
}
.item-row input:focus, .item-row select:focus { border-color: var(--accent2); }
.itot { color: var(--accent2); }
.btn-rm { border-color: var(--border); color: var(--danger); }
.btn-rm:hover { background: var(--danger-bg); }
.btn-add-row { border-color: var(--border); color: var(--muted); }
.btn-add-row:hover { border-color: var(--accent2); color: var(--accent2); }

/* TOTALS */
.tot-box { background: var(--surface2); border-color: var(--border); }
.tot-row { color: var(--muted); }
.tot-row.grand { color: var(--text); border-top-color: var(--border); }
.tot-row.grand span:last-child { color: var(--accent); }

/* SUBMIT */
.btn-submit { background: var(--accent); }
.btn-submit:hover { background: #0e2338; transform: translateY(-1px); }

/* TOAST */
.toast { background: var(--success); }
.toast.err { background: var(--danger); }

/* MODAL */
.modal { border-color: var(--border); }
.modal h3 { color: var(--muted); }
.modal-note { background: var(--warning-bg); border-color: #c89000; color: var(--warning); }
.btn-sec { border-color: var(--border); color: var(--muted); }
.btn-sec:hover { background: var(--surface2); }
.btn-pri { background: var(--accent2); }
.btn-pri:hover { background: var(--accent); }

/* HISTORY */
.hist-scroll::-webkit-scrollbar-thumb { background: var(--border); }
.hist-empty { color: var(--muted); }
.hc { border-color: var(--border); }
.hc:hover { border-color: var(--accent2); }
.hc.fresh { border-color: var(--accent2); background: var(--accent-light); }
.hc-num { color: var(--accent); }
.hc-time { color: var(--muted); }
.hc-meta { color: var(--muted); }
.hc-total { color: var(--success); }
.urg-tag { background: var(--warning-bg); color: var(--warning); }