/* ═══════════════════════════════════════════════════════════
   INFOCORP REPARADO — panel.css
   ═══════════════════════════════════════════════════════════ */

:root {
  --bg:         #07111f;
  --surf0:      #0b1929;
  --surf1:      #0f2035;
  --surf2:      #142845;
  --border:     rgba(255,255,255,0.07);
  --border2:    rgba(255,255,255,0.13);

  --gold:       #c9a84c;
  --gold2:      #f0cc76;
  --gold-bg:    rgba(201,168,76,0.12);

  --green:      #3fc27d;
  --green-bg:   rgba(63,194,125,0.1);
  --yellow:     #e8c840;
  --yellow-bg:  rgba(232,200,64,0.1);
  --red:        #e05c5c;
  --red-bg:     rgba(224,92,92,0.1);
  --orange:     #e0923a;
  --orange-bg:  rgba(224,146,58,0.1);
  --blue:       #4c8ef0;
  --blue-bg:    rgba(76,142,240,0.1);
  --gray:       #7a8fad;
  --gray-bg:    rgba(122,143,173,0.1);

  /* BUREAUS */
  --sentinel:   #1a56db;
  --equifax:    #c0392b;
  --experian:   #8e44ad;
  --transunion: #16a085;

  --text:       #dce8f5;
  --muted:      #5a7299;
  --dim:        #2a3d5a;

  --r:          12px;
  --r-sm:       8px;
  --shadow:     0 12px 40px rgba(0,0,0,0.5);
  --sidebar-w:  220px;
  --tr:         0.2s ease;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { font-size:15px; scroll-behavior:smooth; }

body {
  font-family:'DM Sans',sans-serif;
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
  display:flex;
  overflow-x:hidden;
}
a { text-decoration:none; color:inherit; }

::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:var(--dim); border-radius:10px; }

/* ══════════════════════════════════════════════════════════
   SIDEBAR
══════════════════════════════════════════════════════════ */
.sidebar {
  width:var(--sidebar-w);
  min-height:100vh;
  background:var(--surf0);
  border-right:1px solid var(--border);
  display:flex;
  flex-direction:column;
  padding:22px 14px;
  position:fixed;
  top:0;left:0;bottom:0;
  z-index:200;
  overflow:hidden;
}
.logo {
  display:flex;align-items:center;gap:10px;
  padding:0 6px 22px;
  border-bottom:1px solid var(--border);
  margin-bottom:18px;
  white-space:nowrap;
}
.logo-icon {
  width:36px;height:36px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
}
.logo-text { font-family:'Syne',sans-serif;font-weight:800;font-size:.87rem;line-height:1.15; }
.logo-text span { display:block;color:var(--gold);font-size:.56rem;font-weight:600;letter-spacing:.16em; }

.nav-sep { font-size:.56rem;letter-spacing:.15em;color:var(--dim);font-weight:700;padding:0 8px;margin:14px 0 5px; }
.nav-item {
  display:flex;align-items:center;gap:9px;
  padding:9px 10px;border-radius:9px;
  cursor:pointer;color:var(--muted);
  font-size:.82rem;font-weight:500;
  transition:all var(--tr);
  margin-bottom:2px;position:relative;
  user-select:none;white-space:nowrap;
}
.nav-item:hover { background:var(--surf1);color:var(--text); }
.nav-item.active { background:var(--gold-bg);color:var(--gold); }
.nav-item.active::before {
  content:'';position:absolute;left:0;top:25%;bottom:25%;
  width:3px;border-radius:0 2px 2px 0;background:var(--gold);
}
.nav-i { width:16px;text-align:center;font-size:14px;flex-shrink:0; }

.sidebar-bottom { margin-top:auto;border-top:1px solid var(--border);padding-top:14px; }
.user-row {
  display:flex;align-items:center;gap:9px;
  padding:9px 10px;border-radius:9px;
  background:var(--surf1);white-space:nowrap;
}
.user-av {
  width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--blue));
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:#fff;
  font-family:'Syne',sans-serif;flex-shrink:0;
}
.user-nm { font-size:.78rem;font-weight:600; }
.user-pl { font-size:.62rem;color:var(--gold); }

/* ══════════════════════════════════════════════════════════
   MAIN
══════════════════════════════════════════════════════════ */
.main {
  margin-left:var(--sidebar-w);
  flex:1;
  padding:26px 28px;
  max-width:calc(100vw - var(--sidebar-w));
  overflow-x:hidden;
}

/* ══ TOPBAR ══ */
.topbar {
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:22px;flex-wrap:wrap;gap:12px;
}
.page-h { font-family:'Syne',sans-serif;font-weight:800;font-size:1.3rem; }
.page-h em { color:var(--gold);font-style:normal; }
.page-sub { font-size:.72rem;color:var(--muted);margin-top:2px; }
.topbar-r { display:flex;gap:10px;align-items:center;flex-wrap:wrap; }

/* BUREAUS ROW */
.bureaus-row { display:flex;gap:6px;align-items:center; }
.bureau-chip {
  display:flex;align-items:center;gap:5px;
  padding:5px 10px;border-radius:6px;
  font-family:'Syne',sans-serif;font-weight:700;
  font-size:.58rem;letter-spacing:.08em;
  border:1px solid;
}
.bureau-chip .bureau-dot { width:6px;height:6px;border-radius:50; }
.bureau-chip.sentinel   { background:rgba(26,86,219,.12);border-color:rgba(26,86,219,.3); color:#6b9af0; }
.bureau-chip.sentinel .bureau-dot { background:#6b9af0;border-radius:50%; }
.bureau-chip.equifax    { background:rgba(192,57,43,.12);border-color:rgba(192,57,43,.3);color:#e87367; }
.bureau-chip.equifax .bureau-dot  { background:#e87367;border-radius:50%; }
.bureau-chip.experian   { background:rgba(142,68,173,.12);border-color:rgba(142,68,173,.3);color:#c07fe0; }
.bureau-chip.experian .bureau-dot { background:#c07fe0;border-radius:50%; }
.bureau-chip.transunion { background:rgba(22,160,133,.12);border-color:rgba(22,160,133,.3);color:#4ecdc4; }
.bureau-chip.transunion .bureau-dot { background:#4ecdc4;border-radius:50%; }

.btn-primary {
  display:flex;align-items:center;gap:6px;
  padding:9px 16px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;border:none;border-radius:9px;
  font-family:'Syne',sans-serif;font-weight:700;font-size:.78rem;
  cursor:pointer;transition:var(--tr);white-space:nowrap;
}
.btn-primary:hover { filter:brightness(1.08);transform:translateY(-1px); }

/* ══ STAT CARDS ══ */
.stats-row {
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:14px;margin-bottom:20px;
}
.stat-c {
  background:var(--surf0);border:1px solid var(--border);
  border-radius:var(--r);padding:16px;
  position:relative;overflow:hidden;
  transition:transform var(--tr);
}
.stat-c:hover { transform:translateY(-2px); }
.stat-c::after { content:'';position:absolute;top:0;left:0;right:0;height:2px; }
.stat-c.gr::after { background:linear-gradient(90deg,var(--green),transparent); }
.stat-c.am::after { background:linear-gradient(90deg,var(--yellow),transparent); }
.stat-c.r::after  { background:linear-gradient(90deg,var(--red),transparent); }
.stat-c.b::after  { background:linear-gradient(90deg,var(--blue),transparent); }
.stat-lbl { font-size:.6rem;color:var(--muted);letter-spacing:.06em;font-weight:600;margin-bottom:8px; }
.stat-val { font-family:'Syne',sans-serif;font-weight:800;font-size:1.45rem; }
.stat-val.grv { color:var(--green); }
.stat-val.amv { color:var(--yellow); }
.stat-val.rv  { color:var(--red); }
.stat-val.bv  { color:var(--blue); }
.stat-sub { font-size:.67rem;color:var(--muted);margin-top:3px; }
.stat-ico { position:absolute;top:12px;right:12px;font-size:22px;opacity:.18; }

/* ══════════════════════════════════════════════════════════
   FORM CARD
══════════════════════════════════════════════════════════ */
.form-card {
  background:var(--surf0);border:1px solid var(--border);
  border-radius:var(--r);margin-bottom:20px;overflow:hidden;
}
.form-card-head {
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid var(--border);
  flex-wrap:wrap;gap:8px;
}
.ct { font-family:'Syne',sans-serif;font-weight:700;font-size:.9rem; }
.cbadge {
  font-size:.58rem;font-weight:700;
  padding:3px 9px;border-radius:20px;letter-spacing:.05em;
}
.cba-g  { background:var(--gold-bg);  color:var(--gold); }
.cba-gr { background:var(--green-bg); color:var(--green); }
.cba-r  { background:var(--red-bg);   color:var(--red); }
.cba-b  { background:var(--blue-bg);  color:var(--blue); }
.cba-gy { background:var(--gray-bg);  color:var(--gray); }

.icon-btn {
  width:32px;height:32px;
  background:var(--surf1);border:1px solid var(--border);
  border-radius:7px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:13px;transition:var(--tr);
}
.icon-btn:hover { background:var(--surf2); }

#formBody { padding:20px; }

/* LOOKUP GRID */
.lookup-grid {
  display:grid;grid-template-columns:1fr 1fr;
  gap:16px;margin-bottom:16px;
}
.lookup-box {}
.lookup-label {
  display:flex;align-items:center;gap:8px;
  margin-bottom:8px;
}
.doc-chip {
  display:inline-flex;align-items:center;gap:4px;
  font-size:.66rem;font-weight:700;
  padding:2px 8px;border-radius:4px;
}
.dni-chip { background:var(--blue-bg);color:var(--blue);border-left:2px solid var(--blue); }
.ruc-chip { background:var(--orange-bg);color:var(--orange);border-left:2px solid var(--orange); }

.lookup-row { display:flex;gap:8px; }
.btn-lookup {
  padding:9px 14px;
  background:var(--surf2);border:1px solid var(--border2);
  border-radius:9px;color:var(--text);
  font-family:'DM Sans',sans-serif;font-weight:600;font-size:.78rem;
  cursor:pointer;transition:var(--tr);white-space:nowrap;flex-shrink:0;
}
.btn-lookup:hover:not(:disabled) { background:var(--gold-bg);border-color:var(--gold);color:var(--gold); }
.btn-lookup:disabled { opacity:.45;cursor:not-allowed; }

.lookup-result { margin-top:8px;min-height:28px; }
.lookup-ok {
  display:flex;align-items:center;gap:7px;
  padding:7px 10px;
  background:var(--green-bg);border:1px solid rgba(63,194,125,.2);
  border-radius:7px;font-size:.75rem;font-weight:500;
  animation:fadeUp .3s ease;
}
.lookup-ok .lk-photo {
  width:28px;height:36px;border-radius:4px;
  object-fit:cover;border:1px solid var(--green);flex-shrink:0;
}
.lookup-ok .lk-photo-ph {
  width:28px;height:36px;border-radius:4px;
  background:var(--surf2);display:flex;align-items:center;justify-content:center;font-size:14px;
  flex-shrink:0;
}
.lookup-err {
  padding:7px 10px;
  background:var(--red-bg);border:1px solid rgba(224,92,92,.2);
  border-radius:7px;font-size:.75rem;color:var(--red);
}
.lookup-loading {
  display:flex;align-items:center;gap:8px;
  padding:7px 10px;color:var(--muted);font-size:.75rem;
}

/* INPUTS */
.input-wrap {
  display:flex;align-items:center;
  background:var(--surf1);border:1px solid var(--border);
  border-radius:9px;overflow:hidden;flex:1;
  transition:border-color var(--tr);
}
.input-wrap:focus-within { border-color:var(--gold); }
.input-prefix {
  padding:0 10px;font-size:13px;color:var(--muted);
  flex-shrink:0;user-select:none;border-right:1px solid var(--border);
  height:100%;display:flex;align-items:center;background:var(--surf2);
}
.input-wrap input, .input-wrap textarea {
  flex:1;background:transparent;border:none;outline:none;
  padding:10px 12px;
  color:var(--text);font-family:'DM Sans',sans-serif;font-size:.88rem;
}
.input-wrap input::placeholder,
.input-wrap textarea::placeholder { color:var(--dim); }
.input-wrap input[readonly] { color:var(--muted);cursor:default; }
.textarea-wrap { align-items:flex-start; }
.textarea-wrap .input-prefix { padding-top:10px;align-self:flex-start; }
.input-wrap textarea { resize:vertical;min-height:70px; }

.flabel {
  display:block;font-size:.58rem;color:var(--muted);
  letter-spacing:.1em;font-weight:700;margin-bottom:6px;
}

.form-row-full { margin-bottom:14px; }
.form-grid-3 {
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:14px;margin-bottom:14px;
}
.form-grid-4 {
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:14px;margin-bottom:14px;
}
.form-field {}

/* SEMAFORO SELECT */
.sem-select-group {
  display:grid;grid-template-columns:1fr 1fr;
  gap:5px;
}
.sem-btn {
  padding:7px 6px;border-radius:7px;border:1px solid var(--border);
  background:var(--surf2);color:var(--muted);
  font-size:.7rem;font-weight:600;cursor:pointer;
  transition:var(--tr);font-family:'DM Sans',sans-serif;
  white-space:nowrap;
}
.sem-btn:hover { border-color:var(--border2);color:var(--text); }
.sem-active-verde    { background:var(--green-bg);border-color:var(--green)!important;color:var(--green)!important; }
.sem-active-amarillo { background:var(--yellow-bg);border-color:var(--yellow)!important;color:var(--yellow)!important; }
.sem-active-rojo     { background:var(--red-bg);border-color:var(--red)!important;color:var(--red)!important; }
.sem-active-gris     { background:var(--gray-bg);border-color:var(--gray)!important;color:var(--gray)!important; }

/* VARIACION SELECT */
.var-select-group { display:flex;flex-direction:column;gap:5px; }
.var-btn {
  padding:7px 10px;border-radius:7px;border:1px solid var(--border);
  background:var(--surf2);color:var(--muted);
  font-size:.72rem;font-weight:600;cursor:pointer;
  transition:var(--tr);font-family:'DM Sans',sans-serif;
  text-align:left;
}
.var-btn:hover { border-color:var(--border2);color:var(--text); }
.var-active { background:var(--gold-bg);border-color:var(--gold)!important;color:var(--gold)!important; }

/* BUREAU CHECKS */
.bureau-check-row { display:flex;gap:10px;flex-wrap:wrap; }
.bureau-check {
  display:flex;align-items:center;gap:7px;
  padding:9px 14px;border-radius:9px;
  border:1px solid var(--border);
  font-size:.75rem;font-weight:700;
  cursor:pointer;transition:var(--tr);
  background:var(--surf1);
  user-select:none;
}
.bureau-check input { display:none; }
.bureau-check-icon {
  width:14px;height:14px;border-radius:3px;
  border:1.5px solid var(--border2);
  display:flex;align-items:center;justify-content:center;
  transition:var(--tr);flex-shrink:0;
}
.bureau-check input:checked + .bureau-check-icon {
  background:var(--gold);border-color:var(--gold);
}
.bureau-check input:checked + .bureau-check-icon::after {
  content:'✓';font-size:9px;color:#000;font-weight:800;
}
.bureau-check.sentinel-c  { color:#6b9af0; }
.bureau-check.equifax-c   { color:#e87367; }
.bureau-check.experian-c  { color:#c07fe0; }
.bureau-check.transunion-c{ color:#4ecdc4; }
.bureau-check:hover { border-color:var(--border2); }

/* UPLOAD */
.upload-zone {
  border:2px dashed var(--border2);border-radius:10px;
  padding:24px;text-align:center;cursor:pointer;
  transition:var(--tr);background:var(--surf1);
}
.upload-zone:hover, .upload-zone.drag-over {
  border-color:var(--gold);background:var(--gold-bg);
}
.upload-icon { font-size:28px;margin-bottom:8px; }
.upload-title { font-size:.85rem;font-weight:600;margin-bottom:4px; }
.upload-sub { font-size:.72rem;color:var(--muted); }

.upload-preview {
  margin-top:10px;padding:12px 14px;
  background:var(--surf1);border:1px solid var(--border2);
  border-radius:9px;
  display:flex;align-items:center;gap:10px;
  font-size:.8rem;
}
.upload-preview .up-name { flex:1;font-weight:500; }
.upload-preview .up-size { color:var(--muted);font-size:.72rem; }
.upload-preview .up-remove {
  color:var(--red);cursor:pointer;padding:2px 6px;
  border-radius:4px;font-size:.75rem;
}
.upload-preview .up-remove:hover { background:var(--red-bg); }

/* FORM ACTIONS */
.form-actions {
  display:flex;justify-content:flex-end;gap:8px;
  padding-top:16px;border-top:1px solid var(--border);margin-top:6px;
}
.abtn {
  padding:10px 18px;border-radius:9px;border:none;cursor:pointer;
  font-family:'DM Sans',sans-serif;font-weight:600;font-size:.82rem;
  transition:var(--tr);display:flex;align-items:center;gap:7px;
}
.abtn-gold    { background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000; }
.abtn-gold:hover { filter:brightness(1.08);transform:translateY(-1px); }
.abtn-outline { background:transparent;border:1px solid var(--border);color:var(--text); }
.abtn-outline:hover { background:var(--surf1);border-color:var(--border2); }
.abtn-ghost   { background:transparent;color:var(--red);font-size:.78rem; }
.abtn-ghost:hover { background:var(--red-bg); }

/* ══════════════════════════════════════════════════════════
   TABLE CARD
══════════════════════════════════════════════════════════ */
.table-card {
  background:var(--surf0);border:1px solid var(--border);
  border-radius:var(--r);overflow:hidden;margin-bottom:20px;
}
.table-card-head {
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid var(--border);
  flex-wrap:wrap;gap:10px;
}

.semaforo-strip {
  display:flex;align-items:center;gap:8px;
  padding:9px 14px;
  background:var(--surf1);border-radius:var(--r-sm);
  margin-bottom:0;
}
.sem-lamp { width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor; }
.sem-red    { background:var(--red);  color:var(--red); }
.sem-yellow { background:var(--yellow);color:var(--yellow); }
.sem-green  { background:var(--green);color:var(--green); }
.sem-gray   { background:var(--gray); color:var(--gray); }

.filter-pills { display:flex;gap:4px; }
.fpill {
  padding:5px 10px;border-radius:7px;border:1px solid var(--border);
  background:transparent;color:var(--muted);
  font-size:.72rem;font-weight:600;cursor:pointer;transition:var(--tr);
  font-family:'DM Sans',sans-serif;
}
.fpill:hover   { background:var(--surf1);color:var(--text); }
.fpill.active  { background:var(--gold-bg);border-color:var(--gold);color:var(--gold); }

.ic-table-scroll { overflow-x:auto; }
.ic-table { width:100%;border-collapse:collapse;font-size:.75rem;min-width:960px; }
.ic-table thead th {
  background:var(--surf1);padding:9px 10px;
  text-align:left;font-size:.58rem;letter-spacing:.07em;
  color:var(--muted);font-weight:700;
  border-bottom:1px solid var(--border);white-space:nowrap;
}
.ic-table thead th.tc { text-align:center; }
.ic-table thead th.tr { text-align:right; }
.ic-table tbody td { padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:middle; }
.ic-table tbody tr:last-child td { border-bottom:none; }
.ic-table tbody tr:hover { background:var(--surf1); }
.ic-table tfoot td { padding:10px;background:var(--surf1); }

.empty-row { text-align:center;padding:40px!important;color:var(--muted); }
.empty-row div:first-child { font-size:32px;margin-bottom:8px; }
.empty-row div:last-child  { font-size:.82rem; }

.doc-tag {
  display:inline-flex;align-items:center;gap:4px;
  background:var(--surf2);color:var(--text);
  font-size:.66rem;font-weight:700;
  padding:2px 8px;border-radius:4px;margin-bottom:3px;
}
.doc-tag.dni-t { border-left:2px solid var(--blue); }
.doc-tag.ruc-t { border-left:2px solid var(--orange); }

.nom-small { font-size:.75rem;color:var(--muted); }

.bureau-pills { display:flex;gap:3px;flex-wrap:wrap; }
.bpill {
  font-size:.54rem;font-weight:700;letter-spacing:.05em;
  padding:1px 5px;border-radius:3px;
}
.bpill.sent { background:rgba(26,86,219,.15);color:#6b9af0; }
.bpill.equi { background:rgba(192,57,43,.15);color:#e87367; }
.bpill.expr { background:rgba(142,68,173,.15);color:#c07fe0; }
.bpill.tran { background:rgba(22,160,133,.15);color:#4ecdc4; }

.sem-icon { font-size:15px; }

.spill {
  display:inline-flex;align-items:center;gap:3px;
  font-size:.6rem;font-weight:700;
  padding:2px 8px;border-radius:20px;
}
.sp-g { background:var(--green-bg);color:var(--green); }
.sp-y { background:var(--yellow-bg);color:var(--yellow); }
.sp-r { background:var(--red-bg);color:var(--red); }
.sp-gy { background:var(--gray-bg);color:var(--gray); }

.monto-val { font-family:'Syne',sans-serif;font-weight:700;font-size:.84rem; }
.note-val  { font-family:'Syne',sans-serif;font-weight:700; }

/* ROW ACTION BTNS */
.row-actions { display:flex;gap:4px;justify-content:center; }
.row-btn {
  width:26px;height:26px;border-radius:6px;
  border:1px solid var(--border);background:var(--surf2);
  color:var(--muted);cursor:pointer;
  font-size:12px;display:flex;align-items:center;justify-content:center;
  transition:var(--tr);
}
.row-btn:hover { background:var(--surf1);color:var(--text); }
.row-btn.edit-btn:hover  { border-color:var(--gold);color:var(--gold); }
.row-btn.del-btn:hover   { border-color:var(--red);color:var(--red); }
.row-btn.doc-btn:hover   { border-color:var(--blue);color:var(--blue); }

/* INDEX BADGE */
.idx-badge {
  width:22px;height:22px;border-radius:5px;
  background:var(--surf2);color:var(--muted);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.65rem;font-weight:700;font-family:'Syne',sans-serif;
}

/* ══════════════════════════════════════════════════════════
   MODAL
══════════════════════════════════════════════════════════ */
.modal-overlay {
  position:fixed;inset:0;
  background:rgba(0,0,0,.7);backdrop-filter:blur(4px);
  z-index:1000;display:flex;align-items:center;justify-content:center;
  padding:20px;
}
.modal-box {
  background:var(--surf0);border:1px solid var(--border2);
  border-radius:var(--r);max-width:700px;width:100%;
  max-height:90vh;display:flex;flex-direction:column;
  box-shadow:var(--shadow);
  animation:fadeUp .3s ease;
}
.modal-head {
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid var(--border);
  font-family:'Syne',sans-serif;font-weight:700;font-size:.9rem;
}
.modal-body { padding:18px;overflow-y:auto;flex:1; }
.modal-body img, .modal-body embed {
  width:100%;border-radius:8px;max-height:60vh;object-fit:contain;
}

/* ══════════════════════════════════════════════════════════
   TOAST
══════════════════════════════════════════════════════════ */
.toast-container { position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999; }
.toast {
  min-width:260px;max-width:340px;
  background:var(--surf1);border:1px solid var(--border2);
  border-radius:10px;padding:12px 16px;
  font-size:.8rem;font-weight:500;
  box-shadow:var(--shadow);
  animation:slideIn .3s ease;
  display:flex;align-items:center;gap:10px;
}
.toast.success { border-left:3px solid var(--green); }
.toast.error   { border-left:3px solid var(--red); }
.toast.info    { border-left:3px solid var(--gold); }
@keyframes slideIn { from { opacity:0;transform:translateX(20px); } to { opacity:1;transform:translateX(0); } }
@keyframes slideOut { to { opacity:0;transform:translateX(30px); } }
.toast.removing { animation:slideOut .3s ease forwards; }
@keyframes fadeUp { from { opacity:0;transform:translateY(10px); } to { opacity:1;transform:none; } }

/* ══════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════ */
@media (max-width:1200px) {
  .stats-row { grid-template-columns:1fr 1fr; }
  .form-grid-4 { grid-template-columns:1fr 1fr; }
}
@media (max-width:900px) {
  :root { --sidebar-w:56px; }
  .logo-text, .nav-item > span:not(.nav-i), .user-nm, .user-pl { display:none; }
  .nav-item { justify-content:center; }
  .main { padding:16px 14px; }
  .lookup-grid { grid-template-columns:1fr; }
  .form-grid-3 { grid-template-columns:1fr 1fr; }
  .bureaus-row { display:none; }
}
@media (max-width:600px) {
  .stats-row { grid-template-columns:1fr; }
  .form-grid-3, .form-grid-4 { grid-template-columns:1fr; }
}