:root{--navy:#092f50;--navy2:#062642;--blue:#0f65bc;--green:#0f6b55;--steel:#53657a;--bg:#f2f6fb;--card:#fff;--line:#d7e1ec;--txt:#06213f;--muted:#60718a;--danger:#bd1e24;--ok:#0d8f57;--warn:#b7791f;}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--txt)}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}.side{width:270px;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:24px 18px;position:fixed;inset:0 auto 0 0;overflow:auto}.logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.logo-mark{width:54px;height:54px;border-radius:16px;background:#0d6b62;display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;box-shadow:0 10px 25px rgba(0,0,0,.18)}.logo h1{font-size:26px;line-height:1.15;margin:0}.logo strong{font-size:18px}.logo span,.muted{color:var(--muted)}.side .muted{color:#b8c8da}.side p{font-size:12px;letter-spacing:.08em;color:#a9bed3;text-transform:uppercase;font-weight:800;margin:26px 10px 10px}.side a{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:11px;color:#edf6ff;font-weight:700;margin:5px 0}.side a.active,.side a:hover{background:linear-gradient(90deg,#126ec8,#0d4f8b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.main{margin-left:270px;flex:1;min-width:0}.top{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:10}.content{padding:30px}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.page-head h1{font-size:30px;margin:0 0 5px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 25px rgba(7,36,68,.06);padding:22px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:18px;margin-bottom:20px}.metric{display:flex;flex-direction:column;gap:6px}.metric strong{font-size:30px}.metric span{color:var(--muted);font-weight:700}.alert{padding:15px 18px;border-radius:14px;margin-bottom:18px;border:1px solid transparent}.alert.ok{background:#eafaf2;color:#075c39;border-color:#b9efd4}.alert.err{background:#ffe5e5;color:#8d1010;border-color:#ffc7c7}.badge{display:inline-flex;padding:7px 12px;border-radius:999px;font-weight:800;font-size:12px}.badge.ok{background:#dcf7e9;color:#0b7545}.badge.warn{background:#fff3d7;color:#8b5b00}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:#075eb8;color:white}.btn.green{background:#0f8a5f;color:white}.btn.gray{background:#eef3f8;color:#102a45;border:1px solid #d3dee9}.btn.full{width:100%}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:800}.field input,.field select,.field textarea{border:1px solid #d2ddeb;border-radius:12px;padding:13px 14px;font:inherit;background:#fff}.span2{grid-column:1/-1}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto;box-shadow:0 10px 25px rgba(7,36,68,.06)}.tbl{border-collapse:collapse;min-width:850px;width:100%}.tbl th,.tbl td{padding:14px 16px;text-align:left;border-bottom:1px solid #e7edf5;white-space:nowrap}.tbl th{background:#f8fbfe;color:#44556b;font-size:13px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#062642,#0f6b55);padding:18px}.login-card{width:min(460px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.login-card .logo{align-items:flex-start}.empty{box-shadow:none}.notice{font-size:13px;color:var(--muted);line-height:1.45}.remember{display:flex;gap:8px;align-items:center;margin:8px 0 14px}.searchbar{width:min(620px,45vw);border:1px solid var(--line);border-radius:14px;padding:13px 18px}.print-only{display:none}@media(max-width:900px){.side{position:relative;width:100%;height:auto}.app{display:block}.main{margin-left:0}.cards{grid-template-columns:repeat(2,1fr)}.admin-form{grid-template-columns:1fr}.searchbar{width:100%}.top{height:auto;gap:12px;padding:15px;flex-wrap:wrap}.content{padding:16px}.page-head{flex-direction:column;align-items:flex-start}.tbl{min-width:760px}}@media print{.side,.top,.toolbar,.btn{display:none!important}.main{margin:0}.content{padding:0}.card,.table-wrap{box-shadow:none;border:1px solid #ccc}.print-only{display:block}}

/* ===== Mejora responsive/PWA Portal Jurídico ===== */
body{overflow-x:hidden}.app{width:100%}.side{transition:width .18s ease, transform .18s ease;padding-bottom:88px}.main{transition:margin-left .18s ease}.top{gap:14px}.top-left{display:flex;align-items:center;gap:10px}.menu-toggle,.collapse-toggle,.install-app-btn{border:1px solid var(--line);background:#fff;color:var(--txt);border-radius:12px;min-height:42px;padding:0 13px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.collapse-toggle{background:#eef5fb}.install-app-btn{background:#0f6b55;color:#fff;border-color:#0f6b55;display:inline-flex}.side-footer{position:absolute;left:18px;right:18px;bottom:16px;padding:12px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:12px;color:#cfe0f2;text-align:center}.side-footer strong{display:block;color:#fff;margin-top:2px}.logo-mark{flex:0 0 auto}.side a{white-space:nowrap}.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.tbl{min-width:920px}.admin-form{max-width:100%}.field input,.field select,.field textarea{width:100%;min-width:0}.cards{align-items:stretch}.metric{min-height:118px}.content{max-width:100%;overflow:hidden}.page-head{min-width:0}.page-head>*{min-width:0}.toolbar .btn{min-height:42px}.side-collapsed .side{width:88px}.side-collapsed .main{margin-left:88px}.side-collapsed .side .logo div:not(.logo-mark),.side-collapsed .side p,.side-collapsed .side a:not(.active){font-size:0}.side-collapsed .side a{justify-content:center;padding:13px 8px}.side-collapsed .side a.active{font-size:0}.side-collapsed .side-footer span,.side-collapsed .side-footer strong{display:none}.side-collapsed .logo{justify-content:center}.login-card{position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#0f6b55,#0f65bc,#092f50)}.login-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.mobile-note{display:none;color:#60718a;font-size:13px;margin:0 0 10px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.searchbar{width:100%;flex:1}.top{align-items:flex-start}.top>div:last-child{max-width:100%}}@media(max-width:900px){.side{position:fixed;transform:translateX(-104%);width:min(86vw,310px);height:100vh;z-index:70}.side-open .side{transform:translateX(0)}.side-collapsed .side{width:min(86vw,310px)}.side-collapsed .main,.main{margin-left:0}.top{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr;align-items:stretch}.top-left{width:100%;justify-content:space-between}.collapse-toggle{display:none}.content{padding:14px}.cards{grid-template-columns:1fr}.card{padding:16px;border-radius:14px}.page-head h1{font-size:24px}.page-head{gap:10px}.toolbar{width:100%}.toolbar .btn,.btn{width:auto;min-height:44px}.admin-form{grid-template-columns:1fr}.span2{grid-column:auto}.mobile-note{display:block}.tbl th,.tbl td{padding:12px}.login{align-items:start;padding-top:28px}.login-card{padding:24px;border-radius:20px}.login-card .logo{margin-bottom:18px}.logo h1{font-size:23px}}@media(max-width:520px){.cards{gap:12px}.metric strong{font-size:25px}.top{padding:12px}.content{padding:12px}.table-wrap{border-radius:12px}.tbl{min-width:760px}.btn.full{width:100%}.login-actions .btn{flex:1}.page-head .btn,.toolbar .btn{flex:1}.side{width:90vw}.logo-mark{width:46px;height:46px;border-radius:14px}.logo strong{font-size:16px}.searchbar{font-size:14px}}@media print{.menu-toggle,.collapse-toggle,.install-app-btn,.side-footer{display:none!important}}


/* ===== Ajustes finales de menú, PWA y móvil - 2026-08-07 ===== */
.side{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding-bottom:18px;display:flex;flex-direction:column;min-height:100vh}.side .logo{min-height:72px;margin-bottom:12px}.side a .mi{width:24px;min-width:24px;text-align:center;font-size:17px;line-height:1}.side a .mt{overflow:hidden;text-overflow:ellipsis}.side-footer{position:static;margin-top:auto;left:auto;right:auto;bottom:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;flex-shrink:0}.side-footer span,.side-footer strong{white-space:normal;text-align:center}.side-collapsed .side .logo div:not(.logo-mark),.side-collapsed .side p,.side-collapsed .side a .mt{display:none!important}.side-collapsed .side a{justify-content:center;gap:0}.side-collapsed .side a .mi{font-size:20px}.side-collapsed .side-footer{min-height:42px;padding:8px}.side-collapsed .side-footer span,.side-collapsed .side-footer strong{display:none!important}.install-app-btn{width:42px;padding:0;font-size:20px;border-radius:14px;background:linear-gradient(135deg,#0f6b55,#0f65bc);box-shadow:0 8px 22px rgba(15,101,188,.20)}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-btn{border:1px solid #d6e1ed;background:#fff;color:#0f65bc;border-radius:9px;padding:7px 10px;font-weight:800;cursor:pointer;text-decoration:none}.mini-btn.danger{color:#bd1e24}.login-actions .btn.green{border-radius:14px;background:linear-gradient(135deg,#0f6b55,#0f65bc);font-size:14px}@media(max-width:900px){.side{display:flex;min-height:100vh}.side .logo{min-height:68px}.side-footer{margin-top:auto}.side-collapsed .side .logo div:not(.logo-mark),.side-collapsed .side p,.side-collapsed .side a .mt,.side-collapsed .side-footer span,.side-collapsed .side-footer strong{display:initial!important}.side-collapsed .side a{justify-content:flex-start;gap:10px}.side-collapsed .side a .mi{font-size:17px}.top-left{gap:8px}.install-app-btn{width:44px;height:44px}.main{min-width:0}.content{overflow-x:hidden}.tbl{min-width:820px}.table-wrap{overflow-x:auto}.field input,.field select,.field textarea{font-size:16px}}@media(max-width:520px){.top-left{display:flex;align-items:center}.top strong{font-size:14px}.login-card{margin:auto 0}.logo h1{font-size:22px}.side a{font-size:15px;min-height:44px}.side-footer{font-size:11px}}

/* ===== Ajuste profesional de iconos y menú - 2026-08-07 ===== */
.svg-ico{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.logo-mark .svg-ico{width:28px;height:28px}.nav-ico{width:26px;min-width:26px;height:26px;display:inline-grid;place-items:center;color:#dcecff}.side a{gap:12px;min-height:44px}.side a.active .nav-ico,.side a:hover .nav-ico{color:#fff}.side .logo{flex:0 0 auto;align-items:center}.side-footer{margin-top:auto;position:static!important;flex-shrink:0;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}.side{display:flex!important;flex-direction:column}.side p{flex:0 0 auto}.side-collapsed .side{width:86px!important;padding-left:14px;padding-right:14px}.side-collapsed .main{margin-left:86px!important}.side-collapsed .side .logo div:not(.logo-mark),.side-collapsed .side p,.side-collapsed .side a .mt{display:none!important}.side-collapsed .side a{justify-content:center;padding:12px 8px;gap:0}.side-collapsed .nav-ico{width:32px;height:32px}.side-collapsed .svg-ico{width:22px;height:22px}.side-collapsed .side-footer span,.side-collapsed .side-footer strong{display:none!important}.install-app-btn .svg-ico{width:22px;height:22px}.menu-toggle .svg-ico,.collapse-toggle .svg-ico{width:20px;height:20px}.row-actions,.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form select{min-height:34px;border:1px solid #d2ddeb;border-radius:8px;padding:6px 8px}.wide-text{white-space:normal!important;min-width:260px;max-width:480px}@media(max-width:900px){.side-collapsed .main,.main{margin-left:0!important}.side-collapsed .side{width:min(86vw,310px)!important}.side-collapsed .side .logo div:not(.logo-mark),.side-collapsed .side p,.side-collapsed .side a .mt{display:inline!important;font-size:inherit!important}.side-collapsed .side a{justify-content:flex-start;gap:12px}.side-footer{margin-top:auto}}

/* =========================================================
   REDISEÑO FINAL DE MENÚ PORTAL - PROFESIONAL Y RESPONSIVE
   Corrige solapamientos, textos cortados e iconos poco claros.
   ========================================================= */
:root{--portal-menu-a:#062744;--portal-menu-b:#031d35;--portal-blue:#1468bd;--portal-gold:#f6c15a;--portal-text:#f3f8ff;--portal-muted:#a8bfd8;}
.app{display:flex!important;min-height:100vh!important;background:#f2f6fb!important;}
.side{
  width:286px!important;
  min-width:286px!important;
  position:fixed!important;
  inset:0 auto 0 0!important;
  height:100vh!important;
  background:linear-gradient(180deg,var(--portal-menu-a),var(--portal-menu-b))!important;
  padding:0!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  box-shadow:6px 0 28px rgba(3,25,45,.18)!important;
  z-index:70!important;
}
.main{margin-left:286px!important;width:calc(100% - 286px)!important;min-width:0!important;}
.side .logo{
  min-height:96px!important;
  margin:0!important;
  padding:20px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  flex:0 0 auto!important;
}
.logo-mark{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#0f6b55,#1468bd)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
  font-size:18px!important;
  font-weight:900!important;
}
.logo-mark .svg-ico{width:27px!important;height:27px!important;stroke-width:1.8!important;}
.logo strong,.side .logo strong{font-size:17px!important;line-height:18px!important;letter-spacing:.7px!important;color:#fff!important;}
.logo span,.side .logo span{font-size:18px!important;line-height:20px!important;color:var(--portal-gold)!important;font-weight:900!important;letter-spacing:.5px!important;}
.side p{
  margin:18px 24px 8px!important;
  color:var(--portal-muted)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:1.05px!important;
  text-transform:uppercase!important;
  flex:0 0 auto!important;
}
.side a{
  min-height:46px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:5px 14px!important;
  padding:0 12px!important;
  border-radius:13px!important;
  color:var(--portal-text)!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:760!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
}
.side a:hover{background:rgba(255,255,255,.075)!important;}
.side a.active{background:linear-gradient(90deg,#1468bd,#0f5aa4)!important;box-shadow:inset 4px 0 0 #4bd18a,0 8px 20px rgba(0,0,0,.13)!important;}
.side a .nav-ico{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.075)!important;
  color:#c8def4!important;
}
.side a.active .nav-ico{background:rgba(255,255,255,.18)!important;color:#fff!important;}
.side a .mt{
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.svg-ico{width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.side-footer{
  margin:auto 14px 14px!important;
  min-height:72px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#dcecff!important;
  font-size:12px!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
}
.side-footer span,.side-footer strong{position:static!important;display:block!important;white-space:normal!important;line-height:1.25!important;}
.side-footer strong{color:#fff!important;font-weight:900!important;margin-top:2px!important;}
.side-collapsed .side{width:86px!important;min-width:86px!important;padding:0!important;}
.side-collapsed .main{margin-left:86px!important;width:calc(100% - 86px)!important;}
.side-collapsed .side .logo{justify-content:center!important;padding:18px 8px!important;}
.side-collapsed .side .logo div:not(.logo-mark),.side-collapsed .side p,.side-collapsed .side a .mt,.side-collapsed .side-footer span,.side-collapsed .side-footer strong{display:none!important;}
.side-collapsed .side a{justify-content:center!important;gap:0!important;margin:6px 10px!important;padding:0!important;min-height:48px!important;}
.side-collapsed .side a .nav-ico{width:42px!important;min-width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:13px!important;}
.side-collapsed .side a.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.12)!important;}
.side-collapsed .side-footer{min-height:54px!important;margin:auto 10px 12px!important;padding:8px!important;}
.menu-toggle,.collapse-toggle,.install-app-btn{width:44px!important;height:44px!important;padding:0!important;border-radius:13px!important;display:inline-grid!important;place-items:center!important;font-size:0!important;}
.menu-toggle::before{content:'☰';font-size:22px;font-weight:900;color:#082d4f;}
.collapse-toggle::before{content:'‹';font-size:28px;font-weight:900;color:#082d4f;}
.side-collapsed .collapse-toggle::before{content:'›';}
.install-app-btn{background:linear-gradient(135deg,#0f6b55,#1468bd)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(15,101,188,.22)!important;}
.install-app-btn .svg-ico{width:22px!important;height:22px!important;}
.top{min-height:76px!important;background:#fff!important;border-bottom:1px solid #dbe5ee!important;}
@media(max-width:900px){
  .side{width:min(88vw,310px)!important;min-width:0!important;transform:translateX(-105%)!important;}
  .side-open .side{transform:translateX(0)!important;}
  .main,.side-collapsed .main{margin-left:0!important;width:100%!important;}
  .side-collapsed .side{width:min(88vw,310px)!important;}
  .side-collapsed .side .logo div:not(.logo-mark),.side-collapsed .side p,.side-collapsed .side a .mt,.side-collapsed .side-footer span,.side-collapsed .side-footer strong{display:block!important;}
  .side-collapsed .side a{justify-content:flex-start!important;gap:12px!important;margin:5px 14px!important;padding:0 12px!important;}
  .side-collapsed .side a .nav-ico{width:34px!important;min-width:34px!important;height:34px!important;flex-basis:34px!important;}
  .side-collapsed .side .logo{justify-content:flex-start!important;padding:20px 18px!important;}
  .top{position:sticky!important;top:0!important;z-index:55!important;}
}


/* =========================================================
   CORRECCIÓN PORTAL MÓVIL + PIE SOF - 2026-08-10
   Permite bajar en el menú para ver Mensajes, Comprobantes,
   Cambiar clave y Salir. Agrega logo/leyenda SOF sin tapar opciones.
   ========================================================= */
.side{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(246,193,90,.55) rgba(255,255,255,.06)!important;
  padding-bottom:12px!important;
}
.side::-webkit-scrollbar{width:7px!important;}
.side::-webkit-scrollbar-track{background:rgba(255,255,255,.05)!important;}
.side::-webkit-scrollbar-thumb{background:rgba(246,193,90,.55)!important;border-radius:999px!important;}
.side .logo{min-height:82px!important;padding:14px 18px!important;}
.logo-mark{width:44px!important;height:44px!important;min-width:44px!important;border-radius:13px!important;}
.logo-mark .svg-ico{width:24px!important;height:24px!important;}
.side p{margin:12px 22px 6px!important;}
.side a{min-height:42px!important;margin:4px 12px!important;font-size:13.5px!important;}
.side a .nav-ico{width:31px!important;min-width:31px!important;height:31px!important;flex-basis:31px!important;}
.side a .mt{font-size:13.5px!important;}
.side-footer.sof-footer{
  margin:12px 12px 16px!important;
  min-height:72px!important;
  padding:10px 10px!important;
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  align-items:center!important;
  justify-items:start!important;
  text-align:left!important;
  flex-shrink:0!important;
}
.side-footer.sof-footer img{
  grid-row:1/3!important;
  width:56px!important;
  max-width:56px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:8px!important;
}
.side-footer.sof-footer span{
  display:block!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  color:#dcecff!important;
  margin:0!important;
}
.side-footer.sof-footer strong{
  display:block!important;
  font-size:11.5px!important;
  line-height:1.15!important;
  color:#f6c15a!important;
  margin:0!important;
  white-space:normal!important;
}
.side-collapsed .side-footer.sof-footer{
  grid-template-columns:1fr!important;
  min-height:50px!important;
  padding:6px!important;
  margin:10px 8px 12px!important;
  justify-items:center!important;
}
.side-collapsed .side-footer.sof-footer img{width:42px!important;max-width:42px!important;grid-row:auto!important;}
.side-collapsed .side-footer.sof-footer span,
.side-collapsed .side-footer.sof-footer strong{display:none!important;}
@media(max-width:900px){
  .side,
  .side-collapsed .side{
    width:min(86vw,292px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:22px!important;
  }
  body.side-open{overflow:hidden!important;}
  .side .logo,
  .side-collapsed .side .logo{min-height:78px!important;padding:13px 16px!important;}
  .side a,
  .side-collapsed .side a{min-height:42px!important;margin:4px 12px!important;padding:0 11px!important;}
  .side p,
  .side-collapsed .side p{margin:11px 22px 5px!important;}
  .side-footer.sof-footer,
  .side-collapsed .side-footer.sof-footer{
    margin:12px 12px 24px!important;
    min-height:70px!important;
    padding:10px!important;
    display:grid!important;
    grid-template-columns:58px 1fr!important;
    column-gap:9px!important;
    justify-items:start!important;
    text-align:left!important;
  }
  .side-footer.sof-footer img,
  .side-collapsed .side-footer.sof-footer img{width:56px!important;max-width:56px!important;grid-row:1/3!important;}
  .side-footer.sof-footer span,
  .side-footer.sof-footer strong,
  .side-collapsed .side-footer.sof-footer span,
  .side-collapsed .side-footer.sof-footer strong{display:block!important;}
}

/* =========================================================
   PORTAL REPLICA VISUAL SISTEMA PC - FINAL 2026-09-04
   Corrige: logo gigante, fondo blanco, botón "Menú", flecha,
   pie SOF y panel simple. El portal queda visualmente alineado
   con el sistema local de PC.
   ========================================================= */
:root{--navy:#082d4f;--navy2:#052541;--blue:#0d5ca6;--green:#0b7a4b;--bg:#f4f7fb;--white:#fff;--line:#dfe7ef;--text:#0b223d;--muted:#63748a;--orange:#f97316;--purple:#7c3aed;--cyan:#06a9bd;--gold:#c99a43;--radius:14px;--shadow:0 10px 28px rgba(17,35,54,.08)}
body{background:var(--bg)!important;color:var(--text)!important;font-family:"Segoe UI",Arial,sans-serif!important;font-size:14px!important;}
.app.portal-pc-app{min-height:100vh!important;display:flex!important;background:var(--bg)!important;}
.side.portal-side,.portal-side.side{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:252px!important;min-width:252px!important;height:100vh!important;background:linear-gradient(180deg,#082d4f 0%,#062743 62%,#04213a 100%)!important;border-right:1px solid rgba(255,255,255,.12)!important;color:#fff!important;display:flex!important;flex-direction:column!important;z-index:80!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 0 12px!important;box-shadow:none!important;}
.side-close-x{position:absolute!important;right:10px!important;top:10px!important;width:26px!important;height:26px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#eaf2fb!important;border-radius:8px!important;display:grid!important;place-items:center!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;z-index:3!important;padding:0!important;}
.side-close-x:hover{background:rgba(255,255,255,.16)!important;color:#fff!important;}
.portal-brand-toggle.logo,.side .portal-brand-toggle{width:100%!important;height:86px!important;min-height:86px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;background:transparent!important;color:#fff!important;display:flex!important;align-items:center!important;gap:10px!important;padding:18px 18px!important;cursor:pointer!important;text-align:left!important;border-radius:0!important;box-shadow:none!important;}
.portal-brand-toggle .brand-logo-law{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:contain!important;display:block!important;background:transparent!important;border:0!important;border-radius:0!important;filter:none!important;flex:0 0 42px!important;}
.portal-brand-toggle div{min-width:0!important;line-height:1!important;}
.portal-brand-toggle strong{display:block!important;color:#fff!important;font-weight:900!important;font-size:14px!important;letter-spacing:.5px!important;line-height:15px!important;white-space:nowrap!important;}
.portal-brand-toggle span{display:block!important;color:#f6c15a!important;font-weight:900!important;font-size:14px!important;letter-spacing:.5px!important;line-height:16px!important;white-space:nowrap!important;}
.side.portal-side p{margin:16px 14px 8px!important;text-transform:uppercase!important;color:#9eb2c8!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.9px!important;line-height:1.1!important;background:transparent!important;padding:0!important;}
.side.portal-side a{height:38px!important;min-height:38px!important;margin:4px 10px!important;padding:0 11px!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#eaf2fb!important;text-decoration:none!important;font-size:13px!important;font-weight:760!important;line-height:1!important;white-space:nowrap!important;background:transparent!important;box-shadow:none!important;border:0!important;}
.side.portal-side a:hover{background:rgba(255,255,255,.10)!important;}
.side.portal-side a.active{background:linear-gradient(90deg,rgba(201,154,67,.74),rgba(153,116,49,.44))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)!important;color:#fff!important;}
.side.portal-side .nav-ico{width:20px!important;min-width:20px!important;height:20px!important;flex:0 0 20px!important;border-radius:0!important;display:grid!important;place-items:center!important;background:transparent!important;color:#eaf2fb!important;}
.side.portal-side a.active .nav-ico{color:#ffe4a9!important;background:transparent!important;}
.side.portal-side .mt{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;font-weight:780!important;line-height:1.2!important;color:inherit!important;}
.svg-ico{width:19px!important;height:19px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.dev-footer.sof-footer{height:auto!important;min-height:58px!important;margin:auto 10px 0!important;padding:8px 10px!important;border-top:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;background:rgba(3,27,50,.18)!important;display:flex!important;align-items:center!important;gap:9px!important;overflow:hidden!important;text-align:left!important;color:#fff!important;}
.dev-footer.sof-footer a{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;text-decoration:none!important;line-height:0!important;}
.dev-footer.sof-footer img{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;object-fit:contain!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;border:0!important;display:block!important;}
.dev-footer.sof-footer span{font-size:11px!important;line-height:1.15!important;color:#d9e8f8!important;display:block!important;min-width:0!important;white-space:normal!important;overflow:visible!important;}
.dev-footer.sof-footer strong{display:inline!important;color:#fff!important;font-weight:900!important;font-size:11px!important;line-height:1.15!important;}
.main{margin-left:252px!important;width:calc(100% - 252px)!important;min-height:100vh!important;background:var(--bg)!important;}
.portal-topbar.top{height:78px!important;min-height:78px!important;background:#fff!important;border-bottom:1px solid var(--line)!important;display:flex!important;align-items:center!important;gap:16px!important;padding:0 28px!important;position:sticky!important;top:0!important;z-index:45!important;box-shadow:none!important;}
.mobile-open-menu{display:none!important;border:0!important;background:transparent!important;font-size:23px!important;font-weight:900!important;color:#0b223d!important;width:36px!important;height:36px!important;border-radius:8px!important;cursor:pointer!important;padding:0!important;}
.searchbar{flex:1!important;max-width:760px!important;height:44px!important;border:1px solid #d5dee9!important;border-radius:10px!important;padding:0 18px!important;font-size:14px!important;outline:none!important;background:#fbfdff!important;color:#0b223d!important;}
.searchbar:focus{border-color:#88b5e7!important;box-shadow:0 0 0 3px rgba(13,92,166,.08)!important;}
.portal-user{margin-left:auto!important;display:flex!important;align-items:center!important;gap:9px!important;white-space:nowrap!important;}
.avatar-mini{width:38px!important;height:38px!important;border-radius:50%!important;background:linear-gradient(135deg,#d7b580,#866031)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important;}
.install-app-btn{width:42px!important;height:42px!important;min-width:42px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#082d4f,#0d5ca6)!important;color:#fff!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:0 8px 20px rgba(8,45,79,.16)!important;}
.content{padding:34px!important;max-width:1320px!important;margin:0 auto!important;}
.page-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:22px!important;}
.page-head h1{margin:0!important;font-size:27px!important;font-weight:900!important;color:var(--text)!important;}
.page-head p,.muted{color:var(--muted)!important;}
.sync-banner{border-radius:12px!important;margin:0 0 18px!important;}
.hero-motivacional.portal-hero{position:relative!important;overflow:hidden!important;min-height:300px!important;border-radius:16px!important;margin:0 0 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#082d4f!important;box-shadow:var(--shadow)!important;border:1px solid var(--line)!important;padding:0!important;color:#fff!important;}
.hero-motivacional.portal-hero .hero-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;z-index:0!important;}
.hero-motivacional.portal-hero .hero-overlay{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(5,30,55,.62),rgba(5,30,55,.34),rgba(5,30,55,.58))!important;}
.hero-motivacional.portal-hero .hero-frase{position:relative!important;z-index:2!important;text-align:center!important;color:#fff!important;max-width:780px!important;padding:28px!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important;}
.hero-motivacional.portal-hero .hero-frase span{display:inline-flex!important;margin-bottom:10px!important;padding:7px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.28)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.7px!important;text-transform:uppercase!important;color:#fff!important;}
.hero-motivacional.portal-hero .hero-frase blockquote{margin:0!important;font-family:Georgia,'Times New Roman',serif!important;font-size:34px!important;line-height:1.25!important;font-weight:800!important;color:#fff!important;}
.hero-motivacional.portal-hero .hero-frase cite{display:block!important;margin-top:15px!important;font-style:normal!important;font-size:15px!important;opacity:.94!important;color:#fff!important;}
.metrics.portal-metrics{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:16px!important;margin:0 0 22px!important;}
.metric{min-height:88px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:13px!important;box-shadow:var(--shadow)!important;padding:14px 16px!important;display:flex!important;align-items:center!important;gap:14px!important;text-decoration:none!important;color:inherit!important;transition:.15s!important;}
.metric:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(17,35,54,.12)!important;}
.metric .ico{width:46px!important;height:46px!important;border-radius:12px!important;display:grid!important;place-items:center!important;color:#fff!important;font-weight:900!important;font-size:20px!important;flex:0 0 46px!important;}
.metric .ico .svg-ico{width:24px!important;height:24px!important;}
.metric strong{display:block!important;font-size:26px!important;line-height:1!important;color:var(--text)!important;white-space:nowrap!important;}
.metric span{display:block!important;color:var(--muted)!important;font-size:12px!important;margin-top:4px!important;}
.i-blue{background:#4169ff!important}.i-green{background:#32b37b!important}.i-orange{background:#ff6b38!important}.i-purple{background:#8c55ff!important}.i-cyan{background:#05aabe!important}.i-red{background:#ef4444!important}
.portal-dashboard-grid,.dashboard-grid{display:grid!important;grid-template-columns:1.2fr 1fr .9fr!important;gap:18px!important;align-items:start!important;}
.card{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:var(--shadow)!important;padding:18px!important;color:var(--text)!important;}
.card h2{margin:0 0 14px!important;font-size:18px!important;color:var(--text)!important;font-weight:900!important;}
.list-row{display:flex!important;align-items:center!important;gap:12px!important;padding:11px 0!important;border-bottom:1px solid #eef2f6!important;}
.list-row:last-child{border-bottom:0!important;}
.datebox{width:48px!important;height:54px!important;border-radius:8px!important;background:#f0f5fb!important;color:#082d4f!important;display:grid!important;place-items:center!important;align-content:center!important;font-size:19px!important;font-weight:900!important;line-height:1!important;flex:0 0 48px!important;}
.datebox small{display:block!important;font-size:10px!important;margin-top:4px!important;color:#6b7b8c!important;}
.row-main{min-width:0!important;flex:1!important;}
.row-main strong{display:block!important;font-size:14px!important;color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.row-main span{display:block!important;font-size:12px!important;color:var(--muted)!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.badge.soft{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#eef6ff!important;color:#0d5ca6!important;padding:6px 10px!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;}
.quick-actions.quick-actions-vertical{display:flex!important;flex-direction:column!important;gap:12px!important;}
.quick-actions.quick-actions-vertical a,.quick-actions.quick-actions-vertical button{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding-left:18px!important;text-decoration:none!important;}
.btn-outline,.btn-success,.btn-orange,.btn-purple,.btn.primary,.btn.green,.btn.gray{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;border:1px solid #d6e1ec!important;background:#fff!important;color:#0b223d!important;font-weight:850!important;min-height:38px!important;padding:0 14px!important;text-decoration:none!important;cursor:pointer!important;}
.btn-success,.btn.green{background:#0b7a4b!important;color:#fff!important;border-color:#0b7a4b!important}.btn-orange{background:#f97316!important;color:#fff!important;border-color:#f97316!important}.btn-purple,.btn.primary{background:#0d5ca6!important;color:#fff!important;border-color:#0d5ca6!important}
.side-collapsed .side.portal-side{width:78px!important;min-width:78px!important;}
.side-collapsed .main{margin-left:78px!important;width:calc(100% - 78px)!important;}
.side-collapsed .portal-brand-toggle{justify-content:center!important;padding:18px 8px!important;}
.side-collapsed .portal-brand-toggle div,.side-collapsed .side.portal-side p,.side-collapsed .side.portal-side .mt,.side-collapsed .dev-footer.sof-footer span{display:none!important;}
.side-collapsed .side.portal-side a{justify-content:center!important;margin:5px 12px!important;padding:0!important;gap:0!important;}
.side-collapsed .side.portal-side .nav-ico{width:38px!important;min-width:38px!important;height:38px!important;flex-basis:38px!important;}
.side-collapsed .dev-footer.sof-footer{justify-content:center!important;padding:8px!important;margin:auto 8px 0!important;}
.side-collapsed .dev-footer.sof-footer a{width:34px!important;height:34px!important;flex-basis:34px!important;}
.side-collapsed .dev-footer.sof-footer img{width:34px!important;height:34px!important;}
.side-collapsed .side-close-x{right:7px!important;top:7px!important;width:22px!important;height:22px!important;font-size:15px!important;}
@media(max-width:1180px){.portal-dashboard-grid,.dashboard-grid{grid-template-columns:1fr 1fr!important}.quick-card{grid-column:1/-1!important}.metrics.portal-metrics{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:900px){.side.portal-side,.side-collapsed .side.portal-side{width:min(86vw,286px)!important;min-width:0!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:14px 0 32px rgba(0,0,0,.28)!important}.side-open .side.portal-side{transform:translateX(0)!important}.main,.side-collapsed .main{margin-left:0!important;width:100%!important}.mobile-open-menu{display:grid!important;place-items:center!important}.portal-topbar.top{height:auto!important;min-height:66px!important;padding:10px 14px!important;gap:10px!important;flex-wrap:wrap!important}.searchbar{order:3!important;flex-basis:100%!important;max-width:none!important;height:40px!important}.portal-user div:not(.avatar-mini){display:none!important}.content{padding:18px!important}.metrics.portal-metrics{grid-template-columns:1fr 1fr!important;gap:12px!important}.hero-motivacional.portal-hero{min-height:230px!important}.hero-motivacional.portal-hero .hero-frase blockquote{font-size:24px!important}.portal-dashboard-grid,.dashboard-grid{grid-template-columns:1fr!important}.side-collapsed .portal-brand-toggle div,.side-collapsed .side.portal-side p,.side-collapsed .side.portal-side .mt,.side-collapsed .dev-footer.sof-footer span{display:block!important}.side-collapsed .side.portal-side a{justify-content:flex-start!important;gap:10px!important;margin:4px 10px!important;padding:0 11px!important}.side-collapsed .side.portal-side .nav-ico{width:20px!important;min-width:20px!important;height:20px!important;flex-basis:20px!important}.side-collapsed .dev-footer.sof-footer{justify-content:flex-start!important;margin:auto 10px 0!important}.side-collapsed .dev-footer.sof-footer a{width:36px!important;height:36px!important;flex-basis:36px!important}.side-collapsed .dev-footer.sof-footer img{width:36px!important;height:36px!important}body.side-open{overflow:hidden!important}}
@media(max-width:560px){.metrics.portal-metrics{grid-template-columns:1fr!important}.page-head{display:block!important}.hero-motivacional.portal-hero .hero-frase blockquote{font-size:22px!important}.metric strong{font-size:23px!important}}


/* CORRECCIÓN FINAL 2026-09-04: MENÚ PORTAL IGUAL PC + X FUNCIONAL */
.top .menu-toggle,.top .collapse-toggle{display:none!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}
.mobile-open-menu{display:none!important;}
.side.portal-side,.side{position:fixed!important;}
.side-close-x{position:absolute!important;top:10px!important;right:10px!important;z-index:40!important;width:26px!important;height:26px!important;border-radius:8px!important;border:1px solid rgba(207,164,74,.45)!important;background:rgba(255,255,255,.08)!important;color:#f7d58a!important;display:grid!important;place-items:center!important;font-size:20px!important;line-height:1!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important;transition:.18s ease!important;}
.side-close-x:hover{background:rgba(207,164,74,.20)!important;border-color:#d4af37!important;color:#fff2bd!important;}
.logo.brand-legal.portal-brand-toggle{margin-top:24px!important;}
.side-collapsed .side-close-x{right:50%!important;transform:translateX(50%)!important;top:8px!important;width:24px!important;height:24px!important;font-size:18px!important;}
.side-collapsed .logo.brand-legal.portal-brand-toggle{margin-top:28px!important;}
@media(max-width:900px){.mobile-open-menu{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important;border:1px solid rgba(207,164,74,.38)!important;background:#092f50!important;color:#f7d58a!important;font-size:24px!important;line-height:1!important;padding:0!important;box-shadow:0 8px 18px rgba(0,0,0,.14)!important;}.top .menu-toggle,.top .collapse-toggle{display:none!important;}}
@media(min-width:901px){.mobile-open-menu{display:none!important;}}

/* Indicador discreto de sincronización - reemplaza carteles verdes grandes */
.sync-dot-wrap{display:flex;align-items:center;gap:7px;font-size:12px;color:#5b6b82;white-space:nowrap;margin:0 8px;}
.sync-dot{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(0,0,0,.04);}
.sync-dot.ok{background:#1fb56a;box-shadow:0 0 0 3px rgba(31,181,106,.14);}
.sync-dot.bad{background:#d93025;box-shadow:0 0 0 3px rgba(217,48,37,.14);}
.sync-banner{display:none!important;}
.btn-sm-action,.row-actions a,.row-actions button{font-weight:800;border-radius:9px!important;padding:8px 10px!important;text-decoration:none!important;border:1px solid rgba(8,47,80,.16)!important;}
.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}


/* LOGIN CRITICO SOF 20260917 - evita pantalla blanca sin formato */


:root{--sof-navy:#072846;--sof-gold:#c9a24a;--sof-green:#0b7a4b;--sof-muted:#63748a;--sof-text:#0b223d}
body.login,body.login-body{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 18% 12%,rgba(201,162,74,.22),transparent 30%),linear-gradient(135deg,#061f38 0%,#082d4f 48%,#0a4a50 100%)!important;font-family:"Segoe UI",Arial,sans-serif;color:var(--sof-text)}
.login-card{width:min(460px,92vw)!important;background:#fff!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(0,0,0,.30)!important;padding:34px!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important}.login-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--sof-gold),#0d5ca6,var(--sof-green))}
.login-card .logo{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 24px!important}.login-card .logo-mark,.login-system-mark,.logo-mark{width:58px!important;height:58px!important;min-width:58px!important;border-radius:17px!important;background:linear-gradient(135deg,#082d4f,#0d5ca6)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(8,45,79,.25)!important;overflow:hidden!important}.login-card .logo-mark svg,.logo-mark svg{width:30px!important;height:30px!important;stroke:#d7bd72!important;fill:none!important;stroke-width:1.9!important}.login-card .logo-mark img,.logo-mark img{width:44px!important;height:44px!important;object-fit:contain!important}
.login-card h1,.login-card h2{margin:0 0 5px!important;color:#082d4f!important;font-size:26px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.3px!important;text-align:left!important}.login-card p,.login-card .muted{margin:0 0 18px!important;color:#64748b!important;font-size:14px!important;line-height:1.45!important;text-align:left!important}
.login-card .alert,.alert{border-radius:12px!important;padding:12px 14px!important;margin:0 0 16px!important;font-weight:700!important}.login-card .alert.err,.alert.err,.alert-error{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fecaca!important}.login-card .alert.ok,.alert.ok,.alert-ok{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important}
.login-card .field{display:flex!important;flex-direction:column!important;gap:7px!important;margin-bottom:15px!important}.login-card .field label{font-weight:800!important;color:#23364d!important;font-size:13px!important}.login-card input{height:48px!important;border:1px solid #d4deea!important;border-radius:13px!important;padding:0 14px!important;background:#fbfdff!important;font:inherit!important;outline:none!important;box-sizing:border-box!important;width:100%!important}.login-card input:focus{border-color:#8fb8e6!important;box-shadow:0 0 0 4px rgba(13,92,166,.10)!important}
.login-card .btn,.login-card .btn.primary,.login-card .btn-primary,.login-card button[type=submit]{width:100%!important;min-height:48px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#0d5ca6,#082d4f)!important;color:#fff!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 12px 24px rgba(13,92,166,.22)!important}.login-card .btn.gray{background:#eef3f8!important;color:#102a45!important;border:1px solid #d3dee9!important;box-shadow:none!important}.login-card .toolbar{display:flex!important;gap:10px!important;margin-top:13px!important;flex-wrap:wrap!important}.login-card .toolbar .btn{width:auto!important;flex:1!important;min-height:42px!important}
.login-card .remember{display:flex!important;align-items:center!important;gap:8px!important;margin:4px 0 14px!important;color:#334155!important;font-size:13px!important}.login-card .remember input{width:16px!important;height:16px!important;min-width:16px!important}.login-actions{margin-top:12px!important;display:flex!important;gap:10px!important}.login-foot,.login-foot-modern{margin-top:24px!important;padding-top:17px!important;border-top:1px solid #e6edf4!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;color:#31465d!important;font-size:12px!important}.login-foot img,.login-foot-modern img{height:42px!important;width:auto!important;max-width:110px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.login-wrap{width:min(980px,100%);display:grid;grid-template-columns:1fr 430px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px rgba(0,0,0,.28);border-radius:26px;overflow:hidden;backdrop-filter:blur(10px)}.login-brand-panel{padding:54px 46px;color:#fff;background:linear-gradient(160deg,rgba(6,35,66,.96),rgba(4,55,58,.92));display:flex;flex-direction:column;justify-content:center;min-height:520px}.login-brand-panel h1{font-size:38px;line-height:1.1;margin:0 0 14px;font-weight:900;letter-spacing:-.5px}.login-brand-panel p{font-size:16px;line-height:1.6;color:#c7d7e8;max-width:420px;margin:0 0 28px}.login-benefits{display:flex;flex-wrap:wrap;gap:10px}.login-benefits span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;color:#eaf4ff}.login-card-modern{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;border:0!important;padding:48px 40px!important;background:#fff!important;display:flex;flex-direction:column;justify-content:center}
@media(max-width:900px){body.login,body.login-body{padding:18px;align-items:flex-start}.login-wrap{grid-template-columns:1fr;max-width:520px;border-radius:22px}.login-brand-panel{min-height:auto;padding:26px 26px 22px}.login-brand-panel h1{font-size:28px}.login-brand-panel p{font-size:14px;margin-bottom:16px}.login-benefits{display:none}.login-card{padding:26px!important;border-radius:20px!important}.login-card-modern{padding:30px 26px!important;border-radius:0!important}.login-card h1,.login-card h2{font-size:23px!important}.login-card .logo-mark{width:52px!important;height:52px!important;min-width:52px!important}}