:root{--bg:#f4f6f5;--card:#fff;--tx:#1d2b26;--mut:#6b7a74;--pri:#0f8a5f;--ama:#e0a100;--roj:#d23b3b;--bor:#dde3e0}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tx)}
header{background:var(--pri);color:#fff;padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
header h1{font-size:18px;margin:0}main{padding:16px;max-width:1100px;margin:auto}
.card{background:var(--card);border:1px solid var(--bor);border-radius:12px;padding:14px;margin-bottom:12px}
button{border:0;border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer;background:#e7ecea;color:var(--tx)}
button.pri{background:var(--pri);color:#fff}button.big{font-size:22px;padding:18px 28px;width:100%}
button.warn{background:#fdf1d3}button.dan{background:#fbe1e1}button:disabled{opacity:.4}
input,select{padding:9px;border:1px solid var(--bor);border-radius:8px;font-size:15px}
table{width:100%;border-collapse:collapse}td,th{padding:8px 6px;border-bottom:1px solid var(--bor);text-align:left;font-size:14px;vertical-align:middle}
.tag{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;background:#e7ecea}
.b-verde{background:#d7f2e4}.b-amarillo{background:#fff1c2}.b-rojo{background:#ffd6d6}
.e-consulta{background:#d7f2e4}.e-llamado{background:#fff1c2}.e-pendiente{background:#ffe8cc}
.muted{color:var(--mut);font-size:13px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.stats div{background:var(--card);border:1px solid var(--bor);border-radius:10px;padding:10px;text-align:center}
.stats b{display:block;font-size:22px}#toast{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#1d2b26;color:#fff;padding:10px 16px;border-radius:8px;display:none}
@media(max-width:640px){td,th{font-size:13px}.hide-sm{display:none}}
header .tag{background:rgba(255,255,255,.2);color:#fff}
.e-congelado{background:#dbeafe}

/* ═══ Campos para escribir: que se vean aunque la pantalla sea mala ═══
   Borde 2px oscuro (contraste ≥ 3:1, WCAG 1.4.11) + fondo gris claro que se
   distingue del blanco + foco verde grueso. Excluye el selector de bandera (.chip). */
input:not([type=checkbox]):not([type=radio]),select:not(.chip),textarea{
  background:#f3f6f5!important;border:2px solid #6b7973!important;border-radius:9px;color:#16201c;min-height:46px;padding:10px 12px}
textarea{min-height:84px;line-height:1.4}
@media(hover:hover){input:not([type=checkbox]):not([type=radio]):hover,select:not(.chip):hover,textarea:hover{border-color:#3f4b46!important}}
input:not([type=checkbox]):not([type=radio]):focus,select:not(.chip):focus,textarea:focus{
  background:#fff!important;border-color:#0f7a55!important;box-shadow:0 0 0 4px #0f7a5540!important;outline:none}
::placeholder{color:#5f6c66;opacity:1}
input[type=checkbox],input[type=radio]{width:22px!important;height:22px;min-height:0;accent-color:#0f7a55;flex:none;margin:0 6px 0 0;cursor:pointer}
label{font-weight:600;color:#26332e}
input:disabled,select:disabled,textarea:disabled{background:#e4e8e6!important;border-style:dashed!important;color:#6b7973}