/* Paleta corporativa. --bg y --line son tonos derivados (agua/petróleo muy diluidos). */
:root{--noche:#0A172F;--petroleo:#124154;--azul:#14416d;--turq:#328294;--agua:#87cbb9;--rojo:#e12324;--ambar:#fcaf26;--negro:#101010;--bg:#F1F5F7;--line:#D3DDE3;--mut:#4d6270}
*{box-sizing:border-box}body{margin:0;font:14px/1.5 "Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--negro);display:flex;min-height:100vh}
#side{position:fixed;inset:0 auto 0 0;width:236px;background:var(--noche);color:#d6e2ea;z-index:30;transition:transform .2s}
.brand{padding:22px 20px;font-size:18px;font-weight:600;color:#fff;border-bottom:3px solid var(--turq)}
#nav a{display:block;padding:12px 20px;color:inherit;text-decoration:none;border-left:4px solid transparent}
#nav a:hover,#nav a.on{background:var(--petroleo);color:#fff}#nav a.on{border-left-color:var(--ambar)}
.main{margin-left:236px;flex:1;min-width:0}
header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--line)}
header h1{flex:1;margin:0;font-size:18px;color:var(--petroleo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#burger{display:none;border:0;background:none;font-size:22px;color:var(--petroleo);cursor:pointer}
#scrim{display:none}main{padding:24px;max-width:1320px}
.panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px;margin-bottom:20px}.panel h2{margin:0 0 12px;font-size:15px;color:var(--petroleo)}
.kpis{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:20px;overflow:hidden}
.kpi{padding:16px;border-right:1px solid var(--line);color:inherit;text-decoration:none;display:flex;flex-direction:column}.kpi:last-child{border:0}.kpi b{font-size:28px;color:var(--petroleo)}.kpi span{color:var(--mut)}
.kpi.hi{background:var(--petroleo)}.kpi.hi b{color:var(--ambar);font-size:34px}.kpi.hi span{color:#fff}
.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-weight:600;color:var(--mut);padding:8px 12px;border-bottom:2px solid var(--line)}td{padding:10px 12px;border-bottom:1px solid var(--line)}tbody tr:hover{background:#f6f9fa}td a{color:var(--azul);font-weight:600;text-decoration:none}
.b{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}
.e-nuevo{background:var(--turq)}.e-asignado{background:var(--azul)}.e-en-proceso{background:var(--ambar);color:var(--negro)}.e-esperando-usuario{background:#fff;color:var(--negro);box-shadow:inset 0 0 0 2px var(--ambar)}.e-resuelto{background:var(--agua);color:var(--noche)}.e-cerrado{background:var(--petroleo)}.e-cancelado{background:#7b8a94}
.p::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--c)}.p-baja{--c:var(--agua)}.p-media{--c:var(--turq)}.p-alta{--c:var(--ambar)}.p-urgente{--c:var(--rojo)}.p-urgente{font-weight:600;color:var(--rojo)}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px}
input,select,textarea{font:inherit;width:100%;padding:9px 10px;border:1px solid #b9c7d0;border-radius:4px;background:#fff;color:var(--negro)}
input:focus,select:focus,textarea:focus,.btn:focus-visible,a:focus-visible{outline:2px solid var(--turq);outline-offset:1px}input:disabled,select:disabled{background:#eef2f4}
label{display:block;font-weight:600;color:var(--mut)}label>*{margin-top:4px;font-weight:400}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.w{grid-column:1/-1}.bar{margin-top:16px;display:flex;gap:10px}
.btn{border:0;border-radius:4px;padding:9px 16px;font:600 14px inherit;background:var(--petroleo);color:#fff;cursor:pointer}.btn:hover{background:var(--azul)}.btn.alt{background:#fff;color:var(--petroleo);box-shadow:inset 0 0 0 1px var(--petroleo)}
.det{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.det .panel p{white-space:pre-wrap;margin:0}
dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px}dt{color:var(--mut)}dd{margin:0;text-align:right}
.act{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;display:grid;gap:8px}
.coms,.hist,.files{list-style:none;margin:0 0 12px;padding:0}.coms li{display:flex;gap:10px;margin-bottom:12px}.coms p{margin:2px 0 0;white-space:pre-wrap}
.av{flex:none;width:32px;height:32px;border-radius:50%;background:var(--turq);color:#fff;display:grid;place-items:center;font-weight:600}
time{color:var(--mut);font-size:12px}.hist li{padding:6px 0 6px 14px;border-left:3px solid var(--agua)}.files li{padding:6px 0;border-bottom:1px solid var(--line)}.empty{color:var(--mut)}
@media(max-width:1000px){.kpis{grid-template-columns:repeat(4,1fr)}.kpi{border-bottom:1px solid var(--line)}.det{grid-template-columns:1fr}}
@media(max-width:860px){#side{transform:translateX(-100%)}.menu #side{transform:none}.menu #scrim{display:block;position:fixed;inset:0;background:#0a172f88;z-index:20}.main{margin-left:0}#burger{display:block}main{padding:14px}header{padding:10px 14px}.who{font-size:0}.who select{font-size:13px;max-width:150px}.filters,.g2{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){#side{transition:none}}