:root{--p:#1f4e79;--bg:#f4f6f8;--tx:#222;--ok:#1e8449;--mal:#c0392b;--av:#d68910}
*{box-sizing:border-box}body{font:14px/1.45 system-ui,Segoe UI,Arial,sans-serif;margin:0;background:var(--bg);color:var(--tx)}
header{background:var(--p);color:#fff;padding:10px 16px;display:flex;gap:16px;align-items:center}
header h1{font-size:17px;margin:0;flex:1}header a{color:#fff}
main{padding:16px;max-width:1280px;margin:auto}
form.filtro{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
input,select,button,textarea{font:inherit;padding:6px 8px;border:1px solid #bbb;border-radius:4px}
button,a.btn{background:var(--p);color:#fff;border:0;cursor:pointer;padding:6px 12px;border-radius:4px;text-decoration:none;display:inline-block}
button.sec{background:#7f8c8d}button.mal{background:var(--mal)}
table{border-collapse:collapse;width:100%;background:#fff;box-shadow:0 1px 3px #0002}
th,td{padding:6px 8px;border-bottom:1px solid #e3e6e8;text-align:left;vertical-align:top}th{background:#eaeff3;font-size:12px}
.e-vigente{color:var(--ok);font-weight:600}.e-anulado{color:var(--mal);font-weight:600}.e-sustituido{color:var(--av);font-weight:600}
.etq{font-size:11px;background:#fdebd0;color:#7e5109;padding:1px 6px;border-radius:8px;margin-left:4px}
.resumen{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.resumen div{background:#fff;padding:8px 14px;border-radius:6px;box-shadow:0 1px 3px #0002}
.login{display:flex;align-items:center;justify-content:center;min-height:100vh}
.caja{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0003;width:min(360px,92vw)}
.caja label{display:block;margin:10px 0}.caja input,.caja textarea{width:100%}.error{color:var(--mal)}.aviso{color:var(--av)}
small{color:#666}.acc form{display:inline}.acc{white-space:nowrap}
@media(max-width:800px){.oculto-m{display:none}}