:root{--bg:#f6f7f8;--white:#fff;--ink:#18232d;--muted:#63707d;--line:#e3e7ea;--red:#ae3034;--soft:#f0f3f5;--green:#276b50}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-.04em;line-height:1.18;margin-bottom:7px}h2{font-size:18px;letter-spacing:-.02em}h3{font-size:14px}a{color:var(--red)}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--muted);font-weight:800}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand-mark{height:24px;width:6px;border-radius:2px;background:var(--red)}.brand small{font-size:11px;letter-spacing:0;color:var(--muted);font-weight:600}.btn{border:1px solid var(--red);background:var(--red);color:#fff;border-radius:7px;padding:10px 14px;font-weight:680;min-height:40px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:7px}.btn:hover{background:#92272c}.btn.secondary{background:#fff;color:var(--ink);border-color:#d5dce2}.btn.secondary:hover,.btn.quiet:hover{background:#f3f5f6}.btn.quiet{background:transparent;border-color:transparent;color:var(--ink)}.btn.sm{font-size:12px;padding:7px 11px;min-height:34px}.btn.danger{background:#fff;color:var(--red);border-color:#dcafb1}.btn:focus-visible,.nav:focus-visible,.field:focus-visible{outline:3px solid #91b3c8;outline-offset:2px}.field{display:block;width:100%;background:#fff;color:var(--ink);border:1px solid #ccd4db;border-radius:7px;padding:9px 11px;min-height:42px;outline:0}.field:focus{border-color:#7195ad;box-shadow:0 0 0 3px #e1edf3}.field[readonly]{background:#f5f7f8;color:#596773}textarea.field{resize:vertical;min-height:95px}.label{display:block;font-size:12px;font-weight:720;margin-bottom:6px}.hint{color:var(--muted);font-size:12px;margin:6px 0 0}.error{color:#a6232a;font-size:12px;min-height:18px}.card{background:#fff;border:1px solid var(--line);border-radius:9px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}.form-group{min-width:0}.form-group+.form-group{margin-top:0}.form-stack{display:grid;gap:15px}.section{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.section h3{margin-bottom:14px}.notice{border-left:3px solid #8699a7;background:#f2f5f7;padding:11px 13px;font-size:12px;color:#4b5b68;border-radius:2px}.notice.warning{border-color:#b78035;background:#faf6ed}.tag{display:inline-flex;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700;white-space:nowrap;background:#f0f3f5;color:#586571}.tag.ingresado{background:#edf3f8;color:#35617e}.tag.en_atencion{background:#f7f1e9;color:#8b631f}.tag.informacion_pendiente{background:#f6eff8;color:#765585}.tag.cerrado_resuelto{background:#eaf5ef;color:#286e51}.tag.cerrado_reproceso{background:#faeeee;color:#a44145}.tag.neutral{background:#f0f3f5;color:#586571}
.sign{min-height:100vh;background:#fff}.sign-head{height:76px;border-bottom:1px solid var(--line);padding:0 max(35px,calc((100vw - 1220px)/2));display:flex;align-items:center}.sign-body{max-width:1220px;min-height:calc(100vh - 76px);margin:auto;padding:65px 35px;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:9vw}.sign-intro{max-width:530px}.sign-intro h1{font-size:clamp(37px,4.5vw,54px);margin:18px 0}.sign-intro p{font-size:17px;color:#596775;line-height:1.55}.sign-card{padding:32px;box-shadow:0 16px 35px rgba(23,37,48,.055)}.sign-card h2{font-size:23px;margin-bottom:4px}.sign-card form{display:grid;gap:17px;margin-top:23px}.sign-card form .btn{width:100%;margin-top:4px}.sign-foot{color:var(--muted);font-size:12px;margin-top:17px}
.app{min-height:100vh;display:grid;grid-template-columns:226px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:25px 13px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding:0 12px 28px}.nav-caption{margin:10px 12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#89949e;font-weight:800}.nav{width:100%;border:0;border-radius:6px;background:transparent;text-align:left;padding:11px 12px;color:#4d5a66;font-weight:670;margin:2px 0}.nav:hover{background:#f4f6f7}.nav.active{background:#f7f0f0;color:#982d31}.nav span{margin-right:11px;color:#74828e}.nav.active span{color:#982d31}.sidebar-bottom{margin-top:auto;padding:0 8px}.profile{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;gap:10px}.avatar{height:31px;width:31px;border-radius:6px;background:#e8edf0;color:#40515d;font-size:11px;font-weight:800;display:grid;place-items:center;flex:none}.profile b,.profile small{display:block}.profile b{font-size:12px}.profile small{font-size:11px;color:var(--muted)}.main{min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 33px;font-size:12px}.topbar strong{font-size:13px}.content{max-width:1220px;margin:auto;padding:33px 33px 75px}.page-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p{color:var(--muted);margin:5px 0 0}.mobile-menu{display:none;border:1px solid var(--line);background:#fff;border-radius:6px;width:37px;height:37px}.mobile-scrim{display:none}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.stat{padding:18px 19px;min-height:108px}.stat small{color:var(--muted);font-size:12px;font-weight:650}.stat strong{display:block;font-size:29px;line-height:1;margin-top:16px;letter-spacing:-.04em}.stat em{font-style:normal;font-size:11px;color:var(--muted)}.home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:18px;align-items:start}.helper{padding:20px}.helper p{font-size:12px;color:var(--muted)}.helper-line{border-top:1px solid var(--line);padding:12px 0;font-size:12px}.helper-line b{display:block}.helper-line small{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.section-heading h2{margin:0}.table-wrap{overflow-x:auto}.case-table{width:100%;border-collapse:collapse;table-layout:fixed}.case-table th{text-align:left;background:#fafbfb;border-bottom:1px solid var(--line);color:#778590;font-size:11px;padding:12px 14px}.case-table td{font-size:12px;padding:14px;border-bottom:1px solid #edf0f2;overflow-wrap:anywhere}.case-table tr:last-child td{border:0}.case-table tbody tr{cursor:pointer}.case-table tbody tr:hover{background:#f9fafb}.case-table th:first-child{width:40%}.case-title{font-size:13px;font-weight:710;display:block}.case-id{color:var(--muted);display:block;font-size:11px;margin-top:2px}.empty{text-align:center;padding:39px 20px;color:var(--muted)}.empty b{display:block;color:var(--ink)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.filters .field{width:auto;min-width:140px}.filters input.field{min-width:240px;flex:1}.report-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:19px;align-items:start}.report-card{padding:25px 27px}.report-card>p{color:var(--muted);font-size:12px}.route{padding:20px;position:sticky;top:84px}.route-line{padding:10px 0;border-top:1px solid var(--line)}.route-line small,.route-line b{display:block}.route-line small{font-size:11px;color:var(--muted)}.route-line b{font-size:12px;overflow-wrap:anywhere}.route p{font-size:11px;color:var(--muted)}.upload-box{border:1px dashed #bfcbd3;padding:15px;border-radius:7px;background:#fbfcfc}.upload-box input{max-width:100%}.form-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:21px}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{border-bottom:1px solid var(--line);padding:12px;text-align:left;font-size:12px}.users-table th{color:var(--muted);font-size:11px}.user-actions{display:flex;gap:5px;flex-wrap:wrap}.copy-value{font-family:ui-monospace,Consolas,monospace;font-size:12px;overflow-wrap:anywhere}
.overlay{position:fixed;inset:0;background:#14233066;z-index:50;display:flex;justify-content:flex-end}.drawer{height:100%;width:min(630px,100%);background:#fff;overflow-y:auto;box-shadow:-14px 0 40px #14233022}.drawer-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:22px 25px;display:flex;justify-content:space-between;align-items:start;z-index:2}.drawer-head h2{font-size:21px;margin:3px 0}.close{background:#fff;border:1px solid var(--line);border-radius:6px;width:35px;height:35px;font-size:20px;line-height:1}.drawer-body{padding:23px 25px 38px}.detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fact{background:#f7f9fa;border-radius:6px;padding:12px;min-height:62px}.fact small,.fact strong{display:block}.fact small{color:var(--muted);font-size:11px}.fact strong{font-size:12px;margin-top:5px;overflow-wrap:anywhere}.description{white-space:pre-wrap;overflow-wrap:anywhere;color:#43515c;font-size:13px}.field-list{margin:0}.field-list div{display:grid;grid-template-columns:145px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f2;font-size:12px}.field-list dt{color:var(--muted)}.field-list dd{margin:0;overflow-wrap:anywhere}.history{padding:0;list-style:none}.history li{border-left:2px solid #d8dfe4;margin-left:5px;padding:0 0 17px 16px;position:relative;font-size:12px}.history li:before{content:"";position:absolute;left:-5px;top:3px;height:8px;width:8px;border-radius:50%;background:#93a2ae}.history b,.history time{display:block}.history time{font-size:11px;color:var(--muted)}.history p{white-space:pre-wrap;overflow-wrap:anywhere;color:#485762;margin:4px 0 0}.attachment-list{padding-left:17px;font-size:12px}.attachment-list li{padding:4px 0}.dialog-actions{display:grid;gap:12px}.toast{position:fixed;bottom:20px;right:20px;background:#263541;color:#fff;border-radius:7px;padding:11px 15px;box-shadow:0 9px 25px #0002;z-index:80;font-size:12px;max-width:min(400px,90vw)}
@media(max-width:1100px){.home-grid{grid-template-columns:1fr}.helper{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.app{display:block}.sidebar{display:none;position:fixed;left:0;width:245px;box-shadow:10px 0 30px #0002}.sidebar.open{display:flex}.mobile-scrim.open{display:block;position:fixed;inset:0;background:#0005;z-index:25}.mobile-menu{display:block}.topbar{padding:0 20px}.content{padding:26px 20px 60px}.sign-body{grid-template-columns:1fr;gap:25px;max-width:650px}.sign-intro p{font-size:15px}.report-grid{grid-template-columns:1fr}.route{position:static}}@media(max-width:600px){h1{font-size:25px}.sign-head{height:66px;padding:0 20px}.sign-body{padding:35px 20px}.sign-intro h1{font-size:37px}.sign-card{padding:24px}.content{padding:23px 15px 60px}.topbar{padding:0 15px}.topbar .muted{display:none}.page-head{display:block}.page-head .btn{margin-top:16px}.stats{gap:8px}.stat{padding:13px;min-height:91px}.stat strong{font-size:25px}.stat small{font-size:10px}.report-card{padding:18px}.grid2,.facts{grid-template-columns:1fr}.full{grid-column:auto}.filters .field{width:100%}.case-table thead{display:none}.case-table,.case-table tbody,.case-table tr,.case-table td{display:block;width:100%}.case-table tr{border-bottom:1px solid var(--line);padding:10px 14px}.case-table td{padding:2px 0;border:0}.case-table td:nth-child(2),.case-table td:nth-child(3){display:inline-block;width:auto;margin-right:10px;color:var(--muted)}.case-table td:nth-child(4){margin-top:5px}.drawer-head{padding:19px}.drawer-body{padding:19px}.field-list div{grid-template-columns:120px 1fr}.users-table th:nth-child(3),.users-table td:nth-child(3){display:none}}
/* Keep the identity inside the fixed-width navigation on desktop and mobile. */
.sidebar .brand{flex-wrap:wrap;column-gap:8px;row-gap:2px}
.sidebar .brand-mark{flex:none}
.sidebar .brand small{flex-basis:100%;padding-left:14px}

.password-field{position:relative}.password-field .field{padding-right:52px;min-height:46px}.password-toggle{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:42px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--muted)}.password-toggle:hover{background:var(--soft);color:var(--ink)}.password-toggle:focus-visible{outline:3px solid #91b3c8;outline-offset:1px}