:root{--valquer-blue:#1B3A52;--valquer-blue-dark:#152E42;--valquer-blue-light:#2D5F7C;--valquer-white:#fff;--valquer-white-soft:#F5F5F5;--valquer-gray-light:#E8EDF0;--valquer-gray-mid:#8FA3B1;--valquer-gray-dark:#3D4F5C;--ok:#2E7D52;--ok-bg:#e3f1e9;--warn:#B8860B;--warn-bg:#fbf2da;--rojo:#C0392B;--rojo-bg:#f8e3e0;--info:#2D5F7C;--info-bg:#e1ebf1;}
*{box-sizing:border-box;}
body{margin:0;font-family:'Montserrat','Segoe UI',system-ui,Arial,sans-serif;background:var(--valquer-white-soft);color:var(--valquer-gray-dark);line-height:1.6;}
a{color:var(--valquer-blue-light);text-decoration:none;}a:hover{text-decoration:underline;}
.topbar{background:var(--valquer-blue);color:#fff;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;}
.topbar .marca{display:flex;align-items:center;gap:14px;}
.topbar .nombre{font-weight:700;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;line-height:1.1;}
.topbar .nombre .lab{font-weight:400;font-size:.68em;letter-spacing:.25em;}
.topbar .sub-marca{font-size:.72rem;letter-spacing:.08em;color:var(--valquer-gray-light);text-transform:uppercase;margin-top:2px;}
.topbar a{color:var(--valquer-gray-light);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;font-weight:500;}
.topbar a:hover{color:#fff;}
.contenedor{max-width:960px;margin:0 auto;padding:30px 20px;}.contenedor.ancho{max-width:1200px;}
.tarjeta{background:#fff;border:1px solid var(--valquer-gray-light);border-left:4px solid var(--valquer-blue);border-radius:6px;padding:28px;}
.tarjeta + .tarjeta{margin-top:20px;}
h1{font-size:1.4rem;margin:0 0 8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--valquer-blue);}
h2{font-size:1rem;margin:26px 0 12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--valquer-blue);}
.sub{color:var(--valquer-gray-mid);margin:0 0 22px;}
label{display:block;font-weight:500;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--valquer-gray-dark);margin:16px 0 6px;}
.obligatorio{color:var(--rojo);}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--valquer-gray-light);border-radius:4px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--valquer-gray-dark);}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--valquer-blue);box-shadow:0 0 0 3px rgba(27,58,82,.12);}
textarea{resize:vertical;min-height:90px;}
input[type=file]{padding:8px;background:var(--valquer-white-soft);}
.fila{display:flex;gap:16px;flex-wrap:wrap;}.fila>div{flex:1;min-width:220px;}
.btn{display:inline-block;background:var(--valquer-blue);color:#fff;border:none;padding:11px 24px;border-radius:4px;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-family:inherit;cursor:pointer;margin-top:18px;}
.btn:hover{background:var(--valquer-blue-light);text-decoration:none;}
.btn.sec{background:transparent;color:var(--valquer-blue);border:2px solid var(--valquer-blue);padding:9px 22px;}
.btn.sec:hover{background:var(--valquer-gray-light);}
.mensaje{padding:12px 16px;border-radius:4px;margin-bottom:18px;font-size:.9rem;}
.mensaje.error{background:var(--rojo-bg);color:var(--rojo);}.mensaje.ok{background:var(--ok-bg);color:var(--ok);}
.badge{display:inline-block;padding:3px 12px;border-radius:12px;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;}
.estado-Nuevo{background:var(--info-bg);color:var(--info);}.estado-En-curso{background:var(--warn-bg);color:var(--warn);}.estado-Resuelto{background:var(--ok-bg);color:var(--ok);}
.prio-Crítica{background:var(--rojo-bg);color:var(--rojo);}.prio-Alta{background:var(--warn-bg);color:var(--warn);}.prio-Media{background:var(--info-bg);color:var(--info);}.prio-Baja{background:var(--valquer-gray-light);color:var(--valquer-gray-mid);}
.stats{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px;}
.stat{background:#fff;border:1px solid var(--valquer-gray-light);border-left:4px solid var(--valquer-blue);border-radius:6px;padding:16px 20px;flex:1;min-width:130px;}
.stat .num{font-size:1.8rem;font-weight:700;color:var(--valquer-blue);}.stat .lbl{color:var(--valquer-gray-mid);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;}
.stat.alerta{border-left-color:var(--rojo);}.stat.alerta .num{color:var(--rojo);}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;border:1px solid var(--valquer-gray-light);}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--valquer-gray-light);font-size:.88rem;}
th{background:var(--valquer-blue);color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;}
tr:nth-child(even) td{background:var(--valquer-white-soft);}tr:hover td{background:var(--valquer-gray-light);}
.filtros{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:flex-end;}.filtros>div{flex:1;min-width:140px;}.filtros label{margin:0 0 4px;}
.timeline{list-style:none;padding:0;margin:0;}
.timeline li{border-left:2px solid var(--valquer-gray-light);padding:0 0 18px 18px;position:relative;}
.timeline li::before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--valquer-blue);}
.timeline .fecha{color:var(--valquer-gray-mid);font-size:.78rem;}.timeline .ev{font-weight:600;color:var(--valquer-blue);}
.timeline li.usuario::before{background:var(--warn);}
.dato{margin:10px 0;}.dato .et{color:var(--valquer-gray-mid);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;}.dato .vl{font-weight:500;}
.privada{background:var(--valquer-white-soft);border-left-style:dashed !important;}
.nota-pie{font-size:.82rem;color:var(--valquer-gray-mid);margin-top:8px;}
.ayuda{color:var(--valquer-gray-mid);font-size:.78rem;font-weight:400;text-transform:none;letter-spacing:0;margin:5px 0 0;line-height:1.45;}
.adjuntos-lista{list-style:none;padding:0;margin:8px 0 0;}
.adjuntos-lista li{padding:8px 12px;background:var(--valquer-white-soft);border:1px solid var(--valquer-gray-light);border-radius:4px;margin-bottom:6px;font-size:.88rem;display:flex;justify-content:space-between;align-items:center;}
.msgs{display:flex;flex-direction:column;gap:12px;margin-top:6px;}
.msg{border:1px solid var(--valquer-gray-light);border-left:4px solid var(--valquer-blue);border-radius:8px;padding:12px 16px;background:#fff;}
.msg .cab{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;flex-wrap:wrap;align-items:baseline;}
.msg .ev{font-weight:600;color:var(--valquer-blue);font-size:.9rem;}
.msg .fecha{color:var(--valquer-gray-mid);font-size:.78rem;}
.msg .cuerpo{color:var(--valquer-gray-dark);font-size:.95rem;line-height:1.5;}
.msg.usuario{border-left-color:var(--warn);background:#fffdf5;}
.msg.usuario .ev{color:var(--warn);}
.msg.interna{border-left-color:var(--valquer-gray-mid);border-left-style:dashed;background:var(--valquer-white-soft);}
.msg.interna .ev{color:var(--valquer-gray-mid);}