:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f4f7fa;color:#20344a;font-size:15px}
*{box-sizing:border-box}body{margin:0;min-height:100vh}.top{background:#12334b;color:#fff;padding:25px 20px;border-bottom:4px solid #54bbba}
.head-inner{max-width:1420px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.overline{letter-spacing:2px;font-size:.69rem;font-weight:800;color:#80d8d3;margin:0 0 6px}h1{font-size:clamp(1.5rem,3vw,2.1rem);margin:0}h2{font-size:1.1rem;margin:0 0 12px}.version{font-size:.8rem;background:#2c516a;color:#e0f2f2;padding:5px 10px;border-radius:999px;vertical-align:middle}.subtitle{color:#cce0e8;margin:8px 0 0;font-size:.93rem}
main{max-width:1420px;margin:auto;padding:26px 20px}.landing{align-items:start}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel{background:#fff;border:1px solid #dce5ed;border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:0 4px 15px rgba(24,49,73,.035)}.panel-top{min-height:70px}.eyebrow{font-weight:800;font-size:.7rem;color:#138e91;letter-spacing:1.5px}
.panel p{line-height:1.5}.muted{color:#5e7385}.small{font-size:.82rem}label{display:block;color:#35516a;font-weight:650;font-size:.84rem;margin-bottom:12px}input,select,textarea{display:block;max-width:100%;width:100%;padding:10px 12px;margin-top:5px;font:inherit;font-weight:400;border:1px solid #c7d4df;border-radius:8px;background:#fff;color:#20344a}select[multiple]{min-height:100px}input:focus,textarea:focus,select:focus{outline:2px solid #66c5c5;outline-offset:1px}
button{border:1px solid #93b6c7;border-radius:8px;background:#eef5f7;padding:10px 14px;color:#16445b;cursor:pointer;font:inherit;font-weight:700}button:hover{filter:brightness(.96)}button:disabled{cursor:wait;opacity:.65}.primary{color:white;background:#0b7477;border-color:#0b7477}.ghost{color:inherit;background:transparent;border:1px solid #9cb3c2}.header-status{display:flex;gap:10px;align-items:center}.pill{background:#356078;color:#e8f5f6;padding:7px 10px;border-radius:100px;font-size:.78rem;white-space:nowrap}
.notice{padding:15px 18px;margin-bottom:18px;border-radius:9px;background:#e3f5ec;color:#165b41;border:1px solid #aed6c2;white-space:pre-line}.notice.error{background:#fff0ef;color:#902c2c;border-color:#f2bbb7}.hidden{display:none!important}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.toolbar p{margin:4px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.inline-form label{min-width:180px;flex:1}.filter-bar{display:grid;grid-template-columns:1fr 1fr 2fr 1fr;gap:12px;align-items:end}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 20px}.stats>div{background:white;border:1px solid #dce5ed;border-radius:10px;padding:16px}.stats span{display:block;font-size:1.9rem;font-weight:800;color:#16787b}.stats small{color:#50697d}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:20px}.side .panel{margin-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.document{border-top:1px solid #e4ebf0;padding:14px 0}.document h3{font-size:1rem;margin:0 0 8px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.doc-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.82rem;color:#52697b}.tag{border-radius:100px;background:#e9f0f6;color:#345971;padding:4px 9px;font-size:.76rem}.tag.vigente{background:#e4f4e8;color:#276d48}.tag.descartado{background:#f3e5e4;color:#9a4140}.tag.pendiente{background:#fff0cc;color:#80630b}.tag.historico{background:#e9e6f9;color:#604b91}.doc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.doc-actions button{font-size:.8rem;padding:7px 10px}.doc-actions select{max-width:180px;margin:0;padding:7px 8px;font-size:.8rem}.decision{border-top:1px solid #e3ebf0;padding:12px 0}.decision p{margin:5px 0}.event{display:flex;gap:15px;justify-content:space-between;font-size:.81rem;border-top:1px solid #e3ebf0;padding:9px 0}footer{text-align:center;color:#778b99;font-size:.8rem;margin-top:25px}
@media(max-width:900px){.layout,.two-cols{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){main{padding:16px 10px}.top{padding:22px 12px}.head-inner,.toolbar{align-items:start;flex-direction:column}.filter-bar{grid-template-columns:1fr}.panel{padding:14px}.stats span{font-size:1.35rem}}