:root{--navy:#020b18;--panel:#081f3b;--line:rgba(83,205,239,.2);--cyan:#35d9f2;--blue:#1689ff;--white:#f4f9ff;--muted:#8ea6c2;--danger:#e45164;--success:#56e2a4;--warning:#f2b84b;font-family:Manrope,system-ui,sans-serif;color:var(--white);background:var(--navy)}
[hidden]{display:none!important}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 8%,rgba(22,137,255,.14),transparent 28%),linear-gradient(150deg,#010812,#04162b 64%,#031020);color:var(--white)}button,input,select,textarea{font:inherit}.ambient{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(73,160,209,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(73,160,209,.025) 1px,transparent 1px);background-size:46px 46px}
.login-shell,.center-state{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{position:relative;isolation:isolate;background:linear-gradient(90deg,rgba(1,8,19,.92),rgba(2,13,29,.6)),radial-gradient(circle at 76% 50%,rgba(27,123,189,.18),transparent 28%)}.login-shell:before,.login-shell:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(53,217,242,.12);border-radius:50%}.login-shell:before{width:min(58vw,760px);aspect-ratio:1;right:-18vw;top:50%;transform:translateY(-50%)}.login-shell:after{width:min(38vw,480px);aspect-ratio:1;right:-6vw;top:50%;transform:translateY(-50%)}
.login-card{position:relative;width:min(500px,100%);margin-right:min(38vw,520px);padding:48px 50px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(9,35,67,.97),rgba(3,15,32,.98));box-shadow:0 40px 120px rgba(0,0,0,.56);overflow:hidden}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--cyan),var(--blue),transparent)}
.portal-brand{display:flex;align-items:center;gap:13px}.portal-brand img{width:48px;height:48px;object-fit:contain}.portal-brand span{display:grid;letter-spacing:.08em}.portal-brand b{font-size:1.25rem}.portal-brand small{font-size:.58rem;color:var(--cyan)}.eyebrow{margin:30px 0 8px;color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.17em}.login-card h1,.view h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.02;letter-spacing:-.04em}.login-card h1{font-size:clamp(2.6rem,5vw,4.1rem)}.login-card h1 em{display:block;color:var(--cyan);font-style:normal}.login-intro,.section-heading p,.command-hero p{color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:17px;margin-top:28px}
label{display:grid;gap:7px;color:#cbd9e9;font-size:.78rem;font-weight:700}input,select,textarea{width:100%;border:1px solid rgba(142,166,194,.3);border-radius:10px;background:#06162c;color:var(--white);padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(53,217,242,.1)}button{border:0;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}button:not(:disabled):hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:wait}.primary,.secondary,.danger,.icon-button,.logout{border-radius:10px;padding:13px 17px;font-size:.72rem;font-weight:900;letter-spacing:.06em}.primary{color:#001425;background:linear-gradient(110deg,var(--cyan),#3ea4ff);box-shadow:0 8px 28px rgba(30,171,235,.2)}.secondary{color:var(--white);background:#102c50;border:1px solid var(--line)}.danger{color:#fff;background:#a9364a}.full{width:100%}.forgot-link{justify-self:start;padding:0;background:transparent;color:var(--cyan);font-size:.7rem}.message{min-height:20px;color:var(--danger);font-size:.78rem}.secure-note{display:flex;justify-content:center;align-items:center;gap:8px;color:#6f89a8;margin-top:20px}.secure-note i,.status i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}.center-state{align-content:center;color:var(--muted)}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.portal{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:288px;padding:24px 18px;background:linear-gradient(180deg,rgba(3,15,32,.99),rgba(2,10,23,.99));border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;box-shadow:12px 0 40px rgba(0,0,0,.18)}.compact{padding:0 10px 24px;border-bottom:1px solid var(--line)}.compact img{width:40px;height:40px}.sidebar nav{display:grid;gap:5px;margin-top:26px}.nav-item{display:flex;gap:13px;align-items:center;min-height:48px;padding:12px;border:1px solid transparent;border-radius:11px;background:transparent;color:#9db1c9;text-align:left}.nav-item span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:rgba(111,144,175,.08);font-size:.72rem;color:#55728f}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(24,137,255,.2),rgba(53,217,242,.05));border-color:rgba(53,217,242,.12);color:#fff}.nav-item.active span{color:var(--cyan)}
.session-card{display:grid;gap:4px;margin-top:auto;padding:15px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(11,40,72,.85),rgba(5,21,42,.9))}.session-card small{font-size:.58rem;color:var(--success);letter-spacing:.12em}.session-card b{font-size:.8rem}.session-card span{font-size:.62rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.session-card #sidebarRole{color:var(--cyan);font-weight:900;letter-spacing:.08em}.logout{margin-top:10px;background:transparent;color:#9fb1c7;border:1px solid rgba(255,255,255,.1)}
.workspace{margin-left:288px;min-height:100vh}.topbar{position:sticky;top:0;z-index:15;height:96px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(3,16,34,.9);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.12)}.topbar p{margin:0;font-size:.68rem;letter-spacing:.16em;font-weight:900}.topbar span{font-size:.64rem;color:var(--muted)}.topbar-title{min-width:205px}.topbar-title>span{display:block;margin-top:5px}.menu{display:none;background:transparent;color:#fff;font-size:1.2rem}.header-search{width:min(430px,40vw);margin:auto}.header-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header-search>div{display:flex;border:1px solid rgba(142,166,194,.28);border-radius:12px;background:#06162c;overflow:hidden}.header-search input{border:0;border-radius:0;background:transparent;padding:10px 14px}.header-search button{width:48px;background:rgba(53,217,242,.09);color:var(--cyan);font-size:1.2rem}.header-search small{display:block;margin-top:4px;color:#657f9a;font-size:.56rem;text-align:center}.operator-summary{display:grid;justify-items:end;min-width:220px;gap:3px}.operator-summary b{font-size:.78rem}.operator-summary>small{color:var(--muted);font-size:.58rem}.operator-summary .status{display:flex;align-items:center;gap:7px;color:var(--success);font-size:.54rem;font-weight:900;letter-spacing:.09em}
.view{display:none;padding:30px 34px 54px;max-width:1580px;margin:auto}.view.active{display:block}.command-hero{display:flex;justify-content:space-between;align-items:center;min-height:190px;padding:34px 38px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(112deg,rgba(10,41,75,.94),rgba(5,22,45,.92));box-shadow:0 24px 70px rgba(0,5,16,.38)}.command-hero .eyebrow{margin-top:0}.command-hero h1{font-size:clamp(2rem,3.4vw,3.25rem)}.command-hero h1 span{color:var(--cyan)}.command-hero>div>p:last-child{max-width:720px}.command-seal{width:118px;height:118px;border:1px solid rgba(53,217,242,.34);border-radius:30px 30px 44px 44px;display:grid;place-content:center;text-align:center}.command-seal span{font-size:2rem;font-weight:900;color:var(--cyan)}.command-seal small{font-size:.44rem;letter-spacing:.12em;color:var(--muted)}
.operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.operation-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(9,34,64,.94),rgba(5,22,43,.95));overflow:hidden}.operation-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#73859a}.operation-card-danger:before{background:var(--danger)}.operation-card-warning:before{background:var(--warning)}.operation-card-neutral{grid-column:1/-1}.operation-card header{display:flex;align-items:center;justify-content:space-between;gap:14px}.operation-card header>div{display:flex;align-items:center;gap:9px}.operation-card header p{margin:0;font-size:.64rem;font-weight:900;letter-spacing:.11em}.operation-card .text-button{color:var(--cyan)}.signal-dot{width:7px;height:7px;border-radius:50%;background:#73859a}.operation-card-danger .signal-dot{background:var(--danger)}.operation-card-warning .signal-dot{background:var(--warning)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 12px}.metric-row-four{grid-template-columns:repeat(4,1fr)}.metric-row>div{display:grid;gap:5px;padding-right:10px;border-right:1px solid rgba(142,166,194,.12)}.metric-row>div:last-child{border:0}.metric-row strong{font-size:2rem}.metric-row span{font-size:.6rem;color:var(--muted)}.single-metric{grid-template-columns:minmax(150px,240px)}.metric-scope{color:#607994;font-size:.56rem}
.movement-panel,.section-card{padding:24px;border:1px solid var(--line);border-radius:15px;background:rgba(7,28,54,.8)}.movement-list{display:grid;gap:7px}.movement-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:rgba(4,19,39,.65)}.movement-mark{width:28px;height:28px;display:grid;place-content:center;border-radius:8px;background:rgba(53,217,242,.08);color:var(--cyan)}.movement-item strong{display:block;font-size:.74rem}.movement-item span,.movement-item time{font-size:.62rem;color:var(--muted)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading .eyebrow{margin:0 0 7px}.section-heading h1,.section-heading h2{margin:0}.section-heading p{margin:7px 0 0}.heading-actions,.quick-actions{display:flex;gap:10px}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 220px 48px;gap:12px;margin-bottom:15px}.search{position:relative}.icon-button{padding:0;background:#102c50;color:#fff;border:1px solid var(--line);font-size:1.2rem}.data-card,.export-card{border:1px solid var(--line);border-radius:15px;background:rgba(8,31,60,.75);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.16)}.table-wrap{overflow:auto;max-height:calc(100vh - 285px)}table{width:100%;border-collapse:collapse}table thead{position:sticky;top:0;z-index:2;background:#091e39}tbody tr{transition:background .15s ease}tbody tr:hover{background:rgba(53,217,242,.035)}th,td{padding:14px 13px;text-align:left;border-bottom:1px solid rgba(83,205,239,.1);font-size:.75rem}th{font-size:.59rem;color:#7190ae;letter-spacing:.08em}td small{display:block;color:var(--muted);margin-top:3px}.plate{font-family:monospace;font-size:.92rem;letter-spacing:.08em}.pill{display:inline-block;padding:5px 8px;border-radius:30px;font-size:.56rem;font-weight:900;letter-spacing:.08em}.pill.on{color:var(--success);background:rgba(86,226,164,.1)}.pill.off{color:#a6b4c5;background:rgba(166,180,197,.1)}.pill.pending{color:var(--warning);background:rgba(242,184,75,.1)}.text-button{padding:5px;background:transparent;font-size:.64rem;font-weight:900}.text-button.view-file{color:var(--cyan)}.danger-text{color:var(--danger)}.action-stack{display:flex;align-items:center;gap:8px;white-space:nowrap}.inline-state{padding:28px;text-align:center;color:var(--muted)}
.request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.request-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(8,31,60,.75)}.request-card h3{margin:16px 0 5px}.request-card p{color:var(--muted)}.request-card dl{display:grid;gap:8px}.request-card dl div,#requestDetails div{display:flex;justify-content:space-between;gap:15px}.request-card dt,#requestDetails dt{color:var(--muted);font-size:.72rem}.request-card dd,#requestDetails dd{margin:0;text-align:right;font-size:.74rem}.request-card button{width:100%;margin-top:13px}.admin-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-tools article{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--line);border-radius:15px;background:rgba(8,31,60,.75)}.admin-tools h2{margin:0 0 6px;font-size:1rem}.admin-tools p{margin:0 0 15px;color:var(--muted);font-size:.75rem}.tool-icon{width:66px;height:66px;display:grid;place-content:center;flex:0 0 auto;border:1px solid var(--line);border-radius:15px;background:#092a50;color:var(--cyan);font-weight:900}.tool-icon.secure{color:var(--success)}
.export-card{display:flex;gap:30px;align-items:center;max-width:760px;padding:23px}.export-symbol{width:120px;height:140px;border-radius:14px;display:grid;place-content:center;border:1px solid var(--line);background:linear-gradient(145deg,#0e3565,#071a35);font-size:1.5rem;color:var(--cyan);font-weight:900}.export-card>div:last-child{flex:1}.export-card label{max-width:220px;margin:18px 0}.notice{position:fixed;right:25px;top:110px;z-index:50;max-width:400px;padding:14px 18px;border-radius:10px;background:#123b3a;border:1px solid rgba(86,226,164,.4);box-shadow:0 15px 45px rgba(0,0,0,.35);font-size:.8rem}.notice.error{background:#45212c;border-color:rgba(255,102,119,.5)}
dialog{width:min(680px,calc(100% - 24px));padding:0;border:0;border-radius:18px;background:transparent;color:var(--white)}dialog::backdrop{background:rgba(0,7,17,.82);backdrop-filter:blur(6px)}.modal-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:18px;background:#081d39;box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-card .eyebrow{margin-top:0}.modal-card h2{margin-top:0}.modal-close{position:absolute;right:15px;top:12px;background:transparent;color:#8da3bc;font-size:1.8rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{color:var(--muted);font-size:.75rem}.decision-actions{display:flex;gap:10px;margin-top:24px}.decision-actions button{flex:1}#requestDetails{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:10px}.modal-card textarea{min-height:90px;resize:vertical}
.case-dialog{width:min(1160px,calc(100vw - 30px))}.case-file{padding:0;overflow:hidden}.case-header{display:flex;justify-content:space-between;align-items:center;padding:28px 34px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(132,29,49,.18),rgba(6,27,53,.2))}.case-header-warning{background:linear-gradient(100deg,rgba(242,184,75,.13),rgba(6,27,53,.2))}.case-header .eyebrow{margin:0 0 7px}.case-header h2{margin:0 0 9px}.case-classification{font-size:.58rem;font-weight:900;letter-spacing:.13em;color:#ff8291}.case-header-warning .case-classification{color:var(--warning)}.case-sections{padding:24px 30px}.case-file>.decision-actions{padding:0 30px 28px;justify-content:flex-end}.case-file>.decision-actions button{flex:0 1 220px}
@media(max-width:1180px){.topbar-title{display:none}.operations-grid{grid-template-columns:1fr}.operation-card-neutral{grid-column:auto}.metric-row-four{grid-template-columns:repeat(2,1fr)}.admin-tools{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.workspace{margin-left:0}.menu{display:block}.topbar{height:auto;min-height:86px;padding:12px 18px}.header-search{width:min(460px,55vw)}.operator-summary{min-width:180px}.view{padding:22px}.command-hero{padding:28px}.section-heading{align-items:flex-start;flex-direction:column}.toolbar{grid-template-columns:1fr 1fr 48px}}
@media(max-width:650px){.login-card{margin:0;padding:34px 24px}.login-shell:before,.login-shell:after{display:none}.topbar{display:grid;grid-template-columns:auto 1fr}.header-search{grid-column:1/-1;grid-row:2;width:100%}.operator-summary{justify-items:end}.command-hero{min-height:auto;padding:24px}.command-seal{display:none}.metric-row,.metric-row-four{grid-template-columns:repeat(2,1fr)}.operation-card-neutral .metric-row{grid-template-columns:1fr}.movement-item{grid-template-columns:30px 1fr}.movement-item time{grid-column:2}.heading-actions,.quick-actions,.decision-actions{display:grid;width:100%}.toolbar{grid-template-columns:1fr 48px}.toolbar select{grid-column:1}.toolbar .icon-button{grid-column:2;grid-row:1/3}.data-card{background:transparent;border:0;box-shadow:none}.table-wrap{overflow:visible;max-height:none}table thead{display:none}table,tbody,tr,td{display:block}tr{margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(8,31,60,.8)}td{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border:0;text-align:right}td:before{content:attr(data-label);color:#718ca9;font-size:.62rem;font-weight:900;text-align:left}.form-grid{grid-template-columns:1fr}.admin-tools article{align-items:flex-start}.export-card{align-items:flex-start}.export-symbol{width:76px;height:90px}.case-header{padding:24px 20px;align-items:flex-start;gap:15px}.case-sections{padding:18px}.case-file>.decision-actions{padding:0 18px 20px}.operator-summary b{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* Ajustes de integración del rediseño completado */
.case-header-danger{background:linear-gradient(100deg,rgba(164,39,59,.2),rgba(6,27,53,.2))}
.case-file .detail-sections{padding:24px 30px}
.case-file .detail-sections section{background:rgba(4,19,41,.58)}
.header-search button:focus-visible,.nav-item:focus-visible,.text-button:focus-visible,.primary:focus-visible,.secondary:focus-visible,.danger:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
@media(max-width:650px){.case-file .detail-sections{padding:18px}.action-stack{justify-content:flex-end;flex-wrap:wrap}}