:root{--bg:#111820;--bg2:#151d27;--side:#0d1118;--panel:#18212c;--panel2:#202b38;--soft:#263240;--line:#303b4a;--text:#f3f6fb;--muted:#8f9cad;--red:#ef4444;--red2:#b91c1c;--green:#22c55e;--blue:#38bdf8;--violet:#a855f7;--orange:#f97316;--shadow:0 24px 70px rgba(0,0,0,.36)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial;background:radial-gradient(circle at 15% 0%,#243140 0,#151d27 38%,#10161e 100%);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,rgba(239,68,68,.08),transparent 28%,transparent 70%,rgba(56,189,248,.04));pointer-events:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#loader{position:fixed;inset:0;background:#d7d7d7;z-index:999;display:grid;place-items:center;transition:.45s}.loader-card{display:flex;flex-direction:column;align-items:center;gap:10px;color:#121212;font-weight:900;letter-spacing:2px}.loader-card img{width:150px;filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 18px rgba(0,0,0,.35));animation:logoPulse 1.2s infinite alternate}.loader-card small{letter-spacing:0;color:#555;font-weight:700}#loader.hide{opacity:0;pointer-events:none}@keyframes logoPulse{to{transform:scale(1.06);filter:drop-shadow(0 0 22px #fff) drop-shadow(0 0 18px rgba(0,0,0,.45))}}.mobile-toggle{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:linear-gradient(180deg,#111720,#0b0f16);border-right:1px solid rgba(255,255,255,.08);padding:24px 18px;display:flex;flex-direction:column;gap:18px;z-index:50;box-shadow:18px 0 60px rgba(0,0,0,.32)}.brand{display:flex;align-items:center;gap:13px;padding:8px 8px 22px;border-bottom:1px solid rgba(255,255,255,.07)}.brand img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.4))}.brand b{display:block;font-size:20px;line-height:1}.brand span{font-size:10px;color:var(--red);font-weight:900;letter-spacing:1.8px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav a,.logout{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:12px;color:#dce5ef;border:1px solid transparent;transition:.2s}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(239,68,68,.28),rgba(239,68,68,.08));border-color:rgba(239,68,68,.38);box-shadow:0 0 24px rgba(239,68,68,.16)}.logout{margin-top:auto;color:#ffb7b7;background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.18)}.logout:hover{box-shadow:0 0 22px rgba(239,68,68,.18);border-color:rgba(239,68,68,.4)}.copyright{font-size:11px;color:var(--muted);padding:0 8px}.main{position:relative;margin-left:268px;padding:26px 28px 34px;min-height:100vh}.main.full{margin-left:0;display:grid;place-items:center;padding:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}.title-block h1{margin:0;font-size:25px;letter-spacing:-.5px}.title-block p{margin:5px 0 0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:13px}.search{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;min-width:310px}.search input{background:transparent;border:0;outline:0;color:var(--text);width:100%}.search kbd{font-size:11px;color:var(--muted);border:1px solid rgba(255,255,255,.12);padding:3px 7px;border-radius:7px}.bell{position:relative;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--text)}.bell i{position:absolute;right:-5px;top:-6px;background:var(--red);font-size:11px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal}.user-chip{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px 12px}.user-chip img{width:38px;height:38px;object-fit:contain;border-radius:50%;background:#ddd}.user-chip b,.user-chip span{display:block}.user-chip span{font-size:11px;color:var(--muted)}.card{background:linear-gradient(160deg,rgba(32,43,56,.88),rgba(24,33,44,.96));border:1px solid rgba(255,255,255,.09);border-radius:18px;box-shadow:var(--shadow);padding:20px;backdrop-filter:blur(10px);margin-bottom:18px}.card h2{margin:0;font-size:17px}.muted,.card p{color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:17px;margin-bottom:20px}.kpi{min-height:116px;background:linear-gradient(160deg,rgba(32,43,56,.92),rgba(20,28,38,.96));border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset:auto -25px -35px auto;width:110px;height:110px;border-radius:50%;background:rgba(239,68,68,.13);filter:blur(10px)}.kpi i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-style:normal;margin-bottom:8px}.kpi.purple i{background:rgba(168,85,247,.25)}.kpi.violet i{background:rgba(139,92,246,.25)}.kpi.orange i{background:rgba(249,115,22,.22)}.kpi.green i{background:rgba(34,197,94,.22)}.kpi.blue i{background:rgba(56,189,248,.22)}.kpi span{display:block;color:#e8edf5;font-size:13px}.kpi b{font-size:28px;display:block;margin-top:4px}.kpi em{font-style:normal;color:#4ade80;font-size:12px}.kpi em.bad{color:#ff6b6b}.dashboard-grid{display:grid;grid-template-columns:1.1fr .82fr .82fr;gap:18px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.mini{font-size:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px 10px}.chart-card h3{font-size:26px;margin:8px 0 12px}.chart{height:210px;border-bottom:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.06);display:flex;align-items:end;gap:22px;padding:8px 22px;background:linear-gradient(180deg,transparent,rgba(239,68,68,.04));border-radius:14px}.chart span{flex:1;max-width:34px;background:linear-gradient(180deg,#ff5a5a,#9f1239);box-shadow:0 0 25px rgba(239,68,68,.35);border-radius:999px 999px 0 0}.months{display:flex;justify-content:space-around;color:var(--muted);font-size:12px;margin-top:8px}.list.clean a{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.list.clean span{color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;justify-content:center;background:rgba(34,197,94,.16);color:#88ffad;border:1px solid rgba(34,197,94,.2);padding:5px 10px;border-radius:8px;font-size:12px}.btn,button{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);color:var(--text);border-radius:11px;padding:11px 15px;cursor:pointer;font-weight:800;transition:.2s}.btn:hover,button:hover{border-color:rgba(239,68,68,.55);box-shadow:0 0 22px rgba(239,68,68,.18);transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#ff4d4d,#be123c);border-color:transparent;box-shadow:0 10px 35px rgba(239,68,68,.26)}.danger{background:rgba(127,29,29,.42)!important;border-color:rgba(239,68,68,.28)!important;color:#ffcaca}.green{background:rgba(34,197,94,.18)!important;color:#b2ffcc}.actions,.row-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.square,.icon{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.invoice-preview h2{text-align:center;color:#ff6969;text-transform:uppercase;letter-spacing:2px;font-size:13px;margin-bottom:10px}.paper{background:#f8fafc;color:#111827;border-radius:10px;padding:18px;max-width:360px;margin:auto;box-shadow:0 20px 60px rgba(0,0,0,.35)}.paper>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.paper img{width:54px}.paper span{font-size:11px;text-align:right}.paper table{width:100%;border-collapse:collapse;font-size:11px;margin-top:12px}.paper th,.paper td{border-bottom:1px solid #ddd;padding:6px;text-align:left}.paper h3{display:flex;justify-content:space-between;background:#b91c1c;color:white;padding:8px;border-radius:6px;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}label{display:flex;flex-direction:column;gap:7px;color:#dfe7f2;font-weight:800;font-size:13px}input,select,textarea{width:100%;background:rgba(11,15,22,.58);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(239,68,68,.55);box-shadow:0 0 0 3px rgba(239,68,68,.12)}textarea{min-height:112px}.section-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.section-title>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.22)}.section-title h2,.section-title p{margin:0}.section-title p{margin-top:4px}.quote-grid{display:grid;grid-template-columns:1fr 420px;gap:18px}.items{overflow-x:auto}.item{display:grid;grid-template-columns:2.2fr .68fr .8fr .75fr .66fr 44px;gap:10px;margin-bottom:10px;min-width:760px}.item.head{color:var(--muted);font-weight:900;padding:0 8px}.totals{background:linear-gradient(160deg,rgba(19,26,35,.95),rgba(16,22,30,.95));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px}.sticky{position:sticky;top:20px}.totals p,.totals h2{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:10px 0}.totals h2{background:linear-gradient(135deg,#e53935,#991b1b);padding:14px;border-radius:12px;margin-top:16px}.red{color:#ff6969!important}.floating-actions{position:sticky;bottom:16px;display:flex;justify-content:flex-end;gap:10px;background:rgba(15,21,29,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:16px;padding:12px;margin-top:18px}.table .tr{display:grid;grid-template-columns:1fr 1fr .75fr .75fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.tr.head{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.tr small{color:var(--muted);display:block;margin-top:4px}.concepts .tr{grid-template-columns:2fr .6fr .8fr .65fr .65fr .8fr}.clients-table .tr{grid-template-columns:1.2fr 1fr .8fr auto}.backup-table .tr{grid-template-columns:1.3fr .5fr auto}.document-paper{background:#f7f8fb;color:#101828;border-radius:16px;padding:24px;box-shadow:0 22px 70px rgba(0,0,0,.32)}.document-paper .paper-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #dbe1ea;padding-bottom:14px;margin-bottom:18px}.paper-head img{width:62px;vertical-align:middle}.paper-head b,.paper-head span{display:block;font-size:18px}.paper-head small{color:#667085}.document-paper .doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.document-paper .table .tr{border-color:#e2e8f0}.document-paper .badge{background:#dcfce7;color:#166534}.document-paper .totals{background:#fff;color:#101828;border-color:#e2e8f0;margin-left:auto;max-width:440px;box-shadow:none}.storage{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px;margin-bottom:12px}.storage div{height:9px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}.storage i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#e53935)}.info-box{background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.15);padding:14px;border-radius:14px;color:#c9e9ff}.login-wrap{display:grid;place-items:center;min-height:100vh;width:100vw;background:radial-gradient(circle at 50% 0,#293646,#141b25 48%,#0f141b)}.login-card{width:min(455px,92vw);background:linear-gradient(160deg,rgba(32,43,56,.92),rgba(18,25,34,.96));border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:34px;text-align:center;box-shadow:var(--shadow)}.login-logo{width:122px;filter:drop-shadow(0 0 20px rgba(255,255,255,.45))}.login-card h1{margin:10px 0 0}.login-card p{color:var(--muted)}.login-card form{display:grid;gap:13px;text-align:left;margin-top:18px}.flash{padding:13px 16px;border-radius:13px;margin-bottom:16px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.2)}.flash.error{background:rgba(127,29,29,.35);border-color:rgba(239,68,68,.28)}footer{margin-top:32px;color:var(--muted);text-align:center;font-size:12px}.empty{color:var(--muted);padding:16px}.mobile-bottom{display:none}@media(max-width:1180px){.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid,.quote-grid{grid-template-columns:1fr}.sticky{position:static}.top-actions .search{display:none}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){body{padding-bottom:86px}.mobile-toggle{display:grid;place-items:center;position:fixed;left:16px;top:14px;z-index:80;width:44px;height:44px;border-radius:14px;background:rgba(17,24,32,.9);backdrop-filter:blur(10px)}.sidebar{transform:translateX(-105%);transition:.3s}.open .sidebar{transform:none}.main{margin-left:0;padding:16px}.topbar{padding-left:52px;align-items:flex-start}.top-actions{display:none}.title-block h1{font-size:21px}.kpis{grid-template-columns:1fr}.dashboard-grid,.bottom-grid,.form-grid,.form-grid.two,.document-paper .doc-grid{grid-template-columns:1fr}.card{padding:16px;border-radius:16px}.table .tr,.concepts .tr,.clients-table .tr,.backup-table .tr{grid-template-columns:1fr;gap:7px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:10px;padding:14px}.tr.head{display:none}.item,.item.head{grid-template-columns:1fr;min-width:0}.item.head{display:none}.card-head{align-items:flex-start;flex-direction:column}.document-paper{padding:16px}.document-paper .paper-head{gap:12px;flex-direction:column}.floating-actions{justify-content:stretch;flex-direction:column}.floating-actions .btn,.floating-actions button{width:100%}.mobile-bottom{position:fixed;left:10px;right:10px;bottom:10px;height:64px;background:rgba(13,17,24,.9);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);border-radius:20px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:70;box-shadow:0 18px 50px rgba(0,0,0,.35)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:18px;color:#dbe5f0}.mobile-bottom span{font-size:10px}.mobile-bottom .plus{width:52px;height:52px;margin:auto;background:linear-gradient(135deg,#ff4d4d,#be123c);border-radius:50%;display:grid;place-items:center;font-size:30px;box-shadow:0 0 24px rgba(239,68,68,.35)}}
.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0 10px}.data-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.7px;text-align:left;padding:0 12px}.data-table td{background:rgba(255,255,255,.035);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:12px}.data-table td:first-child{border-left:1px solid rgba(255,255,255,.08);border-radius:12px 0 0 12px}.data-table td:last-child{border-right:1px solid rgba(255,255,255,.08);border-radius:0 12px 12px 0}.data-table input{padding:9px 10px;border-radius:9px}.form-grid .wide{grid-column:span 2}.notifications-list a{grid-template-columns:auto 1fr auto}.notifications-list b{min-width:240px}.bell{display:grid;place-items:center}.list.clean form{margin:0}.data-table td .mini{margin:3px}@media(max-width:760px){.data-table,.data-table thead,.data-table tbody,.data-table th,.data-table td,.data-table tr{display:block}.data-table thead{display:none}.data-table tr{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:12px;padding:10px}.data-table td{border:0!important;background:transparent;border-radius:0!important;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px}.data-table td:before{content:attr(data-label);color:var(--muted);font-weight:900;font-size:12px}.data-table td input{max-width:60%}.form-grid .wide{grid-column:span 1}.notifications-list a{grid-template-columns:1fr}.notifications-list b{min-width:0}.side-nav a:first-child{background:transparent;border-color:transparent;box-shadow:none}}

.item-field{margin:0;min-width:0}.item-field span{display:none}.item-field input{width:100%}@media(max-width:760px){.item-field span{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:4px}.item .icon{width:100%;height:42px}.item{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}}
/* v5: selector de productos en presupuestos/facturas */
.item{grid-template-columns:1.25fr 2fr .62fr .75fr .7fr .62fr 44px}
.item.head{grid-template-columns:1.25fr 2fr .62fr .75fr .7fr .62fr 44px}
.product-picker select{min-width:150px}
@media(max-width:760px){.item,.item.head{grid-template-columns:1fr}.product-picker select{min-width:0}}

/* v8: menú organizado y barra superior sin buscador */
.nav-separator{margin:12px 8px 5px;border-top:1px solid rgba(255,255,255,.07);padding-top:10px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:1.8px}.nav-separator span{opacity:.75}.top-actions.clean-top{gap:12px}.top-actions.clean-top .user-chip{min-width:178px}.side-nav a:first-child{background:transparent;border-color:transparent;box-shadow:none}.side-nav a:hover{background:linear-gradient(90deg,rgba(239,68,68,.28),rgba(239,68,68,.08));border-color:rgba(239,68,68,.38);box-shadow:0 0 24px rgba(239,68,68,.16)}@media(max-width:760px){.nav-separator{margin-top:10px}.topbar{padding-left:52px}.top-actions.clean-top{display:none}.mobile-bottom .plus{color:white;font-weight:900;text-decoration:none}.sidebar{overflow:auto}.logout{margin-top:12px}}


/* PWA iPhone: barra de estado, safe areas y navegación móvil nativa */
html{background:#111820;min-height:100%;}
body{background-color:#111820;min-height:100%;}
.menu-backdrop{display:none;}
.more-tab{border:0;background:transparent;box-shadow:none;transform:none;padding:0;color:inherit;}
.more-tab:hover{border:0;box-shadow:none;transform:none;}

@media(max-width:760px){
  html,body{background:#111820;}
  body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}
  .main{padding-top:18px;padding-bottom:calc(104px + env(safe-area-inset-bottom));}
  .mobile-toggle{top:calc(14px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));}
  .mobile-bottom{height:calc(78px + env(safe-area-inset-bottom));padding:8px 14px calc(8px + env(safe-area-inset-bottom));bottom:0;left:0;right:0;border-radius:22px 22px 0 0;}
  .mobile-bottom a,.mobile-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:54px;color:#dbe4ee;font-size:20px;}
  .mobile-bottom span{font-size:11px;font-weight:700;}
  .mobile-bottom .plus{display:grid;place-items:center;align-self:flex-start;margin-top:-27px;width:64px;height:64px;min-width:64px;border-radius:50%;font-size:38px;background:linear-gradient(145deg,#ff4d59,#d91f45);box-shadow:0 12px 30px rgba(239,68,68,.42);}
  .menu-backdrop{position:fixed;inset:0;background:rgba(4,8,13,.62);backdrop-filter:blur(4px);z-index:49;opacity:0;pointer-events:none;display:block;transition:opacity .25s ease;}
  body.open .menu-backdrop{opacity:1;pointer-events:auto;}
  .sidebar{padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom));}
  body.open{overflow:hidden;}
}

@media(display-mode:standalone){
  html,body{background:#111820;}
}
/* Bots y jornadas */
.bots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bot-card{min-width:0}.status-pill{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.online{background:rgba(34,197,94,.14);color:#77ef9e;border:1px solid rgba(34,197,94,.35)}.status-pill.offline{background:rgba(239,68,68,.12);color:#ff9b9b;border:1px solid rgba(239,68,68,.3)}.bot-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.bot-stats div{padding:12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);min-width:0}.bot-stats small,.bot-stats b{display:block}.bot-stats small{color:var(--muted);margin-bottom:5px}.bot-stats b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-actions{margin-bottom:14px}.bot-actions form{display:inline-flex}.console-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}.bot-console{height:285px;overflow:auto;background:#080c12;color:#b8f7cc;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:14px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.page-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.period-form{display:flex;gap:8px}.period-form select,.period-form input{width:auto}.orders-kpis{grid-template-columns:repeat(5,1fr)}.summary-lines p{display:flex;justify-content:space-between;gap:20px;padding:10px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.07)}.summary-lines p.total{margin-top:8px;padding:14px;border:1px solid rgba(239,68,68,.25);border-radius:12px;background:rgba(239,68,68,.08)}.form-card h2{margin:22px 0 12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.info-box{margin:20px 0;padding:14px;border-radius:12px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.2);color:#cdefff}.actions.end{justify-content:flex-end}code{color:#ffadad;word-break:break-all}
@media(max-width:1100px){.bots-grid{grid-template-columns:1fr}.bot-stats{grid-template-columns:repeat(2,1fr)}.orders-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.page-actions{align-items:stretch;flex-direction:column}.period-form{display:grid;grid-template-columns:1fr 1fr}.period-form .btn{grid-column:1/-1}.form-grid.three,.form-grid.two{grid-template-columns:1fr}.bot-stats{grid-template-columns:1fr 1fr}.bot-actions{display:grid;grid-template-columns:1fr}.bot-actions form,.bot-actions button{width:100%}.orders-kpis{grid-template-columns:1fr}.bot-console{height:330px}}
/* Bots y jornadas */
.bots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bot-card{min-width:0}.status-pill{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.online{background:rgba(34,197,94,.14);color:#77ef9e;border:1px solid rgba(34,197,94,.35)}.status-pill.offline{background:rgba(239,68,68,.12);color:#ff9b9b;border:1px solid rgba(239,68,68,.3)}.bot-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.bot-stats div{padding:12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);min-width:0}.bot-stats small,.bot-stats b{display:block}.bot-stats small{color:var(--muted);margin-bottom:5px}.bot-stats b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-actions{margin-bottom:14px}.bot-actions form{display:inline-flex}.console-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}.bot-console{height:285px;overflow:auto;background:#080c12;color:#b8f7cc;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:14px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.page-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.period-form{display:flex;gap:8px}.period-form select,.period-form input{width:auto}.orders-kpis{grid-template-columns:repeat(5,1fr)}.summary-lines p{display:flex;justify-content:space-between;gap:20px;padding:10px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.07)}.summary-lines p.total{margin-top:8px;padding:14px;border:1px solid rgba(239,68,68,.25);border-radius:12px;background:rgba(239,68,68,.08)}.form-card h2{margin:22px 0 12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.info-box{margin:20px 0;padding:14px;border-radius:12px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.2);color:#cdefff}.actions.end{justify-content:flex-end}code{color:#ffadad;word-break:break-all}
@media(max-width:1100px){.bots-grid{grid-template-columns:1fr}.bot-stats{grid-template-columns:repeat(2,1fr)}.orders-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.page-actions{align-items:stretch;flex-direction:column}.period-form{display:grid;grid-template-columns:1fr 1fr}.period-form .btn{grid-column:1/-1}.form-grid.three,.form-grid.two{grid-template-columns:1fr}.bot-stats{grid-template-columns:1fr 1fr}.bot-actions{display:grid;grid-template-columns:1fr}.bot-actions form,.bot-actions button{width:100%}.orders-kpis{grid-template-columns:1fr}.bot-console{height:330px}}

/* Ajustes 2.1: menú lateral limpio y desplazable */
.sidebar{overflow:hidden}
.side-nav{overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(239,68,68,.35) transparent}
.side-nav::-webkit-scrollbar{width:5px}.side-nav::-webkit-scrollbar-thumb{background:rgba(239,68,68,.35);border-radius:999px}
.side-nav a.active{background:linear-gradient(90deg,rgba(239,68,68,.28),rgba(239,68,68,.08));border-color:rgba(239,68,68,.38);box-shadow:0 0 24px rgba(239,68,68,.16)}
.nav-separator{flex:0 0 auto}
.logout{flex:0 0 auto}.copyright{flex:0 0 auto}

/* Jornadas 2.2: tarjetas de rendimiento en escritorio y móvil */
.worklog-section{overflow:hidden}
.worklog-head{align-items:flex-start}
.performance-legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted)}
.performance-legend small{margin-right:8px;font-size:11px}
.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:0 0 12px currentColor}
.legend-dot.high{color:#35d879;background:#35d879}.legend-dot.medium{color:#f5c84c;background:#f5c84c}.legend-dot.low{color:#ff5b67;background:#ff5b67}
.worklog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.worklog-card{position:relative;overflow:hidden;border-radius:18px;padding:17px;background:linear-gradient(155deg,rgba(32,43,56,.98),rgba(18,26,36,.98));border:1px solid rgba(255,255,255,.09);box-shadow:0 16px 38px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.worklog-card:hover{transform:translateY(-3px)}
.worklog-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}
.worklog-card:after{content:"";position:absolute;width:150px;height:150px;right:-65px;bottom:-75px;border-radius:50%;filter:blur(28px);opacity:.13;pointer-events:none}
.worklog-card.high:before,.worklog-card.high:after{background:#25cf70}.worklog-card.medium:before,.worklog-card.medium:after{background:#f3bf35}.worklog-card.low:before,.worklog-card.low:after{background:#ef4654}
.worklog-card.high:hover{border-color:rgba(37,207,112,.42);box-shadow:0 18px 44px rgba(37,207,112,.10)}
.worklog-card.medium:hover{border-color:rgba(243,191,53,.42);box-shadow:0 18px 44px rgba(243,191,53,.10)}
.worklog-card.low:hover{border-color:rgba(239,70,84,.42);box-shadow:0 18px 44px rgba(239,70,84,.10)}
.worklog-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.075)}
.worklog-date{display:flex;align-items:center;gap:10px}.worklog-date small,.worklog-info small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.worklog-date strong{font-size:15px}
.worklog-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.performance-badge{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}
.performance-badge.high{background:rgba(37,207,112,.13);color:#72eea6;border:1px solid rgba(37,207,112,.28)}
.performance-badge.medium{background:rgba(243,191,53,.13);color:#ffdc78;border:1px solid rgba(243,191,53,.28)}
.performance-badge.low{background:rgba(239,70,84,.13);color:#ff929c;border:1px solid rgba(239,70,84,.28)}
.worklog-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}
.worklog-info{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border-radius:12px;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.065)}
.worklog-info.full{grid-column:1/-1}.worklog-info strong{display:block;font-size:14px}.worklog-info.total-orders strong{font-size:20px}.worklog-info.income strong{font-size:18px;color:#75e9a0}.second-shift{display:block;color:#c8d2de;font-size:12px;margin-top:3px}
.info-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.055)}
.worklog-actions{display:grid;grid-template-columns:1fr auto;gap:9px;padding-top:13px;border-top:1px solid rgba(255,255,255,.075)}.worklog-actions form{margin:0}.worklog-actions .btn{width:100%;justify-content:center;display:flex;align-items:center}.worklog-delete{min-width:88px}.worklog-empty{grid-column:1/-1;padding:38px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:15px}
@media(max-width:1320px){.worklog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.worklog-section{padding:14px}.worklog-head{display:block}.performance-legend{margin-top:12px}.worklog-grid{grid-template-columns:1fr;gap:13px}.worklog-card{padding:15px;border-radius:16px}.worklog-card:hover{transform:none}.worklog-card-top{align-items:flex-start}.performance-badge{font-size:9px}.worklog-info-grid{gap:8px}.worklog-info{padding:9px}.worklog-actions{grid-template-columns:1fr 1fr}.worklog-delete{min-width:0}.worklog-head code{display:block;margin-top:4px;font-size:10px}.worklog-date strong{font-size:14px}}
@media(max-width:390px){.worklog-card-top{display:grid;grid-template-columns:1fr}.performance-badge{justify-self:start}.worklog-info-grid{grid-template-columns:1fr}.worklog-info.full{grid-column:auto}.worklog-actions{grid-template-columns:1fr}}

/* v2.3 - Horas legibles y turnos que terminan al día siguiente */
.next-day {
  display: inline-flex;
  margin-left: .35rem;
  padding: .12rem .38rem;
  border-radius: 999px;
  background: rgba(239, 68, 68, .14);
  color: #fca5a5;
  font-size: .72em;
  font-weight: 700;
  white-space: nowrap;
}


/* v2.4 - Importación inteligente de PDF */
.ai-import-btn{border-color:rgba(168,85,247,.45);background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(56,189,248,.10));box-shadow:0 0 24px rgba(168,85,247,.10)}
.import-page-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px;align-items:start}.import-card{text-align:center;padding:28px}.import-card h2{font-size:25px;margin:8px 0}.import-hero-icon{width:66px;height:66px;margin:auto;display:grid;place-items:center;border-radius:20px;font-size:30px;background:linear-gradient(145deg,rgba(168,85,247,.25),rgba(56,189,248,.14));border:1px solid rgba(168,85,247,.35);box-shadow:0 0 38px rgba(168,85,247,.18)}
.pdf-drop{position:relative;min-height:210px;margin:22px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed rgba(168,85,247,.42);border-radius:18px;background:linear-gradient(145deg,rgba(168,85,247,.07),rgba(56,189,248,.035));cursor:pointer;transition:.2s}.pdf-drop:hover{transform:translateY(-2px);border-color:#c084fc;background:rgba(168,85,247,.10)}.pdf-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pdf-drop-icon{font-size:48px}.pdf-drop b{font-size:17px}.pdf-drop small{color:var(--muted);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.import-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;text-align:left}.import-checks span{padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);color:#cfd9e6;font-size:13px}.import-checks span::first-letter{color:#72eea6}.ai-state{margin:16px 0;padding:13px;border-radius:12px;text-align:left;font-size:13px}.ai-state.ok{background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.24);color:#a7f3c0}.ai-state.warn{background:rgba(245,191,53,.09);border:1px solid rgba(245,191,53,.25);color:#ffe39a}.import-actions{justify-content:center}.import-actions .btn{min-height:44px}
.import-help{padding:23px}.import-help h2{margin-top:0}.import-step{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.import-step i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:900;background:rgba(239,68,68,.13);color:#ff9a9a;border:1px solid rgba(239,68,68,.25)}.import-step b{display:block;margin-bottom:4px}.import-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.import-result-banner{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;border-color:rgba(168,85,247,.3);background:linear-gradient(120deg,rgba(168,85,247,.12),rgba(32,43,56,.95))}.import-result-banner h2{margin:0 0 5px}.import-result-banner p{margin:0;color:var(--muted)}.import-result-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;font-size:22px;background:rgba(168,85,247,.17)}.import-warnings{display:flex;flex-direction:column;gap:5px;margin-top:11px}.import-warnings span{color:#ffe092;font-size:12px}.import-save-products{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:13px;border-radius:12px;background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.18);cursor:pointer}.import-save-products input{width:auto;margin-top:3px}.import-save-products span,.import-save-products small{display:block}.import-save-products small{color:var(--muted);margin-top:3px}
@media(max-width:900px){.import-page-grid{grid-template-columns:1fr}.import-help{order:2}}@media(max-width:600px){.import-card{padding:17px}.import-checks{grid-template-columns:1fr}.pdf-drop{min-height:180px}.import-actions{display:grid;grid-template-columns:1fr}.import-result-banner{padding:14px}.import-result-icon{width:40px;height:40px;flex-basis:40px}.card-head>.actions{width:100%;display:grid;grid-template-columns:1fr}.card-head>.actions .btn{justify-content:center}}
/* Usuarios y permisos */
.user-form-grid,.user-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.user-form-grid label,.user-edit-grid label,.merge-toolbar label{display:flex;flex-direction:column;gap:7px}.permissions-box{grid-column:1/-1;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;display:flex;flex-wrap:wrap;gap:9px}.permissions-box legend{padding:0 8px;color:#aab4c4}.permission-chip{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px!important;background:#202a35;border:1px solid #354150;border-radius:999px;padding:8px 12px}.permission-chip input{width:auto}.users-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.user-card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-card-head h3,.user-card-head p{margin:0}.avatar-small{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ef4444,#7f1d1d);font-weight:900}.role-badge{margin-left:auto;border-radius:999px;padding:6px 10px;font-size:.78rem;background:#263241}.role-badge.admin{background:rgba(239,68,68,.17);color:#ff8c8c}.btn.full{width:100%;margin-top:10px}
/* Unir PDF */
.merge-panel{max-width:980px;margin:0 auto}.pdf-drop{border:1.5px dashed #465466;background:linear-gradient(145deg,rgba(32,42,53,.9),rgba(22,30,39,.9));border-radius:22px;padding:36px;text-align:center}.pdf-drop h2{margin:8px 0}.pdf-drop p{color:#9aa6b7;max-width:600px;margin:0 auto 18px}.pdf-icon{font-size:48px}.merge-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:20px 0}.merge-toolbar label{flex:1}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.pdf-list{display:grid;gap:10px}.pdf-row{display:flex;align-items:center;gap:12px;background:#1d2631;border:1px solid #344150;border-radius:16px;padding:12px}.drag-index{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#2a3644;color:#ff7373;font-weight:800}.pdf-file-info{min-width:0;flex:1}.pdf-file-info b,.pdf-file-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-file-info small{color:#8d9aab;margin-top:3px}.pdf-actions{display:flex;gap:6px}.pdf-actions button{width:36px;height:36px;border:0;border-radius:10px;background:#2a3644;color:#fff}.pdf-actions button:last-child{color:#ff7b7b}.empty-state{text-align:center;padding:26px;color:#8794a5}.merge-submit{width:100%;margin-top:18px;padding:15px}
@media(max-width:820px){.user-form-grid,.user-edit-grid{grid-template-columns:1fr 1fr}.users-grid{grid-template-columns:1fr}.merge-toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.pdf-drop{padding:24px 16px}.permissions-box{padding:11px}.permission-chip{font-size:.85rem}.user-card{padding:15px}}
@media(max-width:520px){.user-form-grid,.user-edit-grid{grid-template-columns:1fr}.toolbar-actions{grid-template-columns:1fr}.pdf-row{align-items:flex-start}.pdf-actions{display:grid;grid-template-columns:repeat(3,34px)}.user-card-head{align-items:flex-start}.role-badge{font-size:.7rem}.top-actions .user-chip{max-width:170px}.top-actions .user-chip b,.top-actions .user-chip span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* v2.7 - Perfil personalizable, color por rol y orden manual de PDFs */
.user-chip{position:relative;overflow:hidden;transition:.2s ease;isolation:isolate}
.user-chip:before{content:"";position:absolute;inset:-30%;z-index:-1;filter:blur(18px);opacity:.6}
.user-chip.role-admin{border-color:rgba(239,68,68,.48);box-shadow:0 0 26px rgba(239,68,68,.24),inset 0 0 20px rgba(239,68,68,.06)}
.user-chip.role-admin:before{background:radial-gradient(circle,rgba(239,68,68,.42),transparent 64%)}
.user-chip.role-user{border-color:rgba(56,189,248,.46);box-shadow:0 0 26px rgba(56,189,248,.22),inset 0 0 20px rgba(56,189,248,.06)}
.user-chip.role-user:before{background:radial-gradient(circle,rgba(56,189,248,.4),transparent 64%)}
.user-chip:hover{transform:translateY(-1px)}
.user-chip img,.user-avatar-fallback{width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.22);background:#253140}
.user-avatar-fallback{display:grid;place-items:center;font-size:16px;font-weight:950;color:#fff}
.profile-chevron{font-size:24px;color:var(--muted);margin-left:3px}
.role-card-admin{border-color:rgba(239,68,68,.34)!important;box-shadow:0 22px 65px rgba(0,0,0,.32),0 0 35px rgba(239,68,68,.18)!important;position:relative;overflow:hidden}
.role-card-admin:before,.role-card-user:before{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-100px;border-radius:50%;filter:blur(42px);pointer-events:none}
.role-card-admin:before{background:rgba(239,68,68,.2)}
.role-card-user{border-color:rgba(56,189,248,.32)!important;box-shadow:0 22px 65px rgba(0,0,0,.32),0 0 35px rgba(56,189,248,.16)!important;position:relative;overflow:hidden}
.role-card-user:before{background:rgba(56,189,248,.19)}
.avatar-photo{object-fit:cover!important;padding:0!important}
.profile-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:18px;align-items:start;max-width:1080px;margin:0 auto}
.profile-card,.profile-form-card{padding:24px}
.profile-preview{display:flex;align-items:center;gap:18px;position:relative;z-index:1}
.profile-preview h2,.profile-preview p{margin:0}.profile-preview p{color:var(--muted);margin:4px 0 10px}
.profile-avatar-wrap{width:104px;height:104px;flex:0 0 104px;border-radius:28px;overflow:hidden;border:2px solid rgba(255,255,255,.18);box-shadow:0 16px 40px rgba(0,0,0,.32)}
.profile-avatar-wrap img,.profile-avatar-fallback{width:100%;height:100%;object-fit:cover}
.profile-avatar-fallback{border-radius:0;font-size:38px;background:linear-gradient(145deg,#334155,#18212c)}
.hidden{display:none!important}
.role-explanation{position:relative;z-index:1;margin-top:20px;padding:12px 14px;border-radius:13px;font-size:13px;font-weight:750}
.role-explanation.admin{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#ffb0b0}
.role-explanation.user{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.24);color:#a8e5ff}
.profile-form{display:grid;gap:15px}.avatar-upload input{padding:10px}.avatar-upload span{font-size:12px;color:var(--muted);font-weight:600}
.remove-avatar{display:flex;flex-direction:row;align-items:center;gap:9px}.remove-avatar input{width:auto}
.pdf-drag-handle{width:32px;flex:0 0 32px;text-align:center;color:#9aa8ba;font-size:20px;cursor:grab;user-select:none}.pdf-drag-handle:active{cursor:grabbing}
.position-picker{width:72px;flex:0 0 72px;gap:4px!important}.position-picker span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.position-picker input{padding:8px 6px;text-align:center;border-radius:9px}
.pdf-row{transition:.18s ease}.pdf-row.dragging{opacity:.42;transform:scale(.985)}.pdf-row.drag-over{border-color:rgba(56,189,248,.65);box-shadow:0 0 25px rgba(56,189,248,.18);transform:translateY(-2px)}
@media(max-width:820px){.profile-layout{grid-template-columns:1fr}.profile-card,.profile-form-card{padding:17px}.profile-preview{align-items:flex-start}.profile-avatar-wrap{width:86px;height:86px;flex-basis:86px;border-radius:23px}}
@media(max-width:600px){.user-chip{padding:6px 8px}.user-chip img,.user-avatar-fallback{width:36px;height:36px;flex-basis:36px}.profile-chevron{display:none}.pdf-row{display:grid;grid-template-columns:28px 64px minmax(0,1fr);gap:9px}.pdf-actions{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,1fr);width:100%}.pdf-actions button{width:100%}.pdf-file-info b{white-space:normal;overflow-wrap:anywhere}.position-picker{width:64px;min-width:0}.pdf-drag-handle{width:28px}.profile-preview{display:grid;grid-template-columns:auto 1fr}.role-explanation{font-size:12px}}
/* v2.9: filtros, tarjetas y plantillas por usuario */
.filter-card{padding:16px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.filter-grid label{display:grid;gap:6px}.filter-actions{display:flex;gap:8px;align-items:end}.document-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.document-card{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 14px 35px rgba(0,0,0,.18)}.doc-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.doc-card-top div{display:grid;gap:4px}.doc-card-top b{font-size:1.05rem}.doc-card-top small{opacity:.65}.doc-card-body{display:grid;gap:10px;margin:18px 0}.doc-card-body p{display:flex;justify-content:space-between;gap:16px;margin:0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.doc-card-body span{opacity:.65}.doc-card-body b{text-align:right}.doc-total{font-size:1.15rem;color:#fff}.template-settings{display:grid;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.template-logo-preview{display:flex;align-items:center;gap:14px}.template-logo-preview img{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#fff;padding:6px}
@media(max-width:760px){.filter-grid{grid-template-columns:1fr}.filter-actions{width:100%}.filter-actions .btn,.filter-actions button{flex:1}.document-cards{grid-template-columns:1fr}.document-card{padding:15px}.doc-card-body p{align-items:flex-start}.row-actions{display:grid;grid-template-columns:repeat(3,1fr)}.row-actions .btn{text-align:center;padding:10px 6px}}

/* ===== PavooNz Gestión v3.1 · Perfil y usuarios ===== */
.profile-v31{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:22px;align-items:start;max-width:1280px;margin:0 auto}
.profile-summary{position:sticky;top:22px;padding:24px;overflow:hidden}
.profile-identity{display:flex;align-items:center;gap:18px;position:relative;z-index:1;min-width:0}
.profile-avatar-xl{width:112px;height:112px;flex:0 0 112px;border-radius:30px;overflow:hidden;border:2px solid rgba(255,255,255,.16);background:#202b38;box-shadow:0 18px 44px rgba(0,0,0,.34)}
.profile-avatar-xl img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.profile-avatar-empty{width:100%;height:100%;display:grid;place-items:center;font-size:46px;background:linear-gradient(145deg,#334155,#18212c);color:#cbd5e1}
.profile-name-block{min-width:0}.profile-name-block h2{margin:0 0 4px;font-size:25px;overflow-wrap:anywhere}.profile-name-block p{margin:0 0 11px;color:var(--muted);overflow-wrap:anywhere}
.profile-content{display:grid;gap:18px;min-width:0}.profile-section{padding:24px}.profile-section-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.profile-section-head h2,.profile-section-head p{margin:0}.profile-section-head h2{font-size:19px}.profile-section-head p{margin-top:4px;color:var(--muted);font-weight:500}.section-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.22)}
.profile-fields{display:grid;gap:15px}.profile-fields.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid-v31{grid-template-columns:minmax(0,1fr) minmax(240px,.6fr)}
.upload-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025)}.upload-card-text{display:grid;gap:4px;min-width:0}.upload-card-text span{font-size:12px;color:var(--muted)}
.file-button{display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;white-space:nowrap;padding:11px 14px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);cursor:pointer}.file-button:hover{border-color:rgba(239,68,68,.5);box-shadow:0 0 18px rgba(239,68,68,.13)}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.remove-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;margin-top:13px;font-weight:650;color:#c8d1dc}.remove-check input{width:auto;flex:0 0 auto}.color-input-wrap{display:flex;align-items:center;gap:12px;min-height:49px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(11,15,22,.58)}.color-input-wrap input{width:58px;height:36px;padding:2px;border:0;background:transparent}.color-input-wrap em{font-size:12px;color:var(--muted);font-style:normal;font-weight:600}
.current-logo-row{display:flex;align-items:center;gap:15px;margin-top:16px;padding:14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08)}.current-logo-row img{width:82px;height:82px;object-fit:contain;background:#fff;border-radius:12px;padding:7px}.current-logo-row>div{display:grid;gap:4px}.profile-save{width:100%;min-height:52px;font-size:15px}
.user-chip img{object-fit:cover!important;object-position:center!important;background:#202b38!important}.user-avatar-fallback{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:linear-gradient(145deg,#334155,#18212c);font-weight:900}
.create-user-v31{padding:24px;margin-bottom:22px}.new-user-grid-v31{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:start}.new-user-grid-v31 small,.user-fields-v31 small{display:block;min-height:28px;color:var(--muted);font-weight:500;line-height:1.35}.permissions-v31{margin:2px 0 0}.create-user-actions{grid-column:1/-1;display:flex;justify-content:flex-start}.create-user-actions .btn{min-width:220px}
.users-title-v31{display:flex;align-items:center;justify-content:space-between;margin:4px 0 13px}.users-title-v31 h2{margin:0;font-size:20px}.users-title-v31 span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);font-size:12px}
.users-list-v31{display:grid;grid-template-columns:1fr;gap:18px}.user-card-v31{padding:22px;overflow:hidden}.user-card-form-v31{display:grid;gap:18px}.user-card-header-v31{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.08)}.user-card-person-v31{display:flex;align-items:center;gap:13px;min-width:0}.user-card-person-v31 h3,.user-card-person-v31 p{margin:0}.user-card-person-v31 h3{font-size:18px;overflow-wrap:anywhere}.user-card-person-v31 p{margin-top:3px;color:var(--muted);overflow-wrap:anywhere}
.avatar-v31{display:block;width:54px;height:54px;flex:0 0 54px;border-radius:16px;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.14);background:#253141}.avatar-v31-empty{display:grid;place-items:center;font-size:25px}.user-fields-v31{display:grid;grid-template-columns:1.15fr 1.15fr .7fr .7fr 1fr;gap:14px;align-items:start}.user-card-actions-v31{display:flex;justify-content:flex-start}.user-card-actions-v31 .btn{min-width:190px}.delete-user-v31{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.delete-user-v31 .btn{width:auto;min-width:190px}
.role-card-admin.user-card-v31,.role-card-admin.profile-summary{box-shadow:0 18px 55px rgba(239,68,68,.13),inset 0 0 40px rgba(239,68,68,.035)}.role-card-user.user-card-v31,.role-card-user.profile-summary{box-shadow:0 18px 55px rgba(56,189,248,.11),inset 0 0 40px rgba(56,189,248,.03)}
@media(max-width:1200px){.new-user-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))}.user-fields-v31{grid-template-columns:repeat(2,minmax(0,1fr))}.user-fields-v31 label:last-child{grid-column:1/-1}.profile-v31{grid-template-columns:300px minmax(0,1fr)}.profile-identity{align-items:flex-start;flex-direction:column}.profile-avatar-xl{width:100px;height:100px;flex-basis:100px}}
@media(max-width:920px){.profile-v31{grid-template-columns:1fr}.profile-summary{position:relative;top:auto}.profile-identity{flex-direction:row;align-items:center}.profile-fields.two-cols,.template-grid-v31{grid-template-columns:1fr}.user-fields-v31{grid-template-columns:1fr 1fr}.new-user-grid-v31{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.profile-section,.profile-summary,.create-user-v31,.user-card-v31{padding:16px}.profile-identity{align-items:center}.profile-avatar-xl{width:86px;height:86px;flex-basis:86px;border-radius:23px}.profile-name-block h2{font-size:21px}.upload-card{align-items:stretch;flex-direction:column}.file-button{width:100%}.new-user-grid-v31,.user-fields-v31{grid-template-columns:1fr}.user-fields-v31 label:last-child{grid-column:auto}.create-user-actions .btn,.user-card-actions-v31 .btn,.delete-user-v31 .btn{width:100%;min-width:0}.permissions-v31{display:grid;grid-template-columns:1fr}.permission-chip{width:100%;border-radius:12px!important}.user-card-header-v31{align-items:flex-start}.user-card-header-v31 .role-badge{flex:0 0 auto}.current-logo-row{align-items:flex-start}.profile-section-head p{font-size:12px}}

/* ===== PavooNz Gestión v3.2 · Avatar neutro y plantilla en Ajustes ===== */
.user-avatar-fallback{overflow:hidden!important;color:transparent!important;background:linear-gradient(145deg,#334155,#18212c)!important;border:1px solid rgba(255,255,255,.14)}
.user-avatar-fallback svg{width:78%;height:78%;display:block;fill:#9aa7b7;stroke:#9aa7b7;stroke-width:0;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}
.profile-avatar-empty{color:transparent!important}
.profile-avatar-empty svg{width:72%;height:72%;display:block;fill:#94a3b8;filter:drop-shadow(0 5px 12px rgba(0,0,0,.28))}
.user-chip{min-width:170px;overflow:hidden}.user-chip>div{min-width:0}.user-chip b,.user-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-settings-hint{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px}.profile-settings-hint>div:nth-child(2){display:grid;gap:4px}.profile-settings-hint span{color:var(--muted);font-size:13px;line-height:1.4}
.settings-v32{display:grid;gap:18px;max-width:1280px;margin:0 auto}.settings-grid-v32{grid-template-columns:repeat(3,minmax(0,1fr))}
.no-logo-v32{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px;border:1px dashed rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.02)}.no-logo-v32>span{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.05);font-size:23px}.no-logo-v32>div{display:grid;gap:4px}.no-logo-v32 small{color:var(--muted)}
.current-logo-row>div span{color:var(--muted);font-size:12px}
@media(max-width:1000px){.settings-grid-v32{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.user-chip{min-width:0;max-width:155px}.user-chip>div{display:none}.user-avatar-fallback svg{width:75%;height:75%}.profile-settings-hint{grid-template-columns:auto 1fr}.profile-settings-hint .btn{grid-column:1/-1;width:100%}.settings-grid-v32{grid-template-columns:1fr}.no-logo-v32{align-items:flex-start}}

/* ===== PavooNz Gestión v3.3 ===== */
.welcome-name.admin{color:#ff5b65;text-shadow:0 0 18px rgba(239,68,68,.32)}.welcome-name.user{color:#38a8ff;text-shadow:0 0 18px rgba(56,168,255,.3)}
.settings-v33{display:grid;gap:18px;max-width:1380px;margin:0 auto}.settings-grid-v33{grid-template-columns:repeat(4,minmax(0,1fr))}.prefix-grid-v33{grid-template-columns:repeat(3,minmax(0,1fr))}.template-grid-v33{grid-template-columns:minmax(0,1fr) minmax(320px,.65fr)}
.settings-v33 label small{display:block;margin-top:6px;color:var(--muted);font-weight:500}.color-control-v33{display:grid;grid-template-columns:64px minmax(90px,1fr) 42px;align-items:center;gap:10px;min-height:49px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(11,15,22,.58)}.color-control-v33 input{width:58px;height:36px;padding:2px;border:0;background:transparent}.color-control-v33 code{color:#dce6f2;font-family:inherit;font-weight:750}.color-control-v33 span{width:34px;height:34px;border-radius:10px;background:var(--preview-color);box-shadow:0 0 18px color-mix(in srgb,var(--preview-color) 45%,transparent)}
.document-preview-v33{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding:16px;border-radius:15px;border:1px solid color-mix(in srgb,var(--doc-color) 42%,rgba(255,255,255,.08));background:linear-gradient(135deg,color-mix(in srgb,var(--doc-color) 11%,#18222d),#18222d);box-shadow:inset 0 0 30px color-mix(in srgb,var(--doc-color) 7%,transparent)}.preview-logo{width:68px;height:52px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#667085;font-size:11px;overflow:hidden}.preview-logo img{max-width:100%;max-height:100%;object-fit:contain}.document-preview-v33>div:nth-child(2){display:grid;gap:3px}.document-preview-v33 small{color:var(--muted)}.document-preview-v33 strong{padding:9px 13px;border-radius:10px;background:var(--doc-color);color:#fff}
.user-chip .user-avatar-fallback{padding:0!important;line-height:0}.user-chip .user-avatar-fallback svg{display:block;width:30px!important;height:30px!important;max-width:30px;max-height:30px;margin:auto;fill:#9aa7b7!important;transform:none!important}.user-chip{isolation:isolate}.user-chip:before{pointer-events:none}
@media(max-width:1100px){.settings-grid-v33{grid-template-columns:repeat(2,minmax(0,1fr))}.prefix-grid-v33{grid-template-columns:repeat(2,minmax(0,1fr))}.prefix-grid-v33 label:last-child{grid-column:1/-1}.template-grid-v33{grid-template-columns:1fr}}
@media(max-width:620px){.settings-grid-v33,.prefix-grid-v33{grid-template-columns:1fr}.prefix-grid-v33 label:last-child{grid-column:auto}.document-preview-v33{grid-template-columns:auto 1fr}.document-preview-v33 strong{grid-column:1/-1;text-align:center}.color-control-v33{grid-template-columns:58px 1fr 36px}.topbar .title-block h1{font-size:22px;line-height:1.2}}

/* v3.4 · Unir PDF */
.pdf-drop.is-dragging{border-color:#ef4444;background:rgba(239,68,68,.08);box-shadow:0 0 0 4px rgba(239,68,68,.08),0 0 32px rgba(239,68,68,.12)}
.pdf-drop small{display:block;margin-top:12px;color:var(--muted)}
.merge-summary{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:12px;margin:18px 0}
.merge-summary>div{display:flex;flex-direction:column;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.merge-summary b{font-size:1.3rem}.merge-summary span{color:var(--muted);font-size:.82rem;margin-top:3px}
.merge-progress{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0;color:var(--muted)}
.merge-progress[hidden]{display:none!important}
.merge-progress span{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#ef4444;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* v3.4 · Changelog */
.changelog-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;overflow:hidden;position:relative}
.changelog-hero h2{font-size:1.8rem;margin:10px 0 5px}.changelog-hero p{margin:0;color:var(--muted)}
.version-badge{display:inline-flex;padding:7px 11px;border-radius:999px;color:#fecaca;background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.3);font-weight:800;font-size:.78rem}
.changelog-mark{font-size:5.5rem;line-height:1;font-weight:900;color:rgba(239,68,68,.12);text-shadow:0 0 40px rgba(239,68,68,.16)}
.changelog-list{display:grid;gap:14px;max-width:1100px}
.changelog-card{padding:22px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(31,42,54,.96),rgba(19,28,37,.96));box-shadow:0 12px 35px rgba(0,0,0,.16)}
.changelog-card.current{border-color:rgba(239,68,68,.48);box-shadow:0 15px 45px rgba(239,68,68,.09)}
.changelog-card header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.changelog-card header>div{display:flex;align-items:center;gap:10px}
.changelog-card h2,.changelog-card h3{margin:0}.changelog-card h3{font-size:1rem;margin:10px 0;color:#e5e7eb}.changelog-card time{color:var(--muted);font-size:.82rem}
.changelog-card ul{margin:8px 0 0;padding-left:22px;color:#b8c2cf;display:grid;gap:7px}
.change-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 16px currentColor}.change-dot.feature{color:#22c55e;background:#22c55e}.change-dot.improvement{color:#3b82f6;background:#3b82f6}.change-dot.fix{color:#f59e0b;background:#f59e0b}
@media(max-width:700px){.merge-summary{grid-template-columns:1fr 1fr}.merge-toolbar{align-items:stretch}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.toolbar-actions .danger{grid-column:1/-1}.pdf-row{grid-template-columns:auto 70px 1fr}.pdf-actions{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.pdf-actions button{width:100%;min-height:42px}.changelog-hero{align-items:flex-start}.changelog-mark{font-size:3.2rem}.changelog-card{padding:17px}.changelog-card header{align-items:flex-start;flex-direction:column;gap:5px}}


/* v3.4 · Identificación visible de versión */
.app-version{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;font-style:normal;font-weight:850;letter-spacing:.45px;line-height:1;white-space:nowrap}
.app-version-brand{margin-top:6px;padding:5px 8px;font-size:10px;color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);box-shadow:0 0 15px rgba(239,68,68,.1)}
.copyright{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.copyright span{min-width:0}.app-version-footer{padding:5px 7px;font-size:10px;color:#dce6f2;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
footer{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.app-version-page{padding:5px 8px;font-size:10px;color:#fecaca;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.24);transition:.2s}.app-version-page:hover{background:rgba(239,68,68,.2);transform:translateY(-1px)}
.app-version-login{margin:10px auto 0;padding:7px 11px;font-size:11px;color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3)}
@media(max-width:760px){.app-version-brand{font-size:9px}.copyright{align-items:flex-start;flex-direction:column}.app-version-footer{align-self:flex-start}}
/* v3.5 · Unir PDF con imágenes + asistente eléctrico */
.electrical-warning{border:1px solid rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(245,158,11,.10),rgba(17,24,32,.96));margin-bottom:18px}.electrical-warning b{color:#fbbf24;font-size:1.05rem}.electrical-warning p{margin:8px 0 0;color:#cbd5e1;line-height:1.55}.electrical-layout{display:grid;gap:20px}.electrical-form{padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35);color:#f87171;font-weight:800}.section-heading h2{font-size:1.05rem;margin:0}.section-heading p{margin:3px 0 0;color:#94a3b8}.section-heading.compact{margin-top:28px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.electrical-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.electrical-checks label{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid #334155;border-radius:12px;background:#19212c;cursor:pointer}.electrical-checks input{accent-color:#ef4444;width:18px;height:18px}.power-details{margin-top:18px;border:1px solid #334155;border-radius:13px;background:#151d27}.power-details summary{cursor:pointer;padding:15px 17px;font-weight:700}.power-details .form-grid{padding:0 17px 17px}.electrical-submit{margin-top:20px;width:100%;min-height:48px}.electrical-results{display:grid;gap:18px}.electrical-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.electrical-kpis article{padding:18px;border:1px solid #334155;border-radius:15px;background:linear-gradient(145deg,#202a37,#18202b);box-shadow:0 12px 35px rgba(0,0,0,.18)}.electrical-kpis span,.electrical-kpis small{display:block;color:#94a3b8}.electrical-kpis b{display:block;font-size:1.65rem;margin:5px 0;color:#f8fafc}.circuit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.circuit-card{border:1px solid #334155;border-radius:15px;background:#18212c;padding:16px;min-width:0}.circuit-card header{display:flex;justify-content:space-between;align-items:center}.circuit-card header b{display:grid;place-items:center;min-width:42px;height:32px;padding:0 9px;border-radius:9px;color:#fecaca;background:rgba(239,68,68,.14)}.circuit-card header span{font-weight:800;color:#f8fafc}.circuit-card h3{font-size:1rem;margin:14px 0}.circuit-card dl{display:grid;gap:7px;margin:0}.circuit-card dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #334155;padding-bottom:6px}.circuit-card dt{color:#94a3b8}.circuit-card dd{margin:0;text-align:right;font-weight:650}.circuit-card p{margin:12px 0 0;color:#94a3b8;font-size:.86rem;line-height:1.4}.differential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.differential-grid article{display:flex;gap:13px;align-items:flex-start;padding:15px;border:1px solid #334155;border-radius:14px;background:#18212c}.diff-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:rgba(59,130,246,.14);color:#60a5fa;font-size:1.25rem;font-weight:900}.differential-grid b,.differential-grid span{display:block}.differential-grid span{color:#cbd5e1;margin-top:4px}.differential-grid p{margin:7px 0 0;color:#94a3b8}.mechanism-summary{display:flex;gap:10px;flex-wrap:wrap}.mechanism-summary span{padding:11px 14px;border:1px solid #334155;background:#18212c;border-radius:999px}.electrical-alerts p{padding:10px 12px;margin:8px 0;border-left:3px solid #f59e0b;background:rgba(245,158,11,.06);border-radius:0 9px 9px 0;line-height:1.45}.pdf-row .pdf-file-info small{white-space:normal}
@media(max-width:1050px){.electrical-checks,.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.circuit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.form-grid.three,.form-grid.four,.electrical-checks,.electrical-kpis,.circuit-grid,.differential-grid{grid-template-columns:1fr}.electrical-form{padding:16px}.section-heading{display:block}.section-heading>p{margin:9px 0 0}.electrical-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.electrical-kpis b{font-size:1.35rem}.circuit-card{padding:14px}.power-details .form-grid{padding:0 12px 12px}}

/* v3.6–3.7 · seguridad visual y cuadro eléctrico editable */
.circuit-remove{width:100%;margin-top:14px;padding:10px 12px;border-radius:10px;border:1px solid rgba(239,68,68,.32);background:rgba(239,68,68,.08);color:#fca5a5;font-weight:750;cursor:pointer;transition:.18s}
.circuit-remove:hover{background:rgba(239,68,68,.17);transform:translateY(-1px)}
.removed-circuits{border-color:rgba(245,158,11,.35)}.removed-circuits h2{margin:0 0 4px}.removed-circuits p{color:var(--muted);margin:0 0 13px}.removed-circuits>div{display:flex;gap:9px;flex-wrap:wrap}.removed-circuits button{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.10);color:#fcd34d;border-radius:999px;padding:9px 13px;font-weight:750;cursor:pointer}
.electrical-export{display:flex;justify-content:space-between;align-items:center;gap:20px;border-color:rgba(59,130,246,.32);background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(17,24,32,.96))}.electrical-export h2{margin:0 0 6px}.electrical-export p{margin:0;color:var(--muted);max-width:680px}.electrical-export>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.electrical-export{display:block}.electrical-export>div:last-child{display:grid;grid-template-columns:1fr;margin-top:16px}.electrical-export .btn{width:100%}}

/* v3.8 · Actividad */
.activity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.activity-summary>div{padding:16px;border:1px solid var(--line,#2d3948);border-radius:14px;background:rgba(255,255,255,.025)}.activity-summary span,.activity-summary small{display:block;color:#94a3b8}.activity-summary b{display:block;font-size:1.35rem;margin:6px 0}.activity-filters{display:grid;grid-template-columns:2fr 1.4fr 1.4fr auto;gap:12px;align-items:end;margin-bottom:16px}.activity-filters label{display:grid;gap:7px;font-weight:700}.filter-actions{display:flex;gap:8px}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.activity-card{padding:16px}.activity-card header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.activity-card header div span{display:block;color:#94a3b8;font-size:.84rem}.activity-card time{color:#94a3b8;font-size:.82rem}.activity-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.28)}.activity-card h3{margin:14px 0 7px;font-family:monospace;color:#f8fafc;overflow-wrap:anywhere}.activity-card p{margin:0;color:#cbd5e1;overflow-wrap:anywhere}.activity-card footer{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #293646;color:#94a3b8;font-size:.8rem}
@media(max-width:800px){.activity-summary,.activity-grid{grid-template-columns:1fr}.activity-filters{grid-template-columns:1fr}.filter-actions .btn{flex:1}.activity-card header{grid-template-columns:auto 1fr}.activity-card time{grid-column:2}.electrical-export>div:last-child{display:grid!important;grid-template-columns:1fr!important;width:100%}}

/* v5.2.2 — Changelog restaurado */
.changelog-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px;margin-bottom:20px;overflow:hidden;position:relative}
.changelog-hero:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-110px;background:radial-gradient(circle,rgba(239,68,68,.24),transparent 68%);pointer-events:none}
.changelog-hero h2{font-size:28px;margin:10px 0 5px}.changelog-hero p{margin:0;color:var(--muted)}
.changelog-mark{font-size:52px;font-weight:950;letter-spacing:-3px;color:#fff;text-shadow:0 0 28px rgba(239,68,68,.55);z-index:1}
.version-badge{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid rgba(239,68,68,.35);border-radius:999px;background:rgba(239,68,68,.12);color:#ff9b9b;font-size:12px;font-weight:900}
.changelog-list{display:grid;gap:16px;max-width:1180px}
.changelog-card{background:linear-gradient(145deg,rgba(31,42,55,.9),rgba(21,29,39,.95));border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:22px;box-shadow:0 16px 45px rgba(0,0,0,.18);overflow:hidden}
.changelog-card.current{border-color:rgba(239,68,68,.42);box-shadow:0 16px 48px rgba(0,0,0,.22),0 0 34px rgba(239,68,68,.08)}
.changelog-card header{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:13px;margin-bottom:13px}
.changelog-card header>div{display:flex;align-items:center;gap:11px}.changelog-card h2,.changelog-card h3{margin:0}.changelog-card h2{font-size:21px}.changelog-card h3{font-size:15px;color:#dce7f4;margin-bottom:10px}.changelog-card time{color:var(--muted);font-size:13px;white-space:nowrap}
.changelog-card ul{margin:0;padding-left:22px;color:#cbd5e1;line-height:1.65}.changelog-card code{color:#ff9e9e;background:rgba(0,0,0,.22);padding:2px 5px;border-radius:5px}
.change-dot{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 16px currentColor}.change-dot.feature{color:#22c55e;background:#22c55e}.change-dot.improvement{color:#38bdf8;background:#38bdf8}.change-dot.fix{color:#ef4444;background:#ef4444}
@media(max-width:760px){.changelog-hero{align-items:flex-start;padding:19px}.changelog-mark{font-size:34px}.changelog-card{padding:17px}.changelog-card header{align-items:flex-start;flex-direction:column;gap:8px}.changelog-card h2{font-size:18px}}

/* v5.3 · Tablas avanzadas de presupuestos y facturas */
.documents-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.documents-summary article{padding:16px;border:1px solid var(--line,#2d3948);border-radius:15px;background:linear-gradient(145deg,#202a37,#18212c);min-width:0}.documents-summary span,.documents-summary small{display:block;color:var(--muted);font-size:.8rem}.documents-summary b{display:block;margin:6px 0;font-size:1.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documents-summary .accent{border-color:rgba(239,68,68,.38);box-shadow:inset 0 0 30px rgba(239,68,68,.07)}.documents-summary .success{border-color:rgba(34,197,94,.35)}.documents-summary .success b{color:#4ade80}.documents-summary .warning{border-color:rgba(245,158,11,.35)}.documents-summary .warning b{color:#fbbf24}
.documents-filter-card{padding:18px}.documents-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.documents-filter-grid label{display:grid;gap:7px;font-weight:750}.documents-filter-grid .span-2{grid-column:span 2}.documents-filter-grid input,.documents-filter-grid select{min-width:0}.documents-card{overflow:hidden}.documents-head{padding-bottom:14px;border-bottom:1px solid var(--line)}
.documents-table-wrap{overflow:auto;margin-top:4px}.documents-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0}.documents-table th{position:sticky;top:0;z-index:2;padding:13px 12px;background:#151e29;color:#aebdce;text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.055em;border-bottom:1px solid #334155}.documents-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.065);vertical-align:middle;color:#dbe5f0}.documents-table tbody tr{transition:.16s}.documents-table tbody tr:hover{background:rgba(255,255,255,.035)}.documents-table .num{text-align:right;font-variant-numeric:tabular-nums}.documents-table td small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem}.doc-number-link{font-weight:900;color:#f8fafc;text-decoration:none}.doc-number-link:hover{color:#ff737b}.total-cell{font-weight:900;color:#fff!important}.paid-cell{color:#4ade80!important}.pending-cell{color:#fbbf24!important}.status-chip{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.73rem;font-weight:850;border:1px solid rgba(255,255,255,.12);background:rgba(148,163,184,.12)}.status-borrador{color:#cbd5e1}.status-pendiente,.status-parcial{color:#fbbf24;background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.28)}.status-aceptado,.status-pagada{color:#4ade80;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.28)}.status-rechazado{color:#fb7185;background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.28)}.table-actions{display:flex;gap:6px;justify-content:flex-end}.table-actions a{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#222d3a;border:1px solid #37475a;text-decoration:none;transition:.16s}.table-actions a:hover{transform:translateY(-2px);border-color:#ef4444;background:rgba(239,68,68,.12)}.documents-table tfoot td{position:sticky;bottom:0;background:#151e29;font-weight:850;border-top:1px solid #3b4b5f;border-bottom:0}.documents-empty{text-align:center;padding:48px 20px}.documents-empty>span{font-size:3rem}.documents-empty h3{margin:12px 0 6px}.documents-empty p{color:var(--muted);margin:0 0 18px}
@media(max-width:1250px){.documents-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.documents-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.documents-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.documents-filter-grid{grid-template-columns:1fr 1fr}.documents-filter-grid .span-2{grid-column:1/-1}.documents-head{align-items:flex-start}.documents-head .actions{display:grid;width:100%;grid-template-columns:1fr}.documents-head .btn{width:100%}.documents-table{min-width:0;display:block}.documents-table thead,.documents-table tfoot{display:none}.documents-table tbody{display:grid;gap:12px}.documents-table tr{display:grid;grid-template-columns:1fr 1fr;padding:15px;border:1px solid #334155;border-radius:15px;background:#18212c}.documents-table td{display:grid;gap:4px;padding:8px 6px;border:0;text-align:left!important}.documents-table td:before{content:attr(data-label);font-size:.69rem;text-transform:uppercase;letter-spacing:.06em;color:#7f91a6;font-weight:850}.documents-table td[data-label="Número"],.documents-table td[data-label="Acciones"]{grid-column:1/-1}.documents-table td[data-label="Número"]{padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07)}.documents-table td[data-label="Acciones"]{padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.table-actions{justify-content:stretch}.table-actions a{flex:1;width:auto;height:40px}.documents-table-wrap{overflow:visible}.documents-card{overflow:visible}}
@media(max-width:520px){.documents-summary,.documents-filter-grid{grid-template-columns:1fr}.documents-filter-grid .span-2{grid-column:auto}.documents-summary b{font-size:1.2rem}.documents-table tr{grid-template-columns:1fr}.documents-table td[data-label="Número"],.documents-table td[data-label="Acciones"]{grid-column:auto}.filter-actions{display:grid;grid-template-columns:1fr}.filter-actions .btn{width:100%}}

/* v5.5: configuración dinámica de contrato y sueldo */
.salary-config{padding:0;overflow:hidden;margin:18px 0}.salary-config>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(168,85,247,.06));border-bottom:1px solid transparent}.salary-config[open]>summary{border-bottom-color:var(--line)}.salary-config>summary::-webkit-details-marker{display:none}.salary-config>summary>div{display:flex;align-items:center;gap:13px}.salary-config summary b,.salary-config summary small{display:block}.salary-config summary small{margin-top:4px;color:var(--muted);font-weight:500}.salary-config-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.25);font-size:20px}.salary-config-current{padding:8px 12px;border-radius:999px;background:rgba(56,189,248,.12);color:#8edcff;border:1px solid rgba(56,189,248,.28);font-weight:800;white-space:nowrap}.salary-config-form{padding:22px}.salary-config-form section+section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.salary-config-form h3{margin:0 0 13px}.salary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.salary-grid.rates{grid-template-columns:repeat(4,minmax(0,1fr))}.salary-grid label{display:grid;gap:7px;font-weight:700}.salary-grid label small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.35}.salary-grid .hidden{display:none}.salary-preview{margin:20px 0 0;padding:15px 17px;border-radius:14px;border:1px solid rgba(34,197,94,.24);background:rgba(34,197,94,.07);display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:center}.salary-preview span,.salary-preview small{color:var(--muted)}.salary-preview b{font-size:1.25rem;color:#8df0ad}.salary-preview small{grid-column:1/-1}.salary-config-form .actions{margin-top:18px}
@media(max-width:1000px){.salary-grid,.salary-grid.rates{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.salary-config>summary{align-items:flex-start;padding:16px}.salary-config-current{font-size:11px}.salary-config-form{padding:16px}.salary-grid,.salary-grid.rates{grid-template-columns:1fr}.salary-preview{grid-template-columns:1fr}.salary-preview small{grid-column:auto}.salary-config-form .actions .btn{width:100%}}

/* v5.5.1: columnas de total neto y total con IVA */
.concepts-vat-total .tr{grid-template-columns:minmax(220px,2.2fr) .55fr .8fr .65fr .55fr .9fr 1fr}
.concepts-vat-total .tr>div:nth-last-child(1){font-weight:900;color:#166534}
@media(max-width:760px){.concepts-vat-total .tr{grid-template-columns:1fr}.concepts-vat-total .tr>div:before{display:block;font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;margin-bottom:2px}.concepts-vat-total .tr>div:nth-child(1):before{content:'Concepto'}.concepts-vat-total .tr>div:nth-child(2):before{content:'Cantidad'}.concepts-vat-total .tr>div:nth-child(3):before{content:'Precio'}.concepts-vat-total .tr>div:nth-child(4):before{content:'Descuento'}.concepts-vat-total .tr>div:nth-child(5):before{content:'IVA'}.concepts-vat-total .tr>div:nth-child(6):before{content:'Total sin IVA'}.concepts-vat-total .tr>div:nth-child(7):before{content:'Total con IVA'}}


/* v5.6 · Planning financiero personal */
.finance-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.finance-month-picker{display:flex;gap:10px;align-items:end}.finance-month-picker label{display:grid;gap:7px;font-weight:800}.finance-month-title{text-align:right}.finance-month-title span,.finance-month-title b{display:block}.finance-month-title span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.finance-month-title b{font-size:1.4rem}
.finance-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.finance-kpi{min-width:0;padding:17px;border:1px solid #334155;border-radius:16px;background:linear-gradient(145deg,#202a37,#17202b);box-shadow:0 12px 32px rgba(0,0,0,.18)}.finance-kpi span,.finance-kpi small,.finance-kpi b{display:block}.finance-kpi span{font-weight:850}.finance-kpi b{font-size:1.45rem;margin:9px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-kpi small{color:var(--muted);line-height:1.35}.finance-kpi.income{border-color:rgba(34,197,94,.33)}.finance-kpi.income b,.finance-kpi.saving b{color:#4ade80}.finance-kpi.expense{border-color:rgba(244,63,94,.32)}.finance-kpi.expense b,.finance-kpi.negative b{color:#fb7185}.finance-kpi.joint{border-color:rgba(56,189,248,.32)}.finance-kpi.joint b{color:#7dd3fc}.finance-kpi.saving{border-color:rgba(34,197,94,.32)}.finance-kpi.spendable{border-color:rgba(168,85,247,.35)}.finance-kpi.spendable b{color:#c4b5fd}
.finance-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start}.finance-main,.finance-side{display:grid;gap:16px}.finance-side{position:sticky;top:16px}.finance-advice{background:radial-gradient(circle at 90% 10%,rgba(34,197,94,.10),transparent 40%),linear-gradient(145deg,#202a37,#18212c)}.finance-advice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.finance-advice-grid div{padding:14px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.16)}.finance-advice-grid span,.finance-advice-grid b{display:block}.finance-advice-grid span{font-size:.76rem;color:var(--muted)}.finance-advice-grid b{margin-top:6px;font-size:1.1rem}.finance-note{margin:14px 0 0;color:#9fb0c2;font-size:.8rem;line-height:1.5}
.finance-entry-list{display:grid;gap:10px;margin-top:14px}.finance-entry{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:14px;border-radius:14px;border:1px solid #334155;background:#17212c}.finance-entry-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.06);font-size:20px}.finance-entry-info h3{margin:0 0 4px}.finance-entry-info p,.finance-entry-info small{display:block;margin:0;color:var(--muted)}.finance-entry-info small{margin-top:5px}.finance-entry>strong{font-size:1.05rem}.finance-entry.type-income{border-left:4px solid #22c55e}.finance-entry.type-income>strong{color:#4ade80}.finance-entry.type-expense{border-left:4px solid #f43f5e}.finance-entry.type-expense>strong{color:#fb7185}.finance-entry.type-joint{border-left:4px solid #38bdf8}.finance-entry.type-joint>strong{color:#7dd3fc}.finance-entry.type-saving{border-left:4px solid #a855f7}.finance-entry.type-saving>strong{color:#c4b5fd}.finance-entry-actions{display:flex;gap:6px}.finance-entry-actions form{margin:0}.finance-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.finance-template-card{display:grid;gap:4px;padding:13px;border:1px solid #334155;border-radius:13px;background:#17212c;text-decoration:none;color:#eef5ff}.finance-template-card:hover{border-color:#ef4444}.finance-template-card small{color:var(--muted)}.finance-template-card.inactive{opacity:.55}.finance-entry-form,.finance-settings form{display:grid;gap:12px}.finance-entry-form label,.finance-settings label{display:grid;gap:7px;font-weight:750}.finance-entry-form label small,.finance-settings label small{color:var(--muted);font-size:.72rem;font-weight:500}.finance-entry-form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finance-settings{padding:0;overflow:hidden}.finance-settings summary{cursor:pointer;padding:16px 18px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #334155}.finance-settings summary span{color:var(--muted);font-size:.78rem}.finance-settings form{padding:18px}
@media(max-width:1350px){.finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-layout{grid-template-columns:minmax(0,1fr) 340px}.finance-advice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.finance-layout{grid-template-columns:1fr}.finance-side{position:static}.finance-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.finance-toolbar{align-items:stretch;flex-direction:column}.finance-month-picker{display:grid;grid-template-columns:1fr auto}.finance-month-title{text-align:left}.finance-kpis{grid-template-columns:1fr 1fr}.finance-entry{grid-template-columns:42px 1fr auto}.finance-entry-actions{grid-column:1/-1}.finance-entry-actions .btn{flex:1}.finance-entry-actions form{display:flex;flex:1}.finance-entry-actions form .btn{width:100%}.finance-template-grid,.finance-advice-grid{grid-template-columns:1fr}.finance-entry-form .two{grid-template-columns:1fr}}
@media(max-width:460px){.finance-kpis{grid-template-columns:1fr}.finance-month-picker{grid-template-columns:1fr}.finance-month-picker .btn{width:100%}.finance-entry{grid-template-columns:38px 1fr}.finance-entry>strong{grid-column:2}.finance-entry-actions{grid-column:1/-1}}

/* ===== PavooNz Gestión v6.0 · Consolidación visual ===== */
:root{
  --bg:#101821;--surface:#182431;--surface-raised:#202e3c;--surface-soft:#263646;
  --line:rgba(158,177,198,.16);--text:#f4f7fb;--muted:#9fb0c2;
  --primary:#ef3b46;--primary-hover:#ff515c;--user:#3698ff;
  --success:#36d58c;--warning:#f2b84b;--danger:#ff5964;
  --radius-sm:9px;--radius-md:14px;--radius-lg:20px;
  --shadow-card:0 16px 42px rgba(2,8,16,.24);
}
body{background:radial-gradient(circle at 85% 0,rgba(54,152,255,.055),transparent 32%),linear-gradient(145deg,#101821,#121d28 55%,#101821)}
.panel,.card,.changelog-card{border-color:var(--line);box-shadow:var(--shadow-card)}
.btn,input,select,textarea{min-height:44px}.btn{border-radius:var(--radius-sm);font-weight:750;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-1px)}
.side-nav a{min-height:43px;border-radius:11px}.side-nav a.active{background:linear-gradient(90deg,rgba(239,59,70,.2),rgba(239,59,70,.055));box-shadow:inset 3px 0 var(--primary),0 8px 22px rgba(239,59,70,.08)}
.flash{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.health-card{display:flex;align-items:center;gap:15px;padding:20px;border-left:4px solid var(--line)}.health-card h2,.health-card p{margin:2px 0}.health-card small,.health-card p{color:var(--muted)}.health-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.055);font-size:24px}.health-ok{border-left-color:var(--success)}.health-warn{border-left-color:var(--warning)}.health-bad{border-left-color:var(--danger)}
.health-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;padding:18px}.health-details div{display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:12px;background:rgba(255,255,255,.035)}.health-details span{color:var(--muted);font-size:12px}.info-callout{margin-top:14px;padding:15px 17px;border:1px solid rgba(54,152,255,.25);border-radius:13px;background:rgba(54,152,255,.07);color:#cfe6ff}
.friendly-error{max-width:680px;margin:7vh auto;padding:36px;text-align:center}.error-code{font-size:clamp(58px,12vw,108px);line-height:1;font-weight:950;color:rgba(239,59,70,.2)}.friendly-error h2{font-size:28px;margin:8px 0}.friendly-error p{color:var(--muted);font-size:16px}.friendly-error .actions{display:flex;justify-content:center;gap:10px;margin-top:24px}
@media(max-width:1100px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.health-grid,.health-details{grid-template-columns:1fr}.friendly-error{padding:24px 17px}.friendly-error .actions{flex-direction:column}.friendly-error .btn{width:100%}}

/* ===== PavooNz Gestión v6.1 · Renovación visual integral ===== */
:root{
  --bg:#0b1118;--bg2:#101923;--side:#090e14;
  --panel:#141f2a;--panel2:#1a2835;--soft:#223342;
  --line:rgba(157,177,198,.15);--line-strong:rgba(157,177,198,.24);
  --text:#f6f8fc;--muted:#91a1b4;
  --red:#f0444f;--red2:#bb1f38;--green:#2dd889;--blue:#42a5ff;
  --violet:#a87aff;--orange:#ff9d4d;
  --shadow:0 18px 55px rgba(0,0,0,.28);
  --shadow-soft:0 10px 28px rgba(0,0,0,.18);
  --focus:0 0 0 4px rgba(240,68,79,.13);
}
html{background:var(--bg);scrollbar-color:#33485b #0b1118}
body{font-size:15px;line-height:1.5;background:
 radial-gradient(circle at 72% -8%,rgba(66,165,255,.10),transparent 29%),
 radial-gradient(circle at 18% 3%,rgba(240,68,79,.085),transparent 25%),
 linear-gradient(145deg,#0b1118 0%,#101923 55%,#0b1118 100%);background-attachment:fixed}
body:before{background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
::selection{background:rgba(240,68,79,.35);color:white}
:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:3px}

/* Estructura */
.sidebar{width:276px;padding:18px 14px 16px;gap:14px;background:linear-gradient(180deg,rgba(10,16,23,.98),rgba(7,11,17,.99));border-right-color:rgba(255,255,255,.065);box-shadow:22px 0 70px rgba(0,0,0,.28)}
.main{margin-left:276px;padding:28px clamp(18px,2.5vw,38px) 38px;max-width:1920px}
.brand{padding:7px 10px 17px;gap:12px}.brand img{width:58px;height:58px}.brand b{font-size:19px;letter-spacing:.6px}.brand span{font-size:9px;letter-spacing:2.2px}.app-version-brand{margin-top:4px}
.side-nav{gap:3px;overflow-y:auto;padding:2px 4px 10px;margin:0 -4px;scrollbar-width:thin}
.nav-separator{margin:16px 10px 6px!important}.nav-separator span{font-size:9px!important;letter-spacing:1.45px!important;color:#687b90!important}
.side-nav a,.logout{min-height:44px;padding:10px 12px;border-radius:11px;font-size:13.5px;position:relative;overflow:hidden}
.side-nav a>span,.logout>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-nav a:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);box-shadow:none;transform:translateX(2px)}
.side-nav a.active{background:linear-gradient(90deg,rgba(240,68,79,.19),rgba(240,68,79,.045));border-color:rgba(240,68,79,.22);box-shadow:inset 3px 0 #f0444f,0 8px 24px rgba(240,68,79,.07);color:#fff}
.logout{margin-top:5px;background:rgba(240,68,79,.055)}.copyright{display:grid;gap:5px;line-height:1.3;padding:0 10px}

/* Cabecera */
.topbar{position:sticky;top:0;z-index:35;margin:-8px -8px 24px;padding:10px 8px 14px;background:linear-gradient(to bottom,rgba(11,17,24,.95) 58%,transparent);backdrop-filter:blur(14px)}
.title-block{min-width:0}.title-block h1{font-size:clamp(23px,2vw,30px);font-weight:850;letter-spacing:-.75px;line-height:1.18}.title-block p{font-size:13px;margin-top:6px}
.clean-top{flex:0 0 auto}.bell{display:grid;place-items:center;width:44px;height:44px;padding:0}.user-chip{min-height:48px;padding:6px 10px 6px 7px;border-radius:14px;background:rgba(20,31,42,.82);box-shadow:var(--shadow-soft)}
.user-chip:hover{border-color:rgba(66,165,255,.28);background:rgba(26,40,53,.94)}.user-chip img,.user-avatar-fallback{width:36px!important;height:36px!important}

/* Superficies */
.card,.panel,.changelog-card,.kpi,.finance-kpi,.health-card{background:linear-gradient(155deg,rgba(24,37,50,.94),rgba(16,25,35,.97));border:1px solid var(--line);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}
.card{border-radius:18px;padding:clamp(17px,2vw,23px);margin-bottom:18px}.card:hover{border-color:rgba(157,177,198,.21)}
.card-head{margin-bottom:17px}.card-head h2,.card h2{font-size:16px;letter-spacing:-.15px}.card-head .mini{color:#c8d3df}
.section-title>span{background:linear-gradient(145deg,rgba(240,68,79,.2),rgba(240,68,79,.08));box-shadow:inset 0 0 0 1px rgba(240,68,79,.1)}

/* KPI */
.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.kpi{min-height:124px;padding:18px;border-radius:17px;transition:transform .18s ease,border-color .18s ease}.kpi:hover{transform:translateY(-3px);border-color:var(--line-strong)}
.kpi:after{width:92px;height:92px;opacity:.55}.kpi i{width:40px;height:40px;border-radius:12px}.kpi b{font-size:clamp(23px,2.2vw,30px);line-height:1.15}.kpi span{font-size:12.5px;color:#b8c4d1}.kpi em{margin-top:5px;display:block}

/* Formularios */
label{gap:8px;font-size:12.5px;color:#cbd6e2;letter-spacing:.01em}
input,select,textarea{min-height:46px;padding:11px 13px;border-radius:11px;background:rgba(5,10,15,.46);border-color:rgba(157,177,198,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:border-color .16s,box-shadow .16s,background .16s}
input:hover,select:hover,textarea:hover{border-color:rgba(157,177,198,.3)}input:focus,select:focus,textarea:focus{border-color:rgba(240,68,79,.65);box-shadow:var(--focus);background:rgba(5,10,15,.65)}
input::placeholder,textarea::placeholder{color:#627487}.form-grid{gap:15px}.form-grid.two{gap:16px}

/* Botones */
.btn,button{min-height:42px;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.15;box-shadow:none}
.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.18)}.btn:active,button:active{transform:translateY(0) scale(.985)}
.primary{background:linear-gradient(135deg,#f4515b,#c8203c);box-shadow:0 9px 24px rgba(240,68,79,.22)}.primary:hover{filter:brightness(1.08);box-shadow:0 12px 30px rgba(240,68,79,.29)}
.danger{background:rgba(152,30,48,.28)!important}.green{background:rgba(45,216,137,.12)!important}.mini{border-radius:9px;padding:7px 10px}

/* Tablas */
.table-wrap,.items{border-radius:14px;scrollbar-width:thin}.data-table,table{border-collapse:separate;border-spacing:0}.data-table thead th,.table-wrap thead th{position:sticky;top:0;z-index:2;background:#172430!important;color:#9fb0c2!important;text-transform:uppercase;letter-spacing:.55px;font-size:10.5px}.data-table td,.data-table th,.table-wrap td,.table-wrap th{border-bottom-color:rgba(157,177,198,.11)!important}.data-table tbody tr,.table-wrap tbody tr{transition:background .14s}.data-table tbody tr:hover,.table-wrap tbody tr:hover{background:rgba(66,165,255,.035)}
.badge{border-radius:999px;padding:5px 10px;font-weight:750;font-style:normal}

/* Listados y estados */
.list.clean a{border-bottom-color:rgba(157,177,198,.11);border-radius:9px;padding:13px 9px;margin:0 -9px}.list.clean a:hover{background:rgba(255,255,255,.025)}
.flash{position:relative;padding:13px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 34px rgba(0,0,0,.2);animation:flashIn .25s ease both}@keyframes flashIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}

/* Dashboard */
.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.8fr) minmax(260px,.8fr);gap:16px}.bottom-grid{gap:16px}.chart{border-radius:13px;background:linear-gradient(180deg,rgba(66,165,255,.025),rgba(240,68,79,.045));gap:clamp(12px,2vw,24px)}.chart span{background:linear-gradient(180deg,#ff6670,#b61837)}
.paper{border-radius:13px;box-shadow:0 18px 50px rgba(0,0,0,.32)}

/* Login */
.main.full{background:radial-gradient(circle at 50% 18%,rgba(240,68,79,.12),transparent 34%)}.login-wrap{width:min(100%,460px);padding:24px}.login-card{padding:36px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:24px!important;background:linear-gradient(155deg,rgba(25,38,51,.96),rgba(11,18,25,.98))!important;box-shadow:0 35px 90px rgba(0,0,0,.45)!important}.login-logo{width:116px!important;margin-bottom:3px}.login-card h1{font-size:27px;letter-spacing:-.6px}.login-card p{max-width:330px;margin-inline:auto}.login-card form{gap:15px!important}.login-card .primary{width:100%;min-height:48px;margin-top:5px}

/* Planning financiero */
.finance-kpis{gap:13px}.finance-kpi{border-radius:16px;transition:transform .18s}.finance-kpi:hover{transform:translateY(-2px)}.finance-entry{border-radius:13px;background:rgba(255,255,255,.025);transition:border-color .15s,background .15s}.finance-entry:hover{background:rgba(255,255,255,.038);border-color:rgba(157,177,198,.25)}

/* Pie */
.main>footer{opacity:.78;border-top-color:rgba(157,177,198,.1)!important;margin-top:28px!important;padding-top:18px!important}

/* Scrollbar */
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b1118}::-webkit-scrollbar-thumb{background:#2b3d4e;border:2px solid #0b1118;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3b5268}

/* Responsive */
@media(max-width:1450px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi:nth-child(4),.kpi:nth-child(5){min-height:105px}.dashboard-grid{grid-template-columns:1.15fr .85fr}.dashboard-grid>section:last-child{grid-column:1/-1}}
@media(max-width:1050px){.sidebar{width:250px}.main{margin-left:250px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.dashboard-grid>section:last-child{grid-column:auto}}
@media(max-width:760px){body:before{display:none}.main{margin-left:0;padding:76px 14px 92px}.topbar{position:relative;top:auto;margin:-10px -2px 18px;padding:0;background:none;backdrop-filter:none}.title-block h1{font-size:23px}.title-block p{font-size:12px}.mobile-toggle{display:grid;place-items:center;position:fixed;left:14px;top:calc(12px + env(safe-area-inset-top));z-index:80;width:44px;height:44px;border-radius:13px;background:rgba(18,29,40,.94);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.25)}.top-actions{margin-left:auto}.bell{display:none}.user-chip{max-width:54px;padding:5px}.user-chip .profile-chevron{display:none}.card{border-radius:16px;padding:16px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{min-height:110px;padding:14px}.kpi b{font-size:23px}.kpi em{font-size:10.5px}.mobile-bottom{height:72px;padding-bottom:env(safe-area-inset-bottom);background:rgba(8,13,19,.94)!important;backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -14px 36px rgba(0,0,0,.24)}.mobile-bottom a,.mobile-bottom button{min-width:48px}.mobile-bottom .plus{width:52px;height:52px;margin-top:-22px;border:4px solid #0c141c;box-shadow:0 8px 25px rgba(240,68,79,.34)}.form-grid,.form-grid.two{grid-template-columns:1fr}.actions .btn{flex:1 1 auto}.table-wrap{margin-inline:-4px}.login-card{padding:28px 21px!important}.login-wrap{padding:15px}}
@media(max-width:430px){.kpis{grid-template-columns:1fr}.kpi{min-height:96px;display:grid;grid-template-columns:42px 1fr;column-gap:11px}.kpi i{grid-row:1/4}.kpi b,.kpi span,.kpi em{grid-column:2}.kpi b{margin-top:0}.clean-top .user-chip{max-width:44px}.main{padding-inline:11px}.card{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ===== PavooNz Network v7.0 ===== */
:root{--network-cyan:#41d9ff;--network-blue:#4776ff;--network-violet:#8d5cff;--network-glow:rgba(65,217,255,.18)}
.page-network_home .main{background:radial-gradient(circle at 78% 8%,rgba(71,118,255,.16),transparent 31%),radial-gradient(circle at 25% 65%,rgba(141,92,255,.10),transparent 35%),var(--bg,#0b1118)}
.network-home-link,.gestion-entry{border:1px solid rgba(255,255,255,.05)!important;background:rgba(255,255,255,.025)}
.network-home-link.active{background:linear-gradient(135deg,rgba(65,217,255,.17),rgba(71,118,255,.13))!important;border-color:rgba(65,217,255,.24)!important}
.network-nav-mark{display:grid!important;place-items:center;width:25px;height:25px;min-width:25px;border-radius:8px;background:linear-gradient(135deg,var(--network-cyan),var(--network-blue));color:#07131c!important;font-size:12px!important;font-weight:900;box-shadow:0 5px 18px var(--network-glow)}
.network-nav-mark.gestion-mark{background:linear-gradient(135deg,#ff5d68,#dd2636);color:#fff!important;box-shadow:0 5px 18px rgba(239,51,64,.2)}
.network-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;min-height:390px;padding:54px;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;background:linear-gradient(135deg,rgba(21,32,47,.96),rgba(11,17,25,.96));box-shadow:0 30px 90px rgba(0,0,0,.28)}
.network-hero:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(65,217,255,.12),transparent 35%,transparent 70%,rgba(141,92,255,.12));pointer-events:none}
.network-hero-copy{position:relative;z-index:2;max-width:720px}.network-eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid rgba(65,217,255,.25);background:rgba(65,217,255,.08);font-size:11px;font-weight:900;letter-spacing:.17em;color:#8deaff}.network-hero h2{margin:19px 0 14px;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.055em;color:#f8fbff}.network-hero h2 strong{background:linear-gradient(90deg,#69e4ff,#7f97ff,#b888ff);-webkit-background-clip:text;background-clip:text;color:transparent}.network-hero p{max-width:660px;margin:0;color:#a9b7c8;font-size:17px;line-height:1.65}.network-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.network-main-cta{background:linear-gradient(135deg,var(--network-blue),var(--network-violet))!important;box-shadow:0 14px 35px rgba(71,118,255,.28)!important}.network-main-cta span{font-size:20px;margin-left:8px}
.network-orbit{position:relative;width:300px;height:300px;margin:auto}.orbit-ring{position:absolute;inset:20px;border:1px solid rgba(105,228,255,.17);border-radius:50%;animation:network-spin 24s linear infinite}.ring-two{inset:55px;border-style:dashed;animation-direction:reverse;animation-duration:18s}.network-core{position:absolute;inset:92px;display:grid;place-content:center;text-align:center;border-radius:28px;background:linear-gradient(145deg,#15253b,#0d1724);border:1px solid rgba(105,228,255,.25);box-shadow:0 0 55px rgba(71,118,255,.22),inset 0 0 30px rgba(65,217,255,.05)}.network-core span{font-size:38px;font-weight:950;letter-spacing:-.08em;color:white}.network-core small{font-size:9px;letter-spacing:.22em;color:#75e5ff}.orbit-node{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#152131;border:1px solid rgba(255,255,255,.09);box-shadow:0 15px 30px rgba(0,0,0,.3);font-style:normal}.node-one{top:6px;left:126px}.node-two{right:4px;top:125px}.node-three{bottom:2px;left:126px}.node-four{left:3px;top:125px}@keyframes network-spin{to{transform:rotate(360deg)}}
.network-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:38px 2px 17px}.network-section-head span{font-size:10px;letter-spacing:.18em;font-weight:900;color:#718299}.network-section-head h2{margin:5px 0 0;font-size:25px}.network-section-head p{margin:0;color:#7f8da0;font-size:13px}.network-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.network-module{position:relative;display:flex;min-height:180px;padding:23px;border-radius:21px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(28,40,55,.94),rgba(16,24,35,.96));text-decoration:none;color:inherit;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.network-module:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;bottom:-80px;background:var(--module-glow,rgba(71,118,255,.15));filter:blur(3px)}.network-module:hover{transform:translateY(-5px);border-color:rgba(105,228,255,.25);box-shadow:0 24px 50px rgba(0,0,0,.26)}.module-icon{position:relative;display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:15px;background:rgba(255,255,255,.065);font-size:23px}.module-copy{position:relative;margin-left:16px}.module-copy>span{font-size:9px;letter-spacing:.13em;color:#73849a;font-weight:900}.module-copy h3{margin:7px 0 8px;font-size:23px}.module-copy p{margin:0;color:#93a3b6;font-size:13px;line-height:1.55}.module-arrow{position:absolute;right:18px;top:17px;color:#77889d;font-size:18px}.module-management{--module-glow:rgba(239,51,64,.2)}.module-electrical{--module-glow:rgba(246,184,75,.21)}.module-pdf{--module-glow:rgba(65,217,255,.18)}.module-bots{--module-glow:rgba(141,92,255,.2)}.module-personal{--module-glow:rgba(57,217,138,.18)}.module-system{--module-glow:rgba(71,118,255,.19)}
.network-status-strip{display:flex;gap:0;margin-top:16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(17,26,38,.85);overflow:hidden}.network-status-strip>div{display:flex;align-items:center;gap:9px;flex:1;padding:14px 18px;border-right:1px solid rgba(255,255,255,.06);font-size:12px}.network-status-strip>div:last-child{border:0}.network-status-strip span{color:#76879b}.network-status-strip b{margin-left:auto}.network-status-strip i{width:8px;height:8px;border-radius:50%;background:#39d98a;box-shadow:0 0 12px #39d98a}
.page-login .login-card h1{letter-spacing:-.035em}.page-login .login-card:before{content:"NETWORK";display:block;margin-bottom:8px;font-size:10px;letter-spacing:.24em;color:var(--network-cyan);font-weight:900}
@media(max-width:1100px){.network-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.network-hero{grid-template-columns:1fr;padding:40px}.network-orbit{display:none}}
@media(max-width:680px){.network-hero{min-height:auto;padding:28px 22px;border-radius:21px}.network-hero h2{font-size:39px}.network-hero p{font-size:14px}.network-section-head{display:block}.network-section-head p{margin-top:8px}.network-modules{grid-template-columns:1fr}.network-module{min-height:155px;padding:20px}.network-status-strip{display:grid;grid-template-columns:1fr}.network-status-strip>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.network-status-strip>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.orbit-ring{animation:none}}

/* ===== PavooNz Network v7.1 · consistencia global y navegación modular ===== */
.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;padding:11px 15px;border-radius:10px;background:#fff;color:#0b1118;font-weight:900;text-decoration:none;transition:top .18s ease}.skip-link:focus{top:16px}
.module-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:11px;font-weight:750;color:var(--muted)}.module-breadcrumb a{color:#79dcff;text-decoration:none}.module-breadcrumb a:hover{text-decoration:underline}.module-breadcrumb span{opacity:.5}.module-breadcrumb b{color:#dbe8f7}
.topbar{gap:22px}.title-block{min-width:0}.title-block h1{overflow-wrap:anywhere}.clean-top{flex:0 0 auto}
.side-nav .nav-separator{position:sticky;top:0;z-index:1;background:linear-gradient(180deg,var(--side) 78%,transparent);padding-top:12px}
.network-home-link,.gestion-entry{font-weight:850}.network-nav-mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.network-module{isolation:isolate}.network-module:focus-visible{outline:3px solid rgba(105,228,255,.55);outline-offset:3px}.network-module .module-arrow{transition:transform .2s ease,color .2s ease}.network-module:hover .module-arrow{transform:translate(3px,-3px);color:#a9efff}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(65,217,255,.42);outline-offset:2px}
.btn.is-busy{cursor:wait;opacity:.78;transform:none!important}.btn.is-busy:after{content:"";width:14px;height:14px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .65s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}
.flash{display:flex;align-items:flex-start;gap:9px}.flash:before{content:"•";font-size:20px;line-height:1}
.table-wrap{overflow:auto;overscroll-behavior:contain;border-radius:var(--radius-md)}.table-wrap table{min-width:760px}
input,select,textarea{width:100%;max-width:100%}textarea{resize:vertical}
.empty-state{padding:34px 24px!important;text-align:center!important;color:var(--muted)!important}
@media(max-width:760px){.module-breadcrumb{font-size:10px}.topbar{align-items:flex-start}.top-actions.clean-top{margin-top:3px}.user-chip{min-width:0}.user-chip>div{display:none}.profile-chevron{display:none}.network-hero-actions .btn{flex:1}.mobile-bottom{padding-bottom:max(7px,env(safe-area-inset-bottom))}}
@media(max-width:460px){.network-hero-actions{display:grid;grid-template-columns:1fr}.network-hero-actions .btn{width:100%}.network-module{min-height:145px}.module-copy h3{font-size:20px}.module-copy p{font-size:12px}}


/* ==========================================================================
   PavooNz Network 8.0 — interfaz modular unificada
   ========================================================================== */
:root{
  --bg:#070b11;--bg-elevated:#0d141e;--side:#080d14;--panel:#111a26;
  --panel2:#162231;--surface:#1b2939;--line:rgba(255,255,255,.085);
  --line-strong:rgba(255,255,255,.14);--text:#f4f7fb;--muted:#91a0b2;
  --red:#ef3340;--red-soft:rgba(239,51,64,.14);--cyan:#55d8ff;
  --green:#3bd98a;--amber:#f6bd52;--radius-sm:10px;--radius-md:15px;
  --radius-lg:22px;--shadow:0 20px 55px rgba(0,0,0,.30);
}
body{background:
  radial-gradient(circle at 75% -10%,rgba(47,111,176,.13),transparent 32%),
  radial-gradient(circle at 10% 5%,rgba(239,51,64,.08),transparent 25%),
  var(--bg);font-size:14px}
body:before{opacity:.45}.sidebar{width:252px;padding:16px 13px 14px;background:rgba(8,13,20,.97);
  border-right:1px solid var(--line);box-shadow:18px 0 55px rgba(0,0,0,.25);gap:12px}
.main{margin-left:252px;padding:22px clamp(18px,2.3vw,36px) 34px;max-width:1900px}
.network-brand{position:relative;display:flex;align-items:center;justify-content:center;height:112px;padding:4px 8px 12px!important;
  border-bottom:1px solid var(--line);border-radius:0!important;background:transparent!important;box-shadow:none!important}
.network-brand img{width:188px!important;height:98px!important;object-fit:contain!important;filter:drop-shadow(0 10px 26px rgba(0,0,0,.34))!important}
.network-brand .app-version-brand{position:absolute;right:5px;bottom:8px;font-size:9px;color:#8fa0b4;background:#111b28;
  border:1px solid var(--line);padding:3px 7px;border-radius:999px;font-style:normal}
.side-nav{gap:5px;overflow-y:auto;overflow-x:hidden;padding:3px 2px 10px;scrollbar-width:thin}
.side-nav>a,.nav-group summary{min-height:45px;padding:10px 11px;border-radius:12px;border:1px solid transparent;
  display:flex;align-items:center;gap:11px;color:#dbe5f0;cursor:pointer;font-weight:800;list-style:none;transition:.18s ease}
.nav-group summary::-webkit-details-marker{display:none}.nav-group summary b{margin-left:auto;color:#718196;font-size:12px;transition:.18s}
.nav-group[open] summary b{transform:rotate(180deg)}.side-nav>a:hover,.nav-group summary:hover{
  background:rgba(255,255,255,.035);border-color:var(--line)}
.side-nav>a.active,.nav-group:has(.nav-children a.active)>summary{
  background:linear-gradient(90deg,rgba(239,51,64,.16),rgba(239,51,64,.035));
  border-color:rgba(239,51,64,.26);color:#fff}
.nav-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#142131;
  border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:950;color:#dce8f7;flex:0 0 auto}
.nav-icon.management{background:linear-gradient(135deg,#f04b58,#b71f35)}.nav-icon.electrical{background:linear-gradient(135deg,#f9cb5d,#b57516);color:#15100a}
.nav-icon.pdf{background:linear-gradient(135deg,#5fe1ff,#2379a9);font-size:8px}.nav-icon.bots{background:linear-gradient(135deg,#9a77ff,#5c37c7);font-size:8px}
.nav-icon.personal{background:linear-gradient(135deg,#47dda0,#17794d)}.nav-icon.system{background:linear-gradient(135deg,#6d86a3,#33475e)}
.nav-children{position:relative;margin:3px 0 6px 26px;padding:2px 0 3px 20px;border-left:1px solid rgba(255,255,255,.085)}
.nav-children a{display:block!important;padding:9px 11px!important;border-radius:9px!important;color:#91a2b6!important;
  border:0!important;background:transparent!important;box-shadow:none!important;font-size:12.5px;font-weight:700}
.nav-children a:hover{color:#eef5fd!important;background:rgba(255,255,255,.035)!important}
.nav-children a.active{color:#fff!important;background:rgba(239,51,64,.12)!important}
.sidebar-foot{margin-top:auto;display:grid;gap:8px}.logout{margin:0!important;padding:10px 12px!important;min-height:42px}
.copyright{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:0 5px;color:#66778a}
.topbar{position:sticky;top:0;z-index:35;margin:-22px calc(clamp(18px,2.3vw,36px)*-1) 22px;padding:18px clamp(18px,2.3vw,36px) 14px;
  background:linear-gradient(180deg,rgba(7,11,17,.96) 72%,rgba(7,11,17,.74) 88%,transparent);backdrop-filter:blur(16px)}
.module-breadcrumb{margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.module-breadcrumb a{color:var(--cyan)}
.title-block h1{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em;line-height:1.1}.title-block p{font-size:13px}
.user-chip{background:#101924;border-color:var(--line);box-shadow:0 10px 30px rgba(0,0,0,.18)}.bell{background:#101924}
.card,.kpi,.network-module,.changelog-card{background:linear-gradient(155deg,rgba(20,31,45,.96),rgba(13,21,31,.98));
  border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-lg)}
.card{padding:clamp(17px,2vw,24px)}.card:hover{border-color:rgba(255,255,255,.12)}
.btn,button{min-height:41px;border-radius:11px}.primary{background:linear-gradient(135deg,#f24b57,#b91e35)}
input,select,textarea{background:#0d1621;border-color:var(--line-strong);min-height:43px}
input:hover,select:hover,textarea:hover{border-color:rgba(255,255,255,.2)}
table{border-collapse:separate;border-spacing:0}table th{background:#0e1722;color:#b9c6d5;text-transform:uppercase;letter-spacing:.045em;font-size:10px}
table td,table th{border-bottom:1px solid var(--line);padding:12px 13px}tbody tr:hover td{background:rgba(255,255,255,.018)}
.network-hero{background:
  linear-gradient(115deg,rgba(15,25,37,.98),rgba(8,15,24,.96)),
  radial-gradient(circle at 80% 20%,rgba(85,216,255,.15),transparent 35%);
  border:1px solid var(--line);box-shadow:0 28px 75px rgba(0,0,0,.34)}
.network-hero:after{content:"NETWORK";position:absolute;right:4%;bottom:-7%;font-size:clamp(60px,10vw,160px);
  font-weight:950;letter-spacing:.14em;color:rgba(255,255,255,.018);pointer-events:none}
.network-module{min-height:180px}.network-module:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18)}
.network-module .module-copy>span{letter-spacing:.13em}.module-icon{border-radius:16px}
.network-status-strip{background:#0d1621;border-color:var(--line)}
.flash{border-radius:13px;padding:13px 16px;background:#121d2a;border:1px solid var(--line)}
footer{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:#65778b}
#loader{background:#070b11}.loader-card img{width:290px;max-height:270px;object-fit:contain;animation:network-loader 1.2s ease-in-out infinite alternate}
.loader-card small{color:#7f90a4;letter-spacing:.08em}@keyframes network-loader{to{transform:translateY(-4px);filter:drop-shadow(0 15px 35px rgba(239,51,64,.18))}}
/* Changelog uniforme */
.changelog-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:28px;margin-bottom:18px;
  background:linear-gradient(135deg,#152133,#0d1621);border:1px solid var(--line);border-radius:var(--radius-lg)}
.changelog-page-head h2{font-size:clamp(28px,4vw,48px);margin:7px 0 5px;letter-spacing:-.05em}.changelog-page-head p{margin:0;color:var(--muted)}
.changelog-current{font-size:clamp(44px,8vw,96px);font-weight:950;line-height:.8;color:rgba(255,255,255,.08);letter-spacing:-.07em}
.changelog-list{display:grid;gap:14px}.changelog-card{padding:20px 22px;margin:0}.changelog-card.current{border-color:rgba(239,51,64,.35);
  background:linear-gradient(145deg,rgba(239,51,64,.11),rgba(16,25,37,.98) 38%)}
.changelog-card header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:13px}
.changelog-card header>div{display:flex;align-items:center;gap:10px}.changelog-card h2{font-size:16px;margin:0}.changelog-card h3{font-size:19px;margin:0 0 10px}
.changelog-card time{color:var(--muted);font-size:12px}.changelog-card li{color:#b4c1d0;line-height:1.6;margin:5px 0}
.change-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px currentColor}.change-dot.fix{background:var(--amber)}.change-dot.feature{background:var(--green)}
/* Responsive */
@media(max-width:1120px){.sidebar{width:230px}.main{margin-left:230px}.kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .sidebar{width:min(88vw,310px);transform:translateX(-105%);transition:.24s}.main{margin-left:0;padding:72px 15px 88px}
  body.open .sidebar{transform:none}.mobile-toggle{display:grid;place-items:center;position:fixed;left:14px;top:max(14px,env(safe-area-inset-top));z-index:100;
    width:42px;height:42px;background:#111b27;border:1px solid var(--line)}
  .topbar{margin:-72px -15px 20px;padding:16px 14px 14px 67px}.menu-backdrop{display:block}
  .network-brand{height:105px}.network-brand img{width:180px!important}
}
@media(max-width:700px){
  .kpis,.form-grid,.form-grid.two,.dashboard-grid,.bottom-grid{grid-template-columns:1fr!important}.quote-grid{grid-template-columns:1fr}
  .topbar{align-items:flex-start}.top-actions{gap:7px}.user-chip>div,.profile-chevron{display:none}.user-chip{padding:6px}.user-chip img{width:34px;height:34px}
  .title-block p{display:none}.title-block h1{font-size:21px}.network-hero h2{font-size:35px}
  .changelog-page-head{align-items:flex-start}.changelog-current{font-size:50px}.changelog-card header{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){.main{padding-left:11px;padding-right:11px}.topbar{margin-left:-11px;margin-right:-11px}.card{border-radius:16px;padding:15px}
  .mobile-bottom{background:rgba(8,13,20,.95);border-top:1px solid var(--line)}}

/* v9.0.2 — identidad visual corregida */
.network-brand{
  height:96px!important;
  padding:4px 8px 12px!important;
  justify-content:flex-start!important;
}
.network-brand img{
  width:194px!important;
  height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.28))!important;
}
.network-brand-stage{
  width:320px!important;
  height:320px!important;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 48%,rgba(80,125,255,.14),transparent 42%),
    linear-gradient(145deg,rgba(18,31,48,.84),rgba(9,15,24,.78));
  border:1px solid rgba(125,168,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 70px rgba(0,0,0,.24);
}
.network-brand-stage .network-core{
  inset:78px!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,rgba(20,36,56,.92),rgba(10,18,29,.96))!important;
  border:1px solid rgba(111,220,255,.24)!important;
  box-shadow:0 0 58px rgba(70,117,255,.22),inset 0 0 34px rgba(65,217,255,.05)!important;
  overflow:hidden;
}
.network-brand-stage .network-core img{
  display:block;
  width:116px;
  height:116px;
  object-fit:contain;
  margin:0 auto 2px;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.38));
}
.network-brand-stage .network-core small{
  display:block;
  margin-top:-2px;
  color:#75e5ff;
  font-size:9px;
  letter-spacing:.28em;
  font-weight:900;
}
.network-brand-stage .orbit-node{
  background:linear-gradient(145deg,#17263a,#0e1825)!important;
  border-color:rgba(255,255,255,.1)!important;
}
#loader{
  background:radial-gradient(circle at 50% 35%,#182638,#09111b 68%)!important;
}
.loader-card{color:#f8fafc!important}
.loader-card img{
  width:270px!important;
  max-width:72vw;
  filter:drop-shadow(0 14px 34px rgba(0,0,0,.46))!important;
}
.loader-card small{color:#93a4b8!important}
@media(max-width:1100px){
  .network-brand-stage{display:none!important}
}

/* =========================================================
   PavooNz Network v10.0.0 · Orion
   ========================================================= */
.network-brand{
  height:112px!important;
  padding:8px 7px 14px!important;
  align-items:center!important;
}
.network-brand img{
  width:88px!important;
  height:88px!important;
  padding:8px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f4f4f4!important;
  border:1px solid rgba(255,255,255,.5)!important;
  border-radius:14px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34),inset 0 0 0 1px rgba(0,0,0,.04)!important;
  filter:none!important;
}
.network-brand .app-version-brand{right:4px;bottom:9px}
.network-brand-stage{
  background:linear-gradient(145deg,rgba(18,31,48,.94),rgba(8,14,22,.98))!important;
}
.network-brand-stage .network-core{
  inset:66px!important;
  background:#f4f4f4!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.34),0 0 52px rgba(89,124,255,.13)!important;
}
.network-brand-stage .network-core img{
  width:150px!important;height:150px!important;margin:0 auto!important;
  object-fit:contain!important;filter:none!important;
}
.network-brand-stage .network-core small{
  color:#a7192d!important;background:#fff;padding:4px 7px 5px;margin:0 14px 11px!important;
  border-radius:999px;font-size:8px!important;letter-spacing:.32em!important;
}
.loader-card img{
  width:126px!important;height:126px!important;padding:12px!important;object-fit:contain!important;
  background:#f4f4f4!important;border-radius:20px!important;border:1px solid #fff!important;
  box-shadow:0 18px 45px rgba(0,0,0,.42)!important;filter:none!important;
}
.nav-icon.discord{background:linear-gradient(135deg,#7c8cff,#4752c4);font-size:13px}
.module-discord .module-icon{background:linear-gradient(145deg,#7c8cff,#4752c4)}
.module-discord:after{background:radial-gradient(circle,#5865f2,transparent 65%)}

/* Discord */
.discord-overview{display:grid;gap:16px;margin-bottom:18px}
.discord-hero{min-height:238px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;
  background:linear-gradient(120deg,#161b39,#10192a 58%,#0c1420)!important;border-color:rgba(124,140,255,.28)!important}
.discord-hero:after{content:"DISCORD";position:absolute;right:-2%;bottom:-18%;font-size:clamp(70px,12vw,170px);font-weight:950;
  color:rgba(255,255,255,.025);letter-spacing:.04em}
.discord-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:#9ca6ff}
.discord-hero h2{font-size:clamp(32px,4.8vw,62px);letter-spacing:-.055em;margin:8px 0 9px}
.discord-hero p{max-width:690px;color:#aebbd0;font-size:15px;line-height:1.65}
.discord-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.discord-primary{background:linear-gradient(135deg,#7289ff,#5865f2)!important;border-color:transparent!important;color:#fff!important}
.discord-mark{width:130px;height:130px;border-radius:34px;display:grid;place-items:center;font-size:62px;margin-right:4%;
  background:linear-gradient(145deg,#6572e8,#3c459f);box-shadow:0 24px 60px rgba(88,101,242,.3);transform:rotate(-4deg)}
.discord-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.discord-kpi{padding:17px 18px;border-radius:16px;background:linear-gradient(145deg,#151f2e,#0e1722);
  border:1px solid var(--line);display:grid;gap:5px;min-width:0}
.discord-kpi>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7f91a7;font-weight:900}
.discord-kpi b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discord-kpi small{color:#74869b}
.discord-layout-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:16px;margin-bottom:16px}
.discord-side-stack{display:grid;gap:16px;align-content:start}
.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}
.section-title-row span{font-size:9px;letter-spacing:.15em;color:#7589a2;font-weight:900}.section-title-row h2{margin:5px 0 0;font-size:22px}
.section-title-row p{margin:6px 0 0;color:var(--muted)}
.status-pill{padding:6px 9px;border:1px solid rgba(124,140,255,.25);background:rgba(88,101,242,.1);border-radius:999px;color:#aeb5ff!important}
.discord-category-list{display:grid;gap:9px}.discord-category{background:#0d1621;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.discord-category summary{padding:13px 15px;cursor:pointer;list-style:none;font-size:12px;font-weight:900;color:#dce7f4;display:flex;justify-content:space-between}
.discord-category summary::-webkit-details-marker{display:none}.discord-category summary span{color:#6f8299;font-weight:700}
.discord-category>div{padding:0 12px 11px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.discord-category p{margin:0;padding:9px 10px;background:rgba(255,255,255,.025);border-radius:9px;color:#aab8c9;font-size:12px}
.discord-category p i{font-style:normal;color:#718096;margin-right:7px}
.role-list{display:grid;gap:8px}.role-list>div{padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#0e1722;display:grid;gap:3px}
.role-list b{font-size:12px}.role-list small{color:#718399}
.discord-roadmap ol{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:steps}
.discord-roadmap li{counter-increment:steps;display:grid;grid-template-columns:32px 1fr;gap:2px 10px;align-items:center}
.discord-roadmap li:before{content:counter(steps);grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;
  background:rgba(88,101,242,.13);color:#aeb5ff;font-weight:900}.discord-roadmap span{color:#718399;font-size:11px}
.discord-config-card{scroll-margin-top:90px}.discord-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.discord-form .span-2{grid-column:1/-1}

/* Mobile app shell */
.mobile-create-fab,.quick-create-sheet{display:none}
@media(max-width:900px){
  body{background:#080d14}
  .main{padding:74px 12px calc(96px + env(safe-area-inset-bottom))}
  .topbar{min-height:66px;padding-right:12px;box-shadow:0 10px 35px rgba(0,0,0,.22)}
  .top-actions .bell{display:none}
  footer{display:none}
  .mobile-bottom{
    height:70px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:grid!important;
    grid-template-columns:repeat(5,1fr);align-items:center;position:fixed;z-index:90;left:0;right:0;bottom:0;
    background:rgba(8,13,20,.94);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.09)
  }
  .mobile-bottom a,.mobile-bottom button{display:grid;place-items:center;gap:2px;color:#77899d;font-size:18px;background:none;border:0;min-height:49px}
  .mobile-bottom span{font-size:9px;font-weight:800}.mobile-bottom a.active{color:#fff}
  .mobile-fab-spacer{display:block}
  .mobile-create-fab{
    display:grid;place-items:center;position:fixed;z-index:105;bottom:calc(38px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,50%);
    width:58px;height:58px;border-radius:19px;background:linear-gradient(135deg,#f24c5a,#a91831);border:4px solid #080d14;
    box-shadow:0 12px 30px rgba(239,51,64,.35);color:#fff;font-size:31px;line-height:1
  }
  .quick-create-sheet{display:block;position:fixed;inset:0;z-index:130;pointer-events:none}
  .quick-create-sheet.open{pointer-events:auto}.quick-create-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;
    background:rgba(0,0,0,.58);opacity:0;transition:.2s}
  .quick-create-sheet section{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));padding:18px;
    border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#101925;transform:translateY(115%);transition:.25s cubic-bezier(.2,.8,.2,1);
    box-shadow:0 -20px 70px rgba(0,0,0,.45)}
  .quick-create-sheet.open .quick-create-backdrop{opacity:1}.quick-create-sheet.open section{transform:none}
  .quick-create-sheet header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
  .quick-create-sheet header span{font-size:9px;letter-spacing:.14em;color:#75879b;font-weight:900}.quick-create-sheet header h2{margin:3px 0 0}
  .quick-create-sheet header button{width:36px;height:36px;border-radius:12px;background:#192535;border:1px solid var(--line);font-size:22px}
  .quick-create-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
  .quick-create-grid a{display:grid;place-items:center;gap:7px;min-height:82px;padding:10px 5px;border-radius:14px;background:#151f2c;
    border:1px solid var(--line);font-size:22px}.quick-create-grid span{font-size:10px;text-align:center;font-weight:800;color:#bdc9d7}
  .network-hero{padding:24px 20px!important;border-radius:22px}.network-hero h2{font-size:clamp(34px,10vw,47px)!important}
  .network-hero p{font-size:13px}.network-section-head{align-items:flex-start;display:grid}
  .network-modules{grid-template-columns:1fr!important}.network-module{min-height:145px}
  .discord-kpis{grid-template-columns:repeat(2,1fr)}.discord-layout-grid{grid-template-columns:1fr}
  .discord-mark{display:none}.discord-hero{min-height:auto;padding:23px!important}.discord-hero h2{font-size:37px}
}
@media(max-width:600px){
  .discord-kpis{grid-template-columns:1fr}.discord-category>div{grid-template-columns:1fr}
  .discord-form{grid-template-columns:1fr}.discord-form .span-2{grid-column:auto}
  .quick-create-grid{grid-template-columns:repeat(3,1fr)}
  .card{padding:15px!important}.section-title-row{align-items:flex-start}
  .item{grid-template-columns:1fr!important}
  table{min-width:680px}
  .table-wrap,.responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:13px}
  .topbar .module-breadcrumb{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* =========================================================
   PavooNz Network v10.1.0 · Orion completado
   ========================================================= */
.network-root{margin-bottom:10px!important;background:linear-gradient(110deg,rgba(32,54,78,.72),rgba(15,26,39,.62))!important;border-color:rgba(102,214,255,.14)!important}
.network-root .nav-icon{background:linear-gradient(135deg,#263d5c,#132237)!important;box-shadow:inset 0 0 0 1px rgba(109,225,255,.17)}
.network-root.active{background:linear-gradient(110deg,rgba(188,27,53,.25),rgba(28,24,39,.95))!important;border-color:rgba(255,70,90,.35)!important}
.network-page-shell{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:16px;align-items:start}
.network-page-content{min-width:0}
.network-right-rail{position:sticky;top:92px;display:grid;gap:12px;max-height:calc(100vh - 108px);overflow:auto;padding-right:3px;scrollbar-width:thin}
.rail-profile,.rail-card{border:1px solid rgba(123,151,182,.16);background:linear-gradient(145deg,rgba(18,29,43,.96),rgba(10,18,28,.98));border-radius:17px;box-shadow:0 14px 35px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.025)}
.rail-profile{display:flex;align-items:center;gap:12px;padding:13px}
.rail-profile-avatar{width:43px;height:43px;flex:0 0 43px;border-radius:13px;padding:2px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f7f7f7,#d7d7d7);box-shadow:0 7px 18px rgba(0,0,0,.28)}
.rail-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:10px}.rail-profile-avatar span{color:#111827;font-size:18px;font-weight:950}
.rail-profile>div:last-child{display:grid;min-width:0}.rail-profile small,.rail-card header small,.rail-backup-card small{font-size:8px;letter-spacing:.15em;font-weight:900;color:#667b92}
.rail-profile b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-profile span{font-size:10px;color:#73869a;margin-top:2px}
.rail-card{padding:14px}.rail-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rail-card header h2{font-size:14px;margin:3px 0 0}.rail-card header>a{font-size:9px;color:#7fcde7;font-weight:800}
.live-dot{width:9px;height:9px;border-radius:50%;background:#35d98a;box-shadow:0 0 0 5px rgba(53,217,138,.08),0 0 16px rgba(53,217,138,.38)}
.rail-status-list{display:grid;gap:9px}.rail-status-list>div{display:flex;align-items:center;justify-content:space-between;font-size:10px}.rail-status-list span{display:flex;gap:7px;align-items:center;color:#91a3b8}.rail-status-list b{font-size:9px;color:#cbd7e5}
.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot.online{background:#35d98a;box-shadow:0 0 10px rgba(53,217,138,.45)}.status-dot.idle{background:#e4a840;box-shadow:0 0 10px rgba(228,168,64,.28)}
.rail-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rail-summary-grid a{min-height:105px;padding:12px;border-radius:13px;border:1px solid rgba(130,157,187,.13);background:rgba(255,255,255,.022);display:grid;align-content:space-between}
.rail-summary-grid a:hover{border-color:rgba(107,202,241,.25);transform:translateY(-1px)}.rail-summary-grid a.disabled{pointer-events:none;opacity:.5}.rail-summary-grid span{font-size:18px}.rail-summary-grid b{font-size:26px;line-height:1;margin-top:5px}.rail-summary-grid small{font-size:9px;line-height:1.25;color:#70849a}
.rail-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rail-quick-actions a{padding:10px 8px;border-radius:11px;background:#101c29;border:1px solid rgba(123,151,182,.13);font-size:9px;font-weight:800;text-align:center}.rail-quick-actions a:hover{background:#162438;border-color:rgba(239,66,85,.23)}
.rail-activity-list{display:grid;gap:9px}.rail-activity-list>div{display:grid;grid-template-columns:10px 1fr;gap:7px}.activity-mark{color:#f04758;font-size:18px;line-height:15px}.rail-activity-list p{margin:0;display:grid;grid-template-columns:1fr auto;column-gap:6px;min-width:0}
.rail-activity-list b{grid-column:1/-1;font-size:9px;color:#c4d0dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-activity-list p>span{font-size:9px;color:#708398;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-activity-list small{font-size:8px;color:#53677c}.rail-empty{display:block!important;color:#687b90;font-size:10px}
.rail-backup-card{display:flex;align-items:center;justify-content:space-between}.rail-backup-card>div{display:flex;align-items:center;gap:9px}.rail-backup-card>div>span{font-size:21px}.rail-backup-card p{margin:0;display:grid}.rail-backup-card b{font-size:10px;margin-top:3px}.rail-backup-card>a{font-size:9px;color:#78cbe8;font-weight:800}
.topbar{border-bottom:1px solid rgba(130,157,187,.08)}.card,.network-module{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card:hover{border-color:rgba(123,151,182,.22)}
input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{border-color:rgba(75,198,239,.48)!important;box-shadow:0 0 0 3px rgba(75,198,239,.08)!important}
@media(max-width:1439px){.network-page-shell{grid-template-columns:minmax(0,1fr)}.network-right-rail{display:none}}
@media(min-width:1440px){.main{padding-right:16px!important}}
@media(max-width:900px){.network-root{margin-top:4px!important}.network-page-shell{display:block}.main{padding-left:11px!important;padding-right:11px!important}.topbar{border-radius:0 0 17px 17px}.title-block h1{font-size:20px!important}.module-breadcrumb{font-size:8px!important}.network-module{border-radius:18px!important}.network-module p{line-height:1.5}.btn{min-height:44px}input,select,textarea{font-size:16px!important}}
@media(max-width:520px){.top-actions .user-chip div,.top-actions .profile-chevron{display:none}.top-actions .user-chip{width:44px;height:44px;padding:4px;border-radius:14px}.network-hero-actions{display:grid!important;grid-template-columns:1fr 1fr}.network-hero-actions .btn{width:100%;justify-content:center}.quick-create-grid{grid-template-columns:repeat(2,1fr)!important}.mobile-create-fab{width:60px!important;height:60px!important}}

/* =========================================================
   PavooNz Network v10.2.0 · Brand & System
   ========================================================= */

/* Se elimina por completo el panel derecho global */
.network-page-shell{display:block!important}
.network-right-rail{display:none!important}

/* Marca reutilizable */
.brand-lockup{display:flex;align-items:center;gap:13px;min-width:0}
.brand-logo-box{
  display:grid;place-items:center;flex:0 0 auto;background:#f1f1f1;
  border:1px solid rgba(255,255,255,.78);border-radius:14px;
  box-shadow:0 11px 28px rgba(0,0,0,.34),inset 0 0 0 1px rgba(0,0,0,.04);
  overflow:hidden;
}
.brand-logo-box img{width:100%;height:100%;object-fit:contain;filter:none!important}
.brand-wordmark{display:grid;line-height:1;min-width:0}
.brand-wordmark b{font-size:21px;letter-spacing:-.045em;color:#f8fafc}
.brand-wordmark small{margin-top:7px;font-size:8px;font-weight:950;letter-spacing:.31em;color:#ef4859;white-space:nowrap}

/* Logo del menú: símbolo a la izquierda y texto al lado */
.network-brand{
  height:auto!important;min-height:91px!important;justify-content:flex-start!important;
  padding:9px 7px 18px!important;gap:11px!important;
}
.network-brand>.brand-logo-box{width:64px;height:64px;border-radius:13px}
.network-brand>.brand-wordmark{padding-right:24px}
.network-brand>.brand-wordmark b{font-size:20px}
.network-brand>.brand-wordmark small{font-size:7px;letter-spacing:.25em}
.network-brand .app-version-brand{right:5px!important;bottom:8px!important}

/* Loader */
#loader{background:radial-gradient(circle at 50% 35%,#1a293b,#081019 68%)!important}
.loader-card{gap:18px!important;color:#fff!important}
.brand-lockup-loader{padding:15px 21px;border-radius:20px;background:rgba(12,21,31,.82);border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.38)}
.brand-lockup-loader .brand-logo-box{width:88px;height:88px}
.brand-lockup-loader .brand-wordmark b{font-size:30px}
.brand-lockup-loader .brand-wordmark small{font-size:9px}
.loader-message{color:#8495a9!important;letter-spacing:.04em!important;font-weight:700!important}

/* Pantalla principal: marca correcta */
.network-brand-showcase{
  position:relative;width:365px;height:330px;border-radius:34px;overflow:hidden;
  display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(20,34,50,.95),rgba(8,15,24,.98));
  border:1px solid rgba(126,160,195,.16);
  box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);
}
.showcase-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(117,163,202,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(117,163,202,.13) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 15%,transparent 75%)}
.brand-lockup-home{
  position:relative;z-index:2;padding:20px 23px;border-radius:22px;
  background:rgba(10,18,28,.91);border:1px solid rgba(255,255,255,.09);
  box-shadow:0 24px 60px rgba(0,0,0,.4);
}
.brand-lockup-home .brand-logo-box{width:105px;height:105px;border-radius:18px}
.brand-lockup-home .brand-wordmark b{font-size:36px}
.brand-lockup-home .brand-wordmark small{font-size:10px}
.showcase-chip{
  position:absolute;z-index:3;padding:9px 11px;border-radius:11px;font-size:10px;font-weight:850;
  background:rgba(18,31,46,.91);border:1px solid rgba(133,168,205,.17);box-shadow:0 12px 28px rgba(0,0,0,.25)
}
.chip-management{top:27px;left:23px}.chip-electric{top:42px;right:20px}.chip-discord{bottom:33px;left:24px}.chip-pdf{right:23px;bottom:48px}

/* Login profesional */
.main.full{display:block!important;padding:0!important;background:#080e16!important}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);width:100%;overflow:hidden}
.login-visual{position:relative;display:flex;align-items:center;padding:clamp(45px,7vw,105px);overflow:hidden;background:linear-gradient(145deg,#111c2b,#08111b)}
.login-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(110,154,194,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(110,154,194,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}
.login-glow{position:absolute;border-radius:50%;filter:blur(20px)}
.glow-one{width:420px;height:420px;left:-130px;top:-100px;background:rgba(237,51,68,.12)}
.glow-two{width:470px;height:470px;right:-210px;bottom:-170px;background:rgba(57,173,232,.08)}
.login-visual-content{position:relative;z-index:2;max-width:700px}
.brand-lockup-login{margin-bottom:72px}
.brand-lockup-login .brand-logo-box{width:82px;height:82px}
.brand-lockup-login .brand-wordmark b{font-size:31px}.brand-lockup-login .brand-wordmark small{font-size:9px}
.login-kicker{display:block;font-size:9px;letter-spacing:.18em;font-weight:950;color:#768da6}
.login-visual h1{font-size:clamp(44px,5.2vw,78px);line-height:.98;letter-spacing:-.065em;margin:13px 0 20px;max-width:780px}
.login-visual h1 strong{color:#f05261}
.login-visual p{max-width:650px;color:#91a2b6;line-height:1.7;font-size:15px}
.login-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.login-features span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:10px;color:#aab8c8}
.login-form-side{display:grid;place-items:center;padding:36px;background:radial-gradient(circle at 100% 0,rgba(238,70,88,.08),transparent 40%),#0b121c}
.login-card-v102{
  width:min(430px,100%);text-align:left!important;padding:39px!important;margin:0!important;
  background:linear-gradient(150deg,rgba(20,32,47,.98),rgba(10,18,28,.99))!important;
  border:1px solid rgba(125,157,190,.16)!important;border-radius:26px!important;
}
.login-card-v102 h2{font-size:32px;letter-spacing:-.045em;margin:8px 0 7px}
.login-card-v102>p{margin:0 0 25px;color:#7e90a5}
.login-card-v102 form{margin-top:0!important}
.login-card-v102 label>span{display:block;margin-bottom:7px;color:#b8c5d3;font-size:11px;font-weight:850}
.login-input{display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:13px;background:#0a121d;border:1px solid rgba(120,151,184,.17)}
.login-input:focus-within{border-color:rgba(80,199,239,.46);box-shadow:0 0 0 3px rgba(80,199,239,.07)}
.login-input i{font-style:normal;font-size:14px;opacity:.72}
.login-input input{border:0!important;background:transparent!important;padding:14px 0!important;box-shadow:none!important}
.login-submit{width:100%;min-height:51px;margin-top:7px;display:flex;justify-content:center;gap:12px}
.login-version{display:block;text-align:center;margin-top:19px;color:#53687e;font-size:9px}
.login-mobile-brand{display:none}

/* Estado del sistema */
.system-health-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(125deg,#162438,#0b151f)!important;overflow:hidden}
.system-kicker{font-size:9px;letter-spacing:.18em;color:#6f8ca8;font-weight:950}
.system-health-hero h2{font-size:clamp(27px,3.2vw,44px);margin:8px 0 9px;letter-spacing:-.045em}
.system-health-hero p{margin:0;max-width:700px}
.health-score{width:114px;height:114px;flex:0 0 114px;border-radius:29px;display:grid;place-items:center;align-content:center;gap:3px;background:#0d1823;border:1px solid rgba(255,255,255,.1)}
.health-score i{width:13px;height:13px;border-radius:50%}.health-score.ok i{background:#38d98a;box-shadow:0 0 18px rgba(56,217,138,.5)}.health-score.bad i{background:#f14d5d}
.health-score b{font-size:13px}.health-score small{font-size:9px;color:#687c91}
.health-grid-v102{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.health-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.health-detail-list{display:grid}.health-detail-list>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.health-detail-list span{color:#7e91a7;font-size:11px}.health-detail-list b{font-size:11px;text-align:right;word-break:break-all}
.health-activity-list{display:grid;gap:10px}.health-activity-list>div{display:grid;grid-template-columns:11px 1fr;gap:8px}
.health-activity-list i{width:7px;height:7px;border-radius:50%;margin-top:6px;background:#ef4b5a;box-shadow:0 0 12px rgba(239,75,90,.4)}
.health-activity-list p{margin:0;display:grid;grid-template-columns:1fr auto;gap:3px 8px}.health-activity-list b{grid-column:1/-1;font-size:11px}.health-activity-list span{font-size:10px;color:#71869c}.health-activity-list small{font-size:9px;color:#586d82}

/* Responsive */
@media(max-width:1180px){
  .health-grid-v102{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .network-brand-showcase{width:315px;height:300px}
}
@media(max-width:900px){
  .login-shell{grid-template-columns:1fr}
  .login-visual{display:none}
  .login-form-side{min-height:100vh;padding:22px}
  .login-mobile-brand{display:flex;margin-bottom:40px}
  .login-mobile-brand .brand-logo-box{width:66px;height:66px}
  .login-card-v102{padding:29px 23px!important}
  .network-brand-showcase{display:none}
  .health-admin-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .health-grid-v102{grid-template-columns:1fr!important}
  .system-health-hero{display:grid}.health-score{width:100%;height:75px;grid-template-columns:auto auto auto;align-content:center;justify-content:center;padding:0 22px;border-radius:18px}
  .network-brand>.brand-logo-box{width:58px;height:58px}
  .network-brand>.brand-wordmark b{font-size:18px}
}


/* =========================================================
   PAVOONZ NETWORK v10.3.0 · UNIFIED DESIGN SYSTEM
   Final compatibility layer over legacy module styles.
   ========================================================= */
:root{
  --bg:#070c13;--bg2:#0b121c;--side:#080d14;
  --panel:#101925;--panel2:#131f2d;--soft:#182536;
  --line:rgba(137,164,193,.15);--line-strong:rgba(137,164,193,.25);
  --text:#f4f7fb;--muted:#8293a7;--red:#ed4053;--red2:#a81731;
  --blue:#49bfe9;--green:#38d98a;--orange:#e5aa43;--violet:#8c72f2;
  --radius:18px;--radius-sm:12px;--shadow:0 18px 55px rgba(0,0,0,.20);
}
html{background:var(--bg);overflow-x:hidden}
body{background:radial-gradient(circle at 74% -12%,rgba(73,191,233,.075),transparent 30%),radial-gradient(circle at 18% 0,rgba(237,64,83,.055),transparent 28%),var(--bg);font-size:14px;overflow-x:hidden}
body:before{opacity:.55}
.main{max-width:none;padding:24px 28px 38px}
.topbar{min-height:72px;margin:-24px -28px 18px;padding:16px 28px;background:rgba(7,12,19,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(138,165,195,.10);position:sticky;top:0;z-index:30}
.title-block{min-width:0}.title-block h1{font-size:25px;line-height:1.15}.title-block p{font-size:12px;line-height:1.45}.module-breadcrumb{text-transform:uppercase;letter-spacing:.13em;font-size:8px}
.sidebar{width:268px;padding:18px 10px 13px;background:linear-gradient(180deg,#080e16,#070b11);box-shadow:18px 0 55px rgba(0,0,0,.25)}
.main{margin-left:268px}
.network-brand{min-height:94px!important;padding:8px 7px 16px!important;gap:12px!important}
.network-brand>.brand-logo-box{width:56px!important;height:56px!important;border-radius:12px!important}
.sidebar-wordmark b{font-size:16px!important;letter-spacing:.055em!important;white-space:nowrap}.sidebar-wordmark small{font-size:7px!important;letter-spacing:.38em!important;margin-top:8px!important;color:#ef4558!important}
.network-brand .app-version-brand{bottom:3px!important;right:5px!important}
.side-nav{overflow-y:auto;overflow-x:hidden;padding:1px 0 8px;scrollbar-width:thin}
.side-nav .nav-root,.nav-group summary{min-height:44px;border-radius:12px;padding:10px 11px;font-size:12px;font-weight:800}
.nav-group summary>span:nth-child(2),.nav-root>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-children{padding:4px 5px 7px 45px}.nav-children a{padding:8px 9px!important;font-size:10px!important;border-radius:8px!important}
.sidebar-foot{padding-top:8px;background:linear-gradient(180deg,transparent,#070b11 22%)}
.logout{padding:10px 12px!important;font-size:11px}.copyright{font-size:8px!important}

/* Main logo: only logo, no repeated wordmark */
.logo-only-showcase{width:min(350px,32vw)!important;height:320px!important;border-radius:30px!important}
.home-logo-only{position:relative;z-index:2;width:164px;height:164px;padding:12px;display:grid;place-items:center;background:#ededed;border:1px solid #fff;border-radius:25px;box-shadow:0 30px 70px rgba(0,0,0,.42),0 0 65px rgba(71,187,232,.09)}
.home-logo-only img{width:100%;height:100%;object-fit:contain;filter:none!important}
.network-hero{min-height:360px;padding:42px 46px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:36px!important}
.network-hero h2{font-size:clamp(43px,5vw,70px)!important;line-height:.96!important}.network-hero-copy{max-width:780px}.network-hero-copy p{max-width:690px;line-height:1.7}
.network-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.network-module{min-height:160px;padding:20px!important;border-radius:18px!important}.network-module h3{font-size:20px}.network-module p{font-size:11px;line-height:1.5}

/* Universal surfaces */
.card,.panel,.kpi,.totals,.document-card,.finance-kpi,.electrical-kpi,.bot-card,.activity-card,.health-card{
  border-color:var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;
}
.card,.panel{background:linear-gradient(155deg,rgba(18,29,43,.96),rgba(10,18,28,.98))!important;padding:20px}
.card:hover,.panel:hover{border-color:var(--line-strong)!important}
.card-head,.section-title,.section-heading,.profile-section-head,.section-title-row{gap:12px}
.card-head h2,.section-heading h2,.profile-section-head h2,.section-title-row h2{line-height:1.25}
.muted,.card p,.panel p{color:var(--muted)}
.info-box,.info-callout,.electrical-warning,.import-result-banner{border-radius:14px!important;border:1px solid rgba(93,178,217,.18)!important;background:rgba(41,118,154,.09)!important}
.empty,.empty-state,.friendly-error{border-radius:16px!important}

/* Forms */
form{min-width:0}.form-grid,.filter-grid,.profile-fields,.new-user-grid-v31{align-items:end}
label{font-size:11px;gap:7px;color:#c6d1dd}
input,select,textarea{min-height:44px;padding:11px 13px;border-radius:11px;background:#0a121c!important;border:1px solid var(--line)!important;color:var(--text)!important}
textarea{min-height:110px;resize:vertical}input::placeholder,textarea::placeholder{color:#53667a}
input:focus,select:focus,textarea:focus{border-color:rgba(73,191,233,.5)!important;box-shadow:0 0 0 3px rgba(73,191,233,.08)!important}
.btn,button{min-height:40px;border-radius:11px;padding:10px 14px;font-size:11px}.primary{background:linear-gradient(135deg,#f04a5b,#a91832)!important}.btn:hover,button:hover{transform:translateY(-1px)}
.filter-card{padding:15px 18px!important}.filter-actions{align-self:end}

/* Tables and card lists */
.table-wrap,.responsive-table,.table{border-radius:14px;overflow:auto;-webkit-overflow-scrolling:touch}
.data-table,.table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,.table .tr.head{background:#0b141f!important;color:#8fa2b7!important;text-transform:uppercase;letter-spacing:.08em;font-size:9px}
.data-table th,.data-table td{padding:12px 11px!important;border-bottom:1px solid rgba(138,165,195,.10)!important}.data-table tbody tr:hover{background:rgba(255,255,255,.018)}
.document-cards,.users-list-v31,.activity-grid,.bots-grid{gap:14px!important}.document-card,.user-card-v31,.activity-card,.bot-card{overflow:hidden}
.badge,.status-pill,.role-badge{border-radius:999px!important;font-weight:850!important}

/* Consistent grids */
.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.kpi{min-width:0;min-height:118px;padding:17px}.kpi b{font-size:25px;overflow-wrap:anywhere}.kpi em{line-height:1.35}
.dashboard-grid{grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(260px,.72fr));gap:14px}.bottom-grid{gap:14px}
.quote-grid{grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:15px}.electrical-layout,.finance-layout,.import-page-grid{gap:15px!important}
.health-grid-v102{gap:13px!important}.health-admin-grid{gap:14px!important}

/* Login */
.brand-lockup-login .brand-wordmark b,.login-mobile-brand .brand-wordmark b,.brand-lockup-loader .brand-wordmark b{letter-spacing:.05em!important}
.brand-lockup-login .brand-wordmark small,.login-mobile-brand .brand-wordmark small,.brand-lockup-loader .brand-wordmark small{letter-spacing:.38em!important}
.login-card-v102{box-shadow:0 32px 90px rgba(0,0,0,.35)!important}.login-input input{min-height:48px!important}

/* Changelog cleaned */
.changelog-list-clean{display:grid;gap:14px}.changelog-list-clean .changelog-card{margin:0!important}.changelog-card.current{border-color:rgba(237,64,83,.34)!important}.changelog-card ul{line-height:1.65}

/* Mobile/tablet corrections for all modules */
@media(max-width:1280px){
  .network-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.chart-card{grid-column:1/-1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-grid{grid-template-columns:1fr}.totals.sticky{position:relative;top:auto}
}
@media(max-width:900px){
  .sidebar{width:min(86vw,310px)!important}.main{margin-left:0!important;padding:74px 12px calc(96px + env(safe-area-inset-bottom))!important}.topbar{position:fixed;left:0;right:0;top:0;margin:0!important;padding:11px 12px 11px 58px!important;min-height:64px!important;border-radius:0!important}.mobile-toggle{position:fixed!important;z-index:100!important;left:12px!important;top:12px!important;width:40px!important;height:40px!important}.network-hero{display:block!important;min-height:auto;padding:27px 22px!important}.logo-only-showcase{display:none!important}.network-modules{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.bottom-grid,.health-admin-grid,.discord-layout-grid,.finance-layout,.electrical-layout,.import-page-grid{grid-template-columns:1fr!important}.form-grid,.form-grid.two,.form-grid.three,.form-grid.four,.filter-grid,.profile-fields.two-cols,.new-user-grid-v31,.discord-form{grid-template-columns:1fr!important}.span-2,.wide{grid-column:auto!important}.card,.panel{padding:16px!important}.top-actions{gap:7px}.user-chip{padding:4px!important}.title-block p{display:none}.network-section-head{gap:6px}.network-section-head p{font-size:10px}.floating-actions{bottom:82px}
}
@media(max-width:600px){
  .kpis{grid-template-columns:1fr}.kpi{min-height:105px}.network-hero h2{font-size:38px!important}.network-hero-actions{grid-template-columns:1fr!important}.network-status-strip{grid-template-columns:1fr!important}.network-status-strip>div{border-right:0!important;border-bottom:1px solid var(--line)}.network-status-strip>div:last-child{border-bottom:0}.quick-create-grid{grid-template-columns:repeat(2,1fr)!important}.actions,.row-actions,.filter-actions{width:100%}.actions>.btn,.filter-actions>.btn{flex:1 1 auto;text-align:center}.document-paper{padding:15px!important}.system-health-hero{padding:18px!important}.discord-hero h2{font-size:31px!important}.discord-kpis{grid-template-columns:1fr!important}.topbar .title-block h1{font-size:18px!important}.module-breadcrumb{max-width:210px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* =========================================================
   PAVOONZ NETWORK v10.4.0 · Logo limpio + Estado del sistema
   ========================================================= */

/* El logo no lleva borde, marco blanco ni sombra exterior. */
.brand-logo-box,
.network-brand .brand-logo-box,
.brand-lockup-home .brand-logo-box,
.brand-lockup-loader .brand-logo-box,
.login-mobile-brand .brand-logo-box,
.brand-lockup-login .brand-logo-box{
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
}
.brand-logo-box img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:12px!important;
}
.network-brand{
  min-height:96px!important;
  padding:13px 11px 21px!important;
  gap:12px!important;
  align-items:center!important;
}
.network-brand>.brand-logo-box{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
}
.network-brand>.sidebar-wordmark{
  display:grid!important;
  align-content:center!important;
  min-width:0!important;
  padding:0!important;
}
.network-brand>.sidebar-wordmark b{
  font-size:17px!important;
  letter-spacing:.045em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.network-brand>.sidebar-wordmark small{
  margin-top:7px!important;
  font-size:7px!important;
  letter-spacing:.32em!important;
  color:#f04b5c!important;
}
.network-brand .app-version-brand{bottom:5px!important;right:8px!important}

/* Logo principal sin borde sobre el contenedor del logo. */
.logo-only-showcase{
  border:0!important;
  box-shadow:none!important;
  background:rgba(13,24,36,.68)!important;
}
.logo-only-showcase .brand-logo-box{
  width:142px!important;
  height:142px!important;
}
.logo-only-showcase .brand-logo-box img{border-radius:22px!important}

/* Página Estado del sistema: rejillas controladas y sin elementos superpuestos. */
.page-system_health_page .main{overflow:visible!important}
.page-system_health_page .card,
.page-system_health_page .panel{min-width:0!important}
.sys-overview{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  padding:28px 30px!important;
  margin-bottom:16px!important;
  overflow:hidden!important;
  background:linear-gradient(125deg,#152538,#0b1622 66%,#101828)!important;
}
.sys-overview-copy{min-width:0!important}
.sys-eyebrow{font-size:9px!important;letter-spacing:.15em!important;font-weight:900!important;color:#73a3be!important}
.sys-overview h2{margin:7px 0 8px!important;font-size:clamp(27px,3.2vw,45px)!important;letter-spacing:-.045em!important}
.sys-overview p{margin:0!important;max-width:760px!important;line-height:1.55!important}
.sys-state{
  flex:0 0 auto!important;
  min-width:155px!important;
  padding:15px 17px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  background:#0b1520!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.sys-state>i{width:12px!important;height:12px!important;border-radius:50%!important}
.sys-state.is-online>i{background:#35db8b!important;box-shadow:0 0 18px rgba(53,219,139,.55)!important}
.sys-state.is-error>i{background:#ef4d5d!important}
.sys-state>div{display:grid!important}.sys-state b{font-size:12px!important}.sys-state small{font-size:9px!important;color:#6f8398!important;margin-top:2px!important}

.sys-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:16px!important;
}
.sys-metric{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:116px!important;
  padding:16px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#131f2d,#0d1722)!important;
  border:1px solid rgba(121,151,181,.14)!important;
  overflow:hidden!important;
}
.sys-metric.ok{border-left:3px solid #31d487!important}.sys-metric.warn{border-left:3px solid #e3aa42!important}.sys-metric.bad{border-left:3px solid #ef4d5d!important}
.sys-metric-icon{width:43px!important;height:43px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.04)!important;font-size:20px!important}
.sys-metric>div{min-width:0!important;display:grid!important}
.sys-metric small{font-size:8px!important;letter-spacing:.13em!important;color:#71869c!important;font-weight:900!important}
.sys-metric h3{font-size:17px!important;margin:5px 0 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sys-metric p{font-size:10px!important;margin:0!important;color:#718499!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.sys-columns{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;
  gap:16px!important;
  margin-bottom:16px!important;
  align-items:start!important;
}
.sys-columns-lower{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}
.sys-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:17px!important}
.sys-card-head>div{min-width:0!important}
.sys-card-head span{font-size:8px!important;letter-spacing:.15em!important;font-weight:900!important;color:#71869c!important}
.sys-card-head h2{margin:5px 0 0!important;font-size:21px!important}
.sys-card-head>a{font-size:9px!important;color:#79cae7!important;font-weight:800!important;white-space:nowrap!important}
.sys-badge{padding:7px 9px!important;border-radius:999px!important;font-size:8px!important;letter-spacing:.08em!important}
.sys-badge.success{background:rgba(48,213,134,.1)!important;color:#57e6a0!important;border:1px solid rgba(48,213,134,.2)!important}
.sys-badge.warning{background:rgba(227,170,66,.1)!important;color:#efbe63!important;border:1px solid rgba(227,170,66,.2)!important}

.gemini-status-main{display:flex!important;align-items:center!important;gap:14px!important;padding:15px!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(87,76,214,.12),rgba(51,159,221,.06))!important;border:1px solid rgba(115,111,230,.15)!important}
.gemini-orb{width:53px!important;height:53px!important;flex:0 0 53px!important;border-radius:16px!important;display:grid!important;place-items:center!important;font-size:24px!important;background:#172035!important;color:#73819b!important}
.gemini-orb.active{color:#d8c9ff!important;background:linear-gradient(135deg,#433c92,#253f73)!important;box-shadow:0 12px 28px rgba(69,63,154,.24)!important}
.gemini-status-main>div:last-child{min-width:0!important}.gemini-status-main h3{margin:0 0 5px!important;font-size:16px!important}.gemini-status-main p{margin:0!important;font-size:10px!important;line-height:1.5!important}.gemini-status-main code{font-size:9px!important}

.gemini-capabilities{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
.gemini-capabilities>div{display:grid!important;grid-template-columns:31px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;padding:11px!important;border-radius:13px!important;background:#0d1722!important;border:1px solid rgba(120,151,183,.12)!important;min-width:0!important}
.gemini-capabilities>div>span{font-size:18px!important}.gemini-capabilities p{display:grid!important;margin:0!important;min-width:0!important}.gemini-capabilities b{font-size:10px!important}.gemini-capabilities small{font-size:8px!important;color:#71859b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:3px!important}
.gemini-capabilities i{grid-column:1/-1!important;font-style:normal!important;font-size:8px!important;font-weight:900!important}.gemini-capabilities .ready i{color:#49da95!important}.gemini-capabilities .pending i{color:#e2aa49!important}

.gemini-log{margin-top:18px!important}.gemini-log>h3{font-size:12px!important;margin:0 0 10px!important}
.gemini-log>div{display:grid!important;grid-template-columns:9px minmax(0,1fr)!important;gap:7px!important;padding:8px 0!important;border-top:1px solid rgba(255,255,255,.055)!important}
.gemini-log>div>i{width:6px!important;height:6px!important;border-radius:50%!important;background:#9e82ff!important;margin-top:5px!important}
.gemini-log p{display:grid!important;grid-template-columns:1fr auto!important;gap:3px 8px!important;margin:0!important;min-width:0!important}.gemini-log b{font-size:9px!important}.gemini-log small{font-size:8px!important;color:#60748a!important}.gemini-log span{grid-column:1/-1!important;font-size:9px!important;color:#76899e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.service-status-list{display:grid!important;gap:8px!important}.service-status-list>div{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:11px!important;border-radius:13px!important;background:#0d1722!important;border:1px solid rgba(119,149,179,.11)!important}
.service-icon{width:36px!important;height:36px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.035)!important}
.service-status-list p{display:grid!important;margin:0!important;min-width:0!important}.service-status-list b{font-size:11px!important}.service-status-list small{font-size:9px!important;color:#71859b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:3px!important}
.service-status-list>div>i{font-style:normal!important;font-size:8px!important;font-weight:900!important;padding:6px 7px!important;border-radius:999px!important}.service-status-list>div>i.online{color:#4bdd98!important;background:rgba(48,213,134,.1)!important}.service-status-list>div>i.idle{color:#e5af52!important;background:rgba(227,170,66,.1)!important}

.sys-resource-bars{display:grid!important;gap:13px!important;margin-top:17px!important}.sys-resource-bars header{display:flex!important;justify-content:space-between!important;font-size:10px!important;margin-bottom:6px!important}.sys-resource-bars header span{color:#8597aa!important}.sys-resource-bars progress{width:100%!important;height:8px!important;border:0!important;border-radius:999px!important;overflow:hidden!important;background:#0a131d!important}.sys-resource-bars progress::-webkit-progress-bar{background:#0a131d!important}.sys-resource-bars progress::-webkit-progress-value{background:linear-gradient(90deg,#42c8ec,#836ef1)!important;border-radius:999px!important}.sys-resource-bars progress::-moz-progress-bar{background:linear-gradient(90deg,#42c8ec,#836ef1)!important;border-radius:999px!important}

.sys-definition-list{display:grid!important;margin:0!important}.sys-definition-list>div{display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;gap:13px!important;padding:11px 0!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.sys-definition-list dt{font-size:10px!important;color:#71869c!important}.sys-definition-list dd{font-size:10px!important;margin:0!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.sys-activity-list{display:grid!important;gap:8px!important}.sys-activity-list>div{display:grid!important;grid-template-columns:9px minmax(0,1fr)!important;gap:8px!important}.sys-activity-list>div>i{width:6px!important;height:6px!important;border-radius:50%!important;background:#ed4b5a!important;margin-top:5px!important}.sys-activity-list p{display:grid!important;grid-template-columns:1fr auto!important;gap:2px 9px!important;margin:0!important;min-width:0!important}.sys-activity-list b{grid-column:1/-1!important;font-size:10px!important}.sys-activity-list span{font-size:9px!important;color:#73869a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sys-activity-list small{font-size:8px!important;color:#566b80!important}
.sys-empty{font-size:10px!important;color:#71859a!important;margin:8px 0!important}
.sys-security-note{margin-top:0!important}

@media(max-width:1250px){
  .sys-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sys-columns,.sys-columns-lower{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .sys-overview{display:grid!important;padding:20px!important}
  .sys-state{width:100%!important;min-width:0!important}
  .sys-metrics{grid-template-columns:1fr!important}
  .gemini-capabilities{grid-template-columns:1fr!important}
  .sys-definition-list>div{grid-template-columns:1fr!important;gap:4px!important}
  .sys-definition-list dd{text-align:left!important}
}
@media(max-width:520px){
  .network-brand{padding-left:12px!important}
  .network-brand>.brand-logo-box{width:49px!important;height:49px!important;flex-basis:49px!important}
  .network-brand>.sidebar-wordmark b{font-size:15px!important}
  .sys-metric{grid-template-columns:40px minmax(0,1fr)!important;padding:13px!important}
  .service-status-list>div{grid-template-columns:35px minmax(0,1fr)!important}
  .service-status-list>div>i{grid-column:2!important;justify-self:start!important}
}

/* =========================================================
   PAVOONZ NETWORK v10.5.0 · Malla local de módulos
   ========================================================= */

/* Sustituye por completo el panel anterior del logo. */
.logo-only-showcase{display:none!important}

.mesh-network-showcase{
  position:relative!important;
  width:min(430px,36vw)!important;
  height:340px!important;
  min-width:390px!important;
  border:1px solid rgba(105,150,192,.14)!important;
  border-radius:31px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(64,111,155,.12),transparent 29%),
    linear-gradient(145deg,rgba(17,31,46,.98),rgba(8,16,25,.99))!important;
  box-shadow:
    0 28px 65px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
  isolation:isolate!important;
}
.mesh-background{
  position:absolute!important;
  inset:0!important;
  opacity:.32!important;
  background-image:
    linear-gradient(rgba(95,157,201,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(95,157,201,.11) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
  mask-image:radial-gradient(ellipse at center,#000 24%,rgba(0,0,0,.65) 58%,transparent 91%)!important;
}
.mesh-background:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 13% 18%,rgba(80,217,255,.17) 0 2px,transparent 3px),
    radial-gradient(circle at 84% 18%,rgba(113,123,255,.15) 0 2px,transparent 3px),
    radial-gradient(circle at 91% 50%,rgba(176,104,255,.14) 0 2px,transparent 3px),
    radial-gradient(circle at 80% 83%,rgba(80,217,255,.13) 0 2px,transparent 3px),
    radial-gradient(circle at 20% 83%,rgba(113,123,255,.14) 0 2px,transparent 3px),
    radial-gradient(circle at 9% 50%,rgba(80,217,255,.14) 0 2px,transparent 3px)!important;
}
.mesh-connections{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  pointer-events:none!important;
}
.mesh-lines path{
  fill:none!important;
  stroke:url(#meshLine)!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
  stroke-dasharray:5 8!important;
  opacity:.72!important;
  animation:mesh-flow 7s linear infinite!important;
}
.mesh-lines path:nth-child(even){animation-direction:reverse!important;animation-duration:9s!important}
.mesh-pulses circle{
  fill:url(#meshPulse)!important;
  transform-box:fill-box!important;
  transform-origin:center!important;
}
.mesh-pulses .pulse{
  animation:mesh-node-pulse 2.4s ease-in-out infinite!important;
}
.mesh-pulses .pulse-2{animation-delay:.25s!important}
.mesh-pulses .pulse-3{animation-delay:.5s!important}
.mesh-pulses .pulse-4{animation-delay:.75s!important}
.mesh-pulses .pulse-5{animation-delay:1s!important}
.mesh-pulses .pulse-6{animation-delay:1.25s!important}

.mesh-central-logo{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:116px!important;
  height:116px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:23px!important;
  background:transparent!important;
  box-shadow:
    0 22px 50px rgba(0,0,0,.35),
    0 0 55px rgba(72,195,235,.12)!important;
}
.mesh-central-logo:before{
  content:""!important;
  position:absolute!important;
  inset:-13px!important;
  z-index:-1!important;
  border:1px solid rgba(87,210,244,.17)!important;
  border-radius:31px!important;
  animation:mesh-core-breathe 3.2s ease-in-out infinite!important;
}
.mesh-central-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:22px!important;
}
.central-status{
  position:absolute!important;
  right:5px!important;
  bottom:5px!important;
  width:13px!important;
  height:13px!important;
  border-radius:50%!important;
  background:#3de18f!important;
  border:3px solid #101b28!important;
  box-shadow:0 0 13px rgba(61,225,143,.65)!important;
}

.mesh-devices{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
}
.mesh-device{
  position:absolute!important;
  min-width:92px!important;
  max-width:112px!important;
  padding:8px 9px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  column-gap:7px!important;
  align-items:center!important;
  border-radius:13px!important;
  background:rgba(14,27,41,.94)!important;
  border:1px solid rgba(119,167,205,.17)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(10px)!important;
}
.mesh-device>i{
  grid-row:1/3!important;
  width:27px!important;
  height:27px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  font-style:normal!important;
  background:rgba(255,255,255,.045)!important;
  font-size:14px!important;
}
.mesh-device>b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1.1!important;
  color:#dce8f4!important;
}
.mesh-device>small{
  font-size:7px!important;
  color:#53d99a!important;
  margin-top:2px!important;
}
.device-1{left:18px!important;top:22px!important}
.device-2{right:18px!important;top:22px!important}
.device-3{right:10px!important;top:145px!important}
.device-4{right:29px!important;bottom:20px!important}
.device-5{left:29px!important;bottom:20px!important}
.device-6{left:10px!important;top:145px!important}

.mesh-network-label{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  bottom:9px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(7,15,24,.82)!important;
  border:1px solid rgba(105,164,204,.13)!important;
  color:#6f859b!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.mesh-network-label>i{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#42dc92!important;
  box-shadow:0 0 9px rgba(66,220,146,.55)!important;
}

@keyframes mesh-flow{
  to{stroke-dashoffset:-120}
}
@keyframes mesh-node-pulse{
  0%,100%{opacity:.45;transform:scale(.72)}
  50%{opacity:1;transform:scale(1.22)}
}
@keyframes mesh-core-breathe{
  0%,100%{opacity:.35;transform:scale(.97)}
  50%{opacity:.78;transform:scale(1.035)}
}

@media(max-width:1250px){
  .mesh-network-showcase{
    min-width:350px!important;
    width:350px!important;
    height:320px!important;
  }
  .mesh-device{transform:scale(.91)!important}
}
@media(max-width:1100px){
  .network-hero{grid-template-columns:1fr!important}
  .mesh-network-showcase{
    display:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .mesh-lines path,
  .mesh-pulses .pulse,
  .mesh-central-logo:before{
    animation:none!important;
  }
}

/* =========================================================
   PAVOONZ NETWORK v11.0.0 · MESH UI
   Rediseño visual global. No modifica lógica ni módulos.
   ========================================================= */

:root{
  --mesh-bg:#071019;
  --mesh-bg-soft:#0b1622;
  --mesh-panel:#101c29;
  --mesh-panel-2:#132131;
  --mesh-line:rgba(102,170,214,.14);
  --mesh-line-strong:rgba(97,209,241,.28);
  --mesh-cyan:#55d9ff;
  --mesh-blue:#647dff;
  --mesh-purple:#9a6dff;
  --mesh-green:#3dde92;
  --mesh-warn:#e4ab48;
  --mesh-danger:#ef4c5e;
  --mesh-text:#eef6ff;
  --mesh-muted:#7f94aa;
  --mesh-radius:16px;
  --mesh-radius-lg:22px;
  --mesh-shadow:0 18px 45px rgba(0,0,0,.24);
}

/* Fondo global */
html,body{
  background:
    radial-gradient(circle at 18% 0%,rgba(55,119,163,.11),transparent 34%),
    radial-gradient(circle at 92% 12%,rgba(121,82,201,.08),transparent 28%),
    var(--mesh-bg)!important;
  color:var(--mesh-text)!important;
}
body{
  position:relative!important;
  min-height:100vh!important;
}
.global-mesh-bg{
  position:fixed!important;
  inset:0!important;
  z-index:-5!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.mesh-plane{
  position:absolute!important;
  inset:-25%!important;
  opacity:.35!important;
  background-image:
    linear-gradient(rgba(82,151,196,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,151,196,.08) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  transform:perspective(950px) rotateX(66deg) translateY(20%)!important;
  transform-origin:center bottom!important;
  mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.75) 42%,transparent 88%)!important;
}
.mesh-plane-b{
  opacity:.14!important;
  background-size:84px 84px!important;
  transform:perspective(1100px) rotateX(72deg) translateY(38%)!important;
}
.mesh-stars{
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 7% 18%,rgba(83,216,255,.45) 0 1px,transparent 2px),
    radial-gradient(circle at 21% 68%,rgba(83,216,255,.25) 0 1px,transparent 2px),
    radial-gradient(circle at 42% 22%,rgba(110,126,255,.33) 0 1px,transparent 2px),
    radial-gradient(circle at 64% 74%,rgba(151,105,255,.24) 0 1px,transparent 2px),
    radial-gradient(circle at 84% 28%,rgba(83,216,255,.32) 0 1px,transparent 2px),
    radial-gradient(circle at 93% 81%,rgba(79,224,149,.23) 0 1px,transparent 2px)!important;
}

/* Estructura principal */
.sidebar{
  background:linear-gradient(180deg,rgba(6,13,21,.98),rgba(8,16,25,.99))!important;
  border-right:1px solid var(--mesh-line)!important;
  box-shadow:18px 0 45px rgba(0,0,0,.12)!important;
}
.main{
  background:transparent!important;
}
.topbar{
  background:linear-gradient(180deg,rgba(8,15,24,.95),rgba(8,15,24,.86))!important;
  backdrop-filter:blur(16px)!important;
  border-bottom:1px solid var(--mesh-line)!important;
}
.module-breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.breadcrumb-node{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:var(--mesh-cyan)!important;
  box-shadow:0 0 12px rgba(85,217,255,.65)!important;
}

/* Marca lateral */
.network-brand{
  border-bottom:1px solid var(--mesh-line)!important;
}
.network-brand:after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:-1px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,var(--mesh-cyan),transparent)!important;
  opacity:.38!important;
}

/* Navegación */
.nav-root,
.nav-group summary,
.nav-children a{
  position:relative!important;
  border-radius:13px!important;
  border:1px solid transparent!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.nav-root:before,
.nav-group summary:before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#405267!important;
  box-shadow:0 0 0 3px rgba(64,82,103,.08)!important;
  margin-right:1px!important;
  transition:.18s ease!important;
}
.nav-root:hover,
.nav-group summary:hover,
.nav-children a:hover{
  background:rgba(19,33,49,.8)!important;
  border-color:rgba(93,177,220,.14)!important;
}
.nav-root.active,
.nav-group[open]>summary,
.nav-children a.active{
  background:linear-gradient(90deg,rgba(37,82,111,.34),rgba(31,36,61,.42))!important;
  border-color:rgba(82,201,237,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
.nav-root.active:before,
.nav-group[open]>summary:before{
  background:var(--mesh-green)!important;
  box-shadow:0 0 12px rgba(61,222,146,.5)!important;
}
.nav-icon{
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.nav-children{
  position:relative!important;
  margin-left:20px!important;
  padding-left:12px!important;
}
.nav-children:before{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:5px!important;
  bottom:8px!important;
  width:1px!important;
  background:linear-gradient(var(--mesh-cyan),rgba(83,216,255,.05))!important;
  opacity:.4!important;
}

/* Tarjetas y paneles */
.card,
.panel,
.network-module,
.discord-kpi,
.health-card,
.item,
.kpi,
.stat-card{
  position:relative!important;
  background:
    linear-gradient(145deg,rgba(17,30,44,.96),rgba(10,19,29,.98))!important;
  border:1px solid var(--mesh-line)!important;
  border-radius:var(--mesh-radius)!important;
  box-shadow:var(--mesh-shadow),inset 0 1px 0 rgba(255,255,255,.024)!important;
  overflow:hidden!important;
}
.card:before,
.panel:before,
.network-module:before,
.kpi:before,
.stat-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,transparent 0 48%,rgba(84,203,240,.025) 49%,transparent 50%),
    linear-gradient(transparent 0 48%,rgba(84,203,240,.022) 49%,transparent 50%)!important;
  background-size:34px 34px!important;
  opacity:.28!important;
}
.card:hover,
.panel:hover,
.network-module:hover{
  border-color:rgba(84,203,240,.26)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.28),0 0 0 1px rgba(84,203,240,.025)!important;
}

/* Cabeceras internas */
.section-title-row,
.card-head,
.panel-head,
.block-head{
  position:relative!important;
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(104,148,182,.09)!important;
}
.section-title-row:after,
.card-head:after,
.panel-head:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:-1px!important;
  width:72px!important;
  height:1px!important;
  background:linear-gradient(90deg,var(--mesh-cyan),transparent)!important;
}
.section-title-row span,
.card-head small,
.panel-head small{
  color:#7394aa!important;
}

/* Hero */
.network-hero,
.discord-hero,
.system-health-hero,
.sys-overview{
  border:1px solid rgba(91,181,224,.17)!important;
  background:
    radial-gradient(circle at 0 0,rgba(50,112,149,.18),transparent 38%),
    radial-gradient(circle at 100% 100%,rgba(119,78,190,.11),transparent 36%),
    linear-gradient(145deg,#0f1c2a,#0a1420)!important;
}
.network-hero:after,
.discord-hero:after{
  color:rgba(110,158,197,.035)!important;
}

/* Botones */
.btn,
button,
.button{
  border-radius:12px!important;
  border:1px solid rgba(111,159,195,.18)!important;
  background:linear-gradient(145deg,#152536,#0f1c2a)!important;
  color:var(--mesh-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.btn:hover,
button:hover,
.button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(85,217,255,.36)!important;
  background:linear-gradient(145deg,#193048,#112238)!important;
}
.btn.primary,
button.primary,
.primary{
  background:linear-gradient(135deg,#2b8dbd,#5e68e6 58%,#8659d5)!important;
  border-color:rgba(126,214,255,.34)!important;
  box-shadow:0 10px 24px rgba(58,120,190,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.btn.danger,
button.danger{
  background:linear-gradient(135deg,#b32d42,#e14456)!important;
}

/* Formularios */
input,
select,
textarea{
  background:rgba(8,16,25,.88)!important;
  border:1px solid rgba(109,151,184,.16)!important;
  border-radius:12px!important;
  color:var(--mesh-text)!important;
}
input:hover,
select:hover,
textarea:hover{
  border-color:rgba(91,183,226,.25)!important;
}
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(85,217,255,.48)!important;
  box-shadow:0 0 0 3px rgba(85,217,255,.07),0 0 22px rgba(85,217,255,.05)!important;
}
label>span{
  color:#9eb0c2!important;
}
::placeholder{
  color:#566b80!important;
}

/* Tablas */
.table-wrap,
.responsive-table{
  border:1px solid var(--mesh-line)!important;
  border-radius:15px!important;
  background:rgba(8,16,25,.65)!important;
}
table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
thead th{
  background:linear-gradient(180deg,rgba(20,36,53,.98),rgba(14,26,39,.98))!important;
  color:#9fb3c7!important;
  border-bottom:1px solid rgba(93,159,201,.17)!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
tbody td{
  border-bottom:1px solid rgba(100,145,180,.075)!important;
}
tbody tr:hover td{
  background:rgba(40,80,106,.11)!important;
}

/* KPIs y estados */
.kpi,
.stat-card,
.metric-card{
  min-height:108px!important;
}
.status-pill,
.badge,
.tag,
.chip{
  border-radius:999px!important;
  border:1px solid rgba(104,170,207,.15)!important;
  background:rgba(31,66,87,.18)!important;
}
.success,
.ok,
.online{
  color:#58e5a0!important;
}
.warning,
.warn{
  color:#f0bd62!important;
}
.error,
.bad,
.danger{
  color:#ff6878!important;
}

/* Listados */
.item,
.list-item,
.activity-item{
  border-color:rgba(98,151,188,.1)!important;
  background:rgba(12,22,33,.78)!important;
}
.item:hover,
.list-item:hover,
.activity-item:hover{
  background:rgba(17,34,49,.9)!important;
}

/* Login */
.login-shell{
  background:
    radial-gradient(circle at 12% 15%,rgba(37,112,151,.18),transparent 31%),
    radial-gradient(circle at 90% 88%,rgba(111,72,177,.13),transparent 32%),
    #071019!important;
}
.login-visual,
.login-form-side{
  background-color:transparent!important;
}
.login-card-v102{
  border-color:rgba(95,176,216,.18)!important;
  background:
    linear-gradient(145deg,rgba(17,31,46,.97),rgba(9,18,28,.99))!important;
  box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.login-card-v102:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:
    linear-gradient(rgba(85,217,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(85,217,255,.035) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
  mask-image:linear-gradient(to bottom,#000,transparent 75%)!important;
  pointer-events:none!important;
}
.login-input{
  background:rgba(7,15,24,.9)!important;
  border-color:rgba(97,154,191,.16)!important;
}

/* Discord */
.discord-hero{
  background:
    radial-gradient(circle at 85% 20%,rgba(88,101,242,.2),transparent 33%),
    linear-gradient(135deg,#121b36,#0d1726)!important;
}
.discord-category,
.role-list>div,
.discord-roadmap li{
  border-color:rgba(110,139,255,.13)!important;
  background:rgba(16,26,43,.84)!important;
}

/* Electricidad */
.electrical-workspace,
.electrical-panel,
.circuit-card,
.board-card{
  background:linear-gradient(145deg,rgba(18,31,44,.96),rgba(10,18,27,.98))!important;
  border-color:rgba(242,185,66,.16)!important;
}
.circuit-card:before,
.board-card:before{
  background:linear-gradient(90deg,rgba(242,185,66,.035) 1px,transparent 1px),
             linear-gradient(rgba(242,185,66,.035) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
}

/* PDF Tools */
.pdf-dropzone,
.upload-zone,
.merge-zone{
  border:1px dashed rgba(85,217,255,.28)!important;
  background:rgba(12,25,37,.65)!important;
}
.pdf-dropzone:hover,
.upload-zone:hover,
.merge-zone:hover{
  border-color:rgba(85,217,255,.52)!important;
  background:rgba(15,34,48,.78)!important;
}

/* Bots */
.bot-card,
.bot-console,
.console-box{
  background:linear-gradient(145deg,#101d2b,#09131d)!important;
  border-color:rgba(155,110,255,.17)!important;
}
.bot-card:after{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:8px!important;
  right:14px!important;
  top:14px!important;
  border-radius:50%!important;
  background:var(--mesh-green)!important;
  box-shadow:0 0 12px rgba(61,222,146,.5)!important;
}

/* Estado del sistema */
.sys-metric,
.service-status-list>div,
.gemini-capabilities>div{
  background:linear-gradient(145deg,rgba(16,29,42,.97),rgba(9,18,27,.98))!important;
  border-color:rgba(95,169,210,.14)!important;
}
.sys-resource-bars progress::-webkit-progress-value{
  background:linear-gradient(90deg,var(--mesh-cyan),var(--mesh-blue),var(--mesh-purple))!important;
}

/* Changelog */
.changelog-card{
  background:linear-gradient(145deg,rgba(17,29,42,.97),rgba(10,18,27,.98))!important;
  border-color:rgba(99,164,203,.14)!important;
}
.changelog-card.current{
  border-color:rgba(85,217,255,.28)!important;
  box-shadow:0 0 0 1px rgba(85,217,255,.025),var(--mesh-shadow)!important;
}

/* Footer */
footer{
  border-top:1px solid rgba(100,150,187,.09)!important;
  color:#5f7489!important;
}

/* Scrollbars */
*{
  scrollbar-width:thin;
  scrollbar-color:#284359 #09131d;
}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#09131d}
*::-webkit-scrollbar-thumb{background:#284359;border-radius:999px;border:2px solid #09131d}

/* Móvil */
@media(max-width:900px){
  .sidebar{
    background:rgba(7,15,24,.98)!important;
    backdrop-filter:blur(20px)!important;
  }
  .mobile-bottom{
    background:rgba(7,15,24,.94)!important;
    border-top:1px solid rgba(87,184,225,.15)!important;
    box-shadow:0 -12px 34px rgba(0,0,0,.25)!important;
  }
  .mobile-bottom a.active{
    color:var(--mesh-cyan)!important;
  }
  .mobile-create-fab{
    background:linear-gradient(135deg,#2e9fc8,#6374e9 60%,#8a5dd5)!important;
    border-color:#071019!important;
    box-shadow:0 12px 32px rgba(77,133,211,.34)!important;
  }
  .quick-create-sheet section{
    background:linear-gradient(145deg,#122132,#0b1723)!important;
    border-color:rgba(92,176,218,.18)!important;
  }
  .quick-create-grid a{
    background:#111e2d!important;
    border-color:rgba(95,160,200,.13)!important;
  }
  .card,
  .panel,
  .network-module{
    border-radius:15px!important;
  }
}

/* Accesibilidad */
@media(prefers-reduced-motion:reduce){
  *{
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   PAVOONZ NETWORK v11.0.1 · Logos originales
   ========================================================= */

/* El archivo original se muestra completo, sin recorte ni zoom. */
.brand-logo-box,
.network-brand .brand-logo-box,
.brand-lockup-home .brand-logo-box,
.brand-lockup-loader .brand-logo-box,
.login-mobile-brand .brand-logo-box,
.brand-lockup-login .brand-logo-box,
.mesh-central-logo{
  overflow:hidden!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

.brand-logo-box img,
.network-brand .brand-logo-box img,
.brand-lockup-home .brand-logo-box img,
.brand-lockup-loader .brand-logo-box img,
.login-mobile-brand .brand-logo-box img,
.brand-lockup-login .brand-logo-box img,
.mesh-central-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  scale:1!important;
  zoom:1!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Menú lateral: tamaño contenido para que el logo original no se deforme. */
.network-brand>.brand-logo-box{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
}
.network-brand{
  gap:12px!important;
  align-items:center!important;
}
.network-brand>.sidebar-wordmark{
  min-width:0!important;
}
.network-brand>.sidebar-wordmark b{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Logo central de la red mesh: se respeta el archivo original completo. */
.mesh-central-logo{
  width:116px!important;
  height:116px!important;
  border-radius:22px!important;
}
.mesh-central-logo img{
  border-radius:18px!important;
}

/* Login y loader: mismo logo original, sin ampliación. */
.brand-lockup-loader .brand-logo-box{
  width:82px!important;
  height:82px!important;
}
.brand-lockup-login .brand-logo-box{
  width:78px!important;
  height:78px!important;
}
.login-mobile-brand .brand-logo-box{
  width:64px!important;
  height:64px!important;
}

/* Evita cualquier regla heredada que intente recortar la imagen. */
.home-logo-only img,
.network-core img,
.logo-only-showcase img{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

/* v11.0.2 */
.network-brand>.brand-logo-box,
.brand-logo-box{
  background:transparent!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
}
.network-brand>.brand-logo-box img{
  border-radius:0!important;
  background:transparent!important;
}

/* =========================================================
   PAVOONZ NETWORK v11.1.0 · Mesh Hub
   ========================================================= */

/* Logo lateral convertido en nodo principal flotante */
.mesh-hub-brand{
  position:relative!important;
  overflow:visible!important;
  padding:16px 12px 22px!important;
  min-height:108px!important;
}
.mesh-hub-logo{
  position:relative!important;
  width:62px!important;
  height:62px!important;
  flex:0 0 62px!important;
  display:grid!important;
  place-items:center!important;
}
.mesh-hub-logo .brand-logo-box{
  position:relative!important;
  z-index:3!important;
  width:54px!important;
  height:54px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.mesh-hub-logo .brand-logo-box img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.mesh-hub-ring{
  position:absolute!important;
  inset:3px!important;
  border-radius:50%!important;
  border:1px solid rgba(86,215,255,.34)!important;
  pointer-events:none!important;
}
.mesh-hub-ring.ring-a{
  animation:mesh-hub-spin 8s linear infinite!important;
  box-shadow:0 0 24px rgba(86,215,255,.12)!important;
}
.mesh-hub-ring.ring-a:before,
.mesh-hub-ring.ring-a:after{
  content:""!important;
  position:absolute!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#55d9ff!important;
  box-shadow:0 0 10px rgba(85,217,255,.8)!important;
}
.mesh-hub-ring.ring-a:before{left:50%!important;top:-3px!important;transform:translateX(-50%)!important}
.mesh-hub-ring.ring-a:after{right:-3px!important;top:50%!important;transform:translateY(-50%)!important}
.mesh-hub-ring.ring-b{
  inset:-4px!important;
  border-style:dashed!important;
  border-color:rgba(143,104,255,.18)!important;
  animation:mesh-hub-spin-reverse 13s linear infinite!important;
}
.mesh-hub-status{
  position:absolute!important;
  z-index:4!important;
  right:1px!important;
  bottom:2px!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:#3dde92!important;
  border:2px solid #071019!important;
  box-shadow:0 0 12px rgba(61,222,146,.75)!important;
}
.mesh-hub-brand:before{
  content:""!important;
  position:absolute!important;
  left:41px!important;
  top:88px!important;
  width:1px!important;
  height:18px!important;
  background:linear-gradient(var(--mesh-cyan),transparent)!important;
  opacity:.55!important;
}
.mesh-hub-brand:after{
  content:""!important;
  position:absolute!important;
  left:37px!important;
  top:101px!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:rgba(85,217,255,.12)!important;
  border:1px solid rgba(85,217,255,.28)!important;
  box-shadow:0 0 12px rgba(85,217,255,.18)!important;
}
.mesh-hub-brand .sidebar-wordmark b{
  letter-spacing:.02em!important;
}
.mesh-hub-brand .sidebar-wordmark small{
  letter-spacing:.3em!important;
}

/* Inicio como centro real de la malla lateral */
.network-root{
  position:relative!important;
  overflow:visible!important;
}
.network-root:after{
  content:""!important;
  position:absolute!important;
  left:25px!important;
  top:100%!important;
  width:1px!important;
  height:15px!important;
  background:linear-gradient(var(--mesh-cyan),transparent)!important;
  opacity:.35!important;
}
.network-root.active{
  box-shadow:
    inset 0 0 0 1px rgba(85,217,255,.03),
    0 0 24px rgba(85,217,255,.06)!important;
}
.network-root.active .nav-icon{
  box-shadow:
    inset 0 0 0 1px rgba(85,217,255,.12),
    0 0 18px rgba(85,217,255,.16)!important;
}

/* Sensación de red conectada en todos los grupos */
.nav-group{
  position:relative!important;
}
.nav-group:before{
  content:""!important;
  position:absolute!important;
  left:24px!important;
  top:-8px!important;
  width:1px!important;
  height:10px!important;
  background:rgba(85,217,255,.14)!important;
}
.nav-group summary .nav-icon{
  position:relative!important;
}
.nav-group summary .nav-icon:after{
  content:""!important;
  position:absolute!important;
  right:-6px!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#3b4f62!important;
  transform:translateY(-50%)!important;
  transition:.18s ease!important;
}
.nav-group[open] summary .nav-icon:after{
  background:#3dde92!important;
  box-shadow:0 0 9px rgba(61,222,146,.58)!important;
}

/* Hero principal: Inicio como hub */
.mesh-network-label{
  color:#8fa4ba!important;
}
.mesh-network-label:before{
  content:"⌂"!important;
  color:#55d9ff!important;
  font-size:9px!important;
  margin-right:1px!important;
}
.mesh-central-logo:after{
  content:"INICIO"!important;
  position:absolute!important;
  left:50%!important;
  top:calc(100% + 12px)!important;
  transform:translateX(-50%)!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.2em!important;
  color:#7fdff7!important;
  white-space:nowrap!important;
}

/* Halo central más elegante */
.mesh-central-logo{
  box-shadow:
    0 22px 50px rgba(0,0,0,.35),
    0 0 30px rgba(85,217,255,.11),
    0 0 70px rgba(137,101,255,.08)!important;
}
.mesh-central-logo:before{
  border-color:rgba(85,217,255,.22)!important;
}
.mesh-central-logo:after{
  text-shadow:0 0 10px rgba(85,217,255,.35)!important;
}

/* Móvil */
@media(max-width:900px){
  .mesh-hub-brand{
    min-height:98px!important;
  }
  .mesh-hub-logo{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }
  .mesh-hub-logo .brand-logo-box{
    width:50px!important;
    height:50px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .mesh-hub-ring.ring-a,
  .mesh-hub-ring.ring-b{
    animation:none!important;
  }
}
@keyframes mesh-hub-spin{
  to{transform:rotate(360deg)}
}
@keyframes mesh-hub-spin-reverse{
  to{transform:rotate(-360deg)}
}

/* =========================================================
   PAVOONZ NETWORK v11.2.0 · Branding refinado
   ========================================================= */

/* Logo lateral ligeramente mayor, manteniendo proporciones originales */
.mesh-hub-brand{
  min-height:116px!important;
  padding:15px 12px 24px!important;
  gap:14px!important;
}
.mesh-hub-logo{
  width:74px!important;
  height:74px!important;
  flex:0 0 74px!important;
}
.mesh-hub-logo .brand-logo-box{
  width:66px!important;
  height:66px!important;
}
.mesh-hub-logo .brand-logo-box img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  scale:1!important;
}
.mesh-hub-ring{
  inset:2px!important;
}
.mesh-hub-ring.ring-b{
  inset:-5px!important;
}
.mesh-hub-status{
  width:12px!important;
  height:12px!important;
  right:0!important;
  bottom:2px!important;
}

/* Marca en mayúsculas con estilo más técnico */
.mesh-hub-brand .sidebar-wordmark{
  display:grid!important;
  align-content:center!important;
  min-width:0!important;
}
.mesh-hub-brand .sidebar-wordmark b{
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:.065em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.mesh-hub-brand .sidebar-wordmark small{
  margin-top:8px!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.34em!important;
  color:#f04b5c!important;
  white-space:nowrap!important;
}

/* Inicio como nodo principal más claro */
.network-root .nav-icon{
  background:linear-gradient(135deg,#173348,#0d2232)!important;
  border-color:rgba(85,217,255,.18)!important;
}
.network-root.active .nav-icon{
  box-shadow:
    inset 0 0 0 1px rgba(85,217,255,.14),
    0 0 20px rgba(85,217,255,.18)!important;
}
.network-root:before{
  background:#3dde92!important;
  box-shadow:0 0 11px rgba(61,222,146,.55)!important;
}

/* Iconos de módulos unificados */
.nav-root .nav-icon,
.nav-group summary .nav-icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  font-size:12px!important;
}
.nav-root,
.nav-group summary{
  min-height:48px!important;
  gap:10px!important;
}
.nav-group{
  margin-bottom:3px!important;
}

/* Transiciones más suaves y menos borde visual */
.nav-root,
.nav-group summary,
.nav-children a,
.card,
.panel,
.network-module{
  transition:
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease!important;
}
.card,
.panel,
.network-module{
  border-color:rgba(101,157,194,.11)!important;
}
.card:hover,
.panel:hover,
.network-module:hover{
  border-color:rgba(85,217,255,.22)!important;
  box-shadow:
    0 22px 56px rgba(0,0,0,.26),
    0 0 28px rgba(85,217,255,.035)!important;
}

/* Mejor aspecto en pantallas grandes */
@media(min-width:1500px){
  .sidebar{
    width:232px!important;
  }
  .main{
    margin-left:232px!important;
  }
  .mesh-hub-brand .sidebar-wordmark b{
    font-size:19px!important;
  }
  .mesh-hub-logo{
    width:76px!important;
    height:76px!important;
    flex-basis:76px!important;
  }
  .mesh-hub-logo .brand-logo-box{
    width:68px!important;
    height:68px!important;
  }
}

/* Ajuste móvil */
@media(max-width:900px){
  .mesh-hub-logo{
    width:66px!important;
    height:66px!important;
    flex-basis:66px!important;
  }
  .mesh-hub-logo .brand-logo-box{
    width:58px!important;
    height:58px!important;
  }
  .mesh-hub-brand .sidebar-wordmark b{
    font-size:16px!important;
  }
}

/* =========================================================
   PAVOONZ NETWORK v11.2.1 · Menú lateral corregido
   ========================================================= */

/* Más anchura útil para que PAVOONZ NETWORK nunca se corte. */
@media(min-width:901px){
  .sidebar{
    width:224px!important;
  }
  .main{
    margin-left:224px!important;
  }
}

/* Cabecera de marca compacta, legible y sin desbordamientos. */
.mesh-hub-brand{
  min-height:102px!important;
  padding:12px 10px 20px!important;
  gap:10px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
}
.mesh-hub-logo{
  width:62px!important;
  height:62px!important;
  flex:0 0 62px!important;
}
.mesh-hub-logo .brand-logo-box{
  width:55px!important;
  height:55px!important;
}
.mesh-hub-logo .brand-logo-box img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  border:0!important;
  box-shadow:none!important;
}
.mesh-hub-ring{inset:2px!important}
.mesh-hub-ring.ring-b{inset:-3px!important}
.mesh-hub-status{
  width:10px!important;
  height:10px!important;
  right:1px!important;
  bottom:2px!important;
}

/* Wordmark completo: PAVOONZ / NETWORK, sin puntos suspensivos. */
.mesh-hub-brand .sidebar-wordmark{
  display:grid!important;
  align-content:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  padding-right:18px!important;
}
.mesh-hub-brand .sidebar-wordmark b{
  display:block!important;
  width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  line-height:1!important;
}
.mesh-hub-brand .sidebar-wordmark small{
  display:block!important;
  width:100%!important;
  margin-top:7px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.29em!important;
  color:#f04b5c!important;
}
.mesh-hub-brand .app-version-brand{
  right:8px!important;
  bottom:5px!important;
}

/* Ajustar el conector inferior a las nuevas dimensiones. */
.mesh-hub-brand:before{
  left:40px!important;
  top:88px!important;
  height:13px!important;
}
.mesh-hub-brand:after{
  left:36px!important;
  top:97px!important;
  width:8px!important;
  height:8px!important;
}

/* Un solo punto de estado por módulo.
   Se conserva el punto izquierdo y se elimina el segundo junto al icono. */
.nav-group summary .nav-icon:after,
.nav-root .nav-icon:after{
  content:none!important;
  display:none!important;
}
.nav-root:before,
.nav-group summary:before{
  flex:0 0 6px!important;
  width:6px!important;
  height:6px!important;
  margin-right:1px!important;
}

/* Evitar conectores verticales que parezcan puntos adicionales. */
.nav-group:before{
  display:none!important;
  content:none!important;
}
.network-root:after{
  display:none!important;
  content:none!important;
}

/* Espaciado uniforme del menú después de eliminar indicadores duplicados. */
.nav-root,
.nav-group summary{
  grid-template-columns:auto 28px minmax(0,1fr) auto!important;
  min-height:46px!important;
  padding-left:9px!important;
  padding-right:9px!important;
}
.nav-root{
  display:grid!important;
  grid-template-columns:auto 28px minmax(0,1fr)!important;
  align-items:center!important;
}
.nav-group summary{
  display:grid!important;
  align-items:center!important;
}
.nav-root>span:last-child,
.nav-group summary>span:nth-of-type(2){
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* En móvil también debe mostrarse la marca completa. */
@media(max-width:900px){
  .mesh-hub-brand{
    min-height:98px!important;
    padding:12px 10px 19px!important;
  }
  .mesh-hub-logo{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }
  .mesh-hub-logo .brand-logo-box{
    width:51px!important;
    height:51px!important;
  }
  .mesh-hub-brand .sidebar-wordmark b{
    font-size:14px!important;
  }
  .mesh-hub-brand .sidebar-wordmark small{
    font-size:5.7px!important;
    letter-spacing:.27em!important;
  }
}

/* =========================================================
   PAVOONZ NETWORK v11.3.0 · Propietario y bienvenida
   ========================================================= */

/* Login ocupa la pantalla correctamente y los avisos no desplazan el diseño. */
.page-login .topbar.hidden-title{display:none!important}
.page-login footer{display:none!important}
.page-login .main.full{
  display:block!important;
  width:100%!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.page-login .login-shell{
  width:100%!important;
  min-height:100vh!important;
  margin:0!important;
}
.page-login .flash{
  position:fixed!important;
  z-index:300!important;
  top:18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:min(92vw,620px)!important;
  margin:0!important;
  background:rgba(16,31,46,.97)!important;
  border-color:rgba(85,217,255,.24)!important;
  color:#dcecff!important;
  box-shadow:0 18px 45px rgba(0,0,0,.35)!important;
}

/* Marca lateral más legible. */
@media(min-width:901px){
  .sidebar{width:250px!important}
  .main{margin-left:250px!important}
}
.mesh-hub-brand .sidebar-wordmark b{
  font-size:17px!important;
  letter-spacing:.05em!important;
}
.mesh-hub-brand .sidebar-wordmark small{
  font-size:6.4px!important;
}

/* Inicio: bienvenida y nombre coloreado según el rol. */
.page-network_home .title-block h1{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:8px 14px!important;
}
.network-title-brand{
  color:#f2f7fd!important;
  font-weight:950!important;
}
.network-title-welcome{
  font-size:15px!important;
  font-weight:650!important;
  color:#71869b!important;
  letter-spacing:0!important;
}
.network-title-welcome b{font-weight:900!important}
.welcome-role-owner,.role-text-owner{color:#f3c64f!important;text-shadow:0 0 16px rgba(243,198,79,.18)!important}
.welcome-role-admin,.role-text-admin{color:#ff596b!important;text-shadow:0 0 16px rgba(255,89,107,.16)!important}
.welcome-role-user,.role-text-user{color:#55bfff!important;text-shadow:0 0 16px rgba(85,191,255,.16)!important}

/* Chips y perfiles por rol. */
.user-chip.role-owner{
  border-color:rgba(243,198,79,.42)!important;
  background:linear-gradient(135deg,rgba(243,198,79,.11),rgba(34,27,14,.34))!important;
  box-shadow:0 0 24px rgba(243,198,79,.08)!important;
}
.user-chip.role-owner>div span{color:#f3c64f!important}
.user-chip.role-admin>div span{color:#ff6575!important}
.user-chip.role-user>div span{color:#61c4ff!important}
.role-badge.owner,.role-card-owner .role-badge{color:#f5cf61!important;background:rgba(243,198,79,.12)!important;border-color:rgba(243,198,79,.27)!important}
.role-badge.admin{color:#ff6b79!important}
.role-badge.user{color:#62c6ff!important}

/* El punto verde sobre el logo central desaparece por completo. */
.mesh-central-logo .central-status,
.central-status{display:none!important}

/* Enlace exclusivo del propietario. */
.owner-only-link{
  color:#f2cc61!important;
  border-color:rgba(243,198,79,.14)!important;
  background:rgba(243,198,79,.035)!important;
}
.owner-only-link:hover,.owner-only-link.active{
  color:#ffe28b!important;
  border-color:rgba(243,198,79,.32)!important;
  background:rgba(243,198,79,.09)!important;
}

/* Panel del propietario. */
.owner-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(243,198,79,.14),transparent 34%),
    linear-gradient(135deg,#151f2a,#0b151f)!important;
  border-color:rgba(243,198,79,.22)!important;
}
.owner-kicker{font-size:9px!important;letter-spacing:.18em!important;color:#d5ad47!important;font-weight:950!important}
.owner-hero h2{font-size:clamp(26px,3.2vw,43px)!important;margin:8px 0 9px!important;letter-spacing:-.045em!important}
.owner-hero p{max-width:800px!important;margin:0!important}
.owner-seal{
  width:116px!important;height:116px!important;flex:0 0 116px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;align-content:center!important;
  font-size:38px!important;color:#f6d36e!important;
  background:radial-gradient(circle,rgba(243,198,79,.16),rgba(11,20,29,.9))!important;
  border:1px solid rgba(243,198,79,.3)!important;
  box-shadow:0 0 40px rgba(243,198,79,.11)!important;
}
.owner-seal small{font-size:7px!important;letter-spacing:.14em!important;margin-top:3px!important}
.owner-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:18px!important}
.owner-stats article{
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;
  padding:17px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#111e2c,#0a151f)!important;border:1px solid rgba(243,198,79,.13)!important;
}
.owner-stats article>span{width:45px!important;height:45px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:rgba(243,198,79,.08)!important;font-size:21px!important}
.owner-stats small{font-size:8px!important;letter-spacing:.1em!important;color:#876f3e!important}.owner-stats b{display:block!important;font-size:18px!important;margin:3px 0!important}.owner-stats p{margin:0!important;font-size:10px!important}
.owner-protection-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.owner-protection-grid>div{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;padding:13px!important;border-radius:13px!important;background:#0d1823!important;border:1px solid rgba(243,198,79,.1)!important}
.owner-protection-grid i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;font-style:normal!important;color:#f1c65a!important;background:rgba(243,198,79,.08)!important}
.owner-protection-grid p{display:grid!important;margin:0!important}.owner-protection-grid b{font-size:11px!important}.owner-protection-grid small{font-size:9px!important;color:#71859b!important;margin-top:3px!important}
.owner-transfer-form{display:grid!important;grid-template-columns:1.4fr 1fr 1fr auto!important;gap:12px!important;align-items:end!important}
.danger-badge{padding:7px 9px!important;border-radius:999px!important;color:#ff7180!important;background:rgba(239,76,94,.1)!important;border:1px solid rgba(239,76,94,.2)!important;font-size:8px!important;font-weight:900!important}
.owner-role-locked{padding:13px 14px!important;border-radius:12px!important;color:#f4cc61!important;background:rgba(243,198,79,.08)!important;border:1px solid rgba(243,198,79,.2)!important;font-weight:900!important}

@media(max-width:900px){
  .page-network_home .title-block h1{display:grid!important;gap:4px!important}
  .owner-stats{grid-template-columns:1fr!important}
  .owner-transfer-form{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .owner-hero{display:grid!important}
  .owner-seal{width:100%!important;height:72px!important;border-radius:17px!important;grid-template-columns:auto auto!important;gap:8px!important}
  .owner-protection-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   PAVOONZ NETWORK v11.4.0 · Fluidez y marca lateral
   ========================================================= */

/* Cabecera lateral más amplia y legible */
@media(min-width:901px){
  .sidebar{
    width:268px!important;
  }
  .main{
    margin-left:268px!important;
  }
}
.mesh-hub-brand{
  min-height:112px!important;
  padding:13px 12px 22px!important;
  gap:13px!important;
  overflow:visible!important;
}
.mesh-hub-logo{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;
}
.mesh-hub-logo .brand-logo-box{
  width:58px!important;
  height:58px!important;
}
.mesh-hub-brand .sidebar-wordmark{
  min-width:0!important;
  overflow:visible!important;
  padding-right:8px!important;
}
.mesh-hub-brand .sidebar-wordmark b{
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.mesh-hub-brand .sidebar-wordmark small{
  margin-top:8px!important;
  font-size:7px!important;
  letter-spacing:.34em!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.mesh-hub-brand .app-version-brand{
  right:9px!important;
  bottom:5px!important;
}

/* Animaciones más fluidas y menos pesadas */
:root{
  --motion-fast:140ms;
  --motion-normal:210ms;
  --motion-slow:320ms;
}
.nav-root,
.nav-group summary,
.nav-children a,
.card,
.panel,
.network-module,
.btn,
button,
input,
select,
textarea,
.item,
.list-item{
  transition-duration:var(--motion-normal)!important;
  transition-timing-function:cubic-bezier(.22,.8,.24,1)!important;
  will-change:transform,opacity,border-color!important;
}
.card:hover,
.panel:hover,
.network-module:hover,
.btn:hover,
button:hover{
  transform:translate3d(0,-1px,0)!important;
}

/* Evitar renderizados costosos innecesarios */
.card,
.panel,
.network-module,
.discord-kpi,
.health-card,
.item,
.kpi,
.stat-card{
  contain:layout paint style!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
.main,
.sidebar,
.topbar,
.mobile-bottom{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}

/* Blur reducido: mantiene el estilo mesh pero mejora rendimiento */
.topbar{
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
.mobile-bottom,
.quick-create-sheet section,
.mesh-device{
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}

/* Sombras más ligeras */
.card,
.panel,
.network-module,
.discord-kpi,
.health-card,
.item,
.kpi,
.stat-card{
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.card:hover,
.panel:hover,
.network-module:hover{
  box-shadow:0 16px 36px rgba(0,0,0,.21),0 0 20px rgba(85,217,255,.025)!important;
}

/* Malla global más ligera */
.mesh-plane{
  opacity:.22!important;
  background-size:54px 54px!important;
}
.mesh-plane-b{
  display:none!important;
}
.mesh-stars{
  opacity:.7!important;
}

/* Menos animaciones simultáneas */
.mesh-lines path{
  animation-duration:11s!important;
}
.mesh-pulses .pulse{
  animation-duration:3.4s!important;
}
.mesh-hub-ring.ring-a{
  animation-duration:13s!important;
}
.mesh-hub-ring.ring-b{
  animation-duration:19s!important;
}
.mesh-central-logo:before{
  animation-duration:4.5s!important;
}

/* Scroll más suave sin afectar accesibilidad */
html{
  scroll-behavior:smooth!important;
}
.sidebar nav,
.network-right-rail,
.table-wrap,
.responsive-table{
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

/* Evita saltos visuales al cargar imágenes */
img{
  content-visibility:auto!important;
}
.network-brand img,
.mesh-central-logo img,
.user-chip img{
  content-visibility:visible!important;
}

/* Optimización móvil */
@media(max-width:900px){
  .mesh-hub-brand .sidebar-wordmark b{
    font-size:18px!important;
  }
  .mesh-hub-brand .sidebar-wordmark small{
    font-size:6.5px!important;
  }
  .global-mesh-bg{
    opacity:.65!important;
  }
  .card,
  .panel,
  .network-module{
    box-shadow:0 9px 22px rgba(0,0,0,.16)!important;
  }
}

/* En dispositivos con menos recursos, reducir efectos automáticamente */
@media(max-width:700px), (prefers-reduced-motion:reduce){
  .mesh-plane,
  .mesh-stars{
    opacity:.12!important;
  }
  .mesh-lines path,
  .mesh-pulses .pulse,
  .mesh-hub-ring,
  .mesh-central-logo:before{
    animation:none!important;
  }
  .topbar,
  .mobile-bottom,
  .quick-create-sheet section,
  .mesh-device{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html{
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   PAVOONZ NETWORK v12.0.0 · Corrección changelog y móvil
   ========================================================= */

/* Changelog v12 */
.changelog-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin-bottom:18px!important;
  padding:26px 28px!important;
  background:
    radial-gradient(circle at 95% 15%,rgba(239,76,94,.14),transparent 32%),
    linear-gradient(135deg,#142131,#0b1622)!important;
}
.changelog-hero>div{min-width:0!important}
.version-pill{
  display:inline-flex!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  color:#ff8794!important;
  background:rgba(239,76,94,.11)!important;
  border:1px solid rgba(239,76,94,.26)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
.changelog-hero h2{
  margin:14px 0 8px!important;
  font-size:clamp(28px,3vw,44px)!important;
  letter-spacing:-.04em!important;
}
.changelog-hero p{margin:0!important;max-width:850px!important}
.changelog-hero>strong{
  flex:0 0 auto!important;
  font-size:clamp(48px,6vw,82px)!important;
  line-height:1!important;
  color:#fff!important;
  text-shadow:0 0 34px rgba(239,76,94,.28)!important;
}
.changelog-list{display:grid!important;gap:14px!important}
.changelog-card{padding:20px!important}
.changelog-card header{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  padding-bottom:13px!important;
  border-bottom:1px solid rgba(100,150,187,.1)!important;
}
.changelog-card header>div{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
.changelog-card header h2{margin:0!important;font-size:15px!important}
.changelog-card time{font-size:9px!important;color:#73869a!important;white-space:nowrap!important}
.changelog-card h3{margin:17px 0 11px!important}
.changelog-card li{margin:8px 0!important;line-height:1.55!important}

/* Mobile sidebar definitive behavior */
@media(max-width:900px){
  body{
    overflow-x:hidden!important;
  }
  .sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:min(86vw,320px)!important;
    max-width:320px!important;
    height:100dvh!important;
    z-index:220!important;
    transform:translate3d(-104%,0,0)!important;
    transition:transform .24s cubic-bezier(.22,.8,.24,1)!important;
    box-shadow:18px 0 55px rgba(0,0,0,.46)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.mobile-menu-open .sidebar,
  .sidebar.mobile-open,
  .sidebar.open{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .main{
    width:100%!important;
    margin-left:0!important;
    min-width:0!important;
  }
  .mobile-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:210!important;
    background:rgba(2,8,14,.68)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  body.mobile-menu-open .mobile-backdrop,
  .mobile-backdrop.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.mobile-menu-open{
    overflow:hidden!important;
  }
  .sidebar nav{
    padding-bottom:110px!important;
  }
  .topbar{
    left:0!important;
    width:100%!important;
  }
  .changelog-hero{
    display:grid!important;
    padding:20px!important;
  }
  .changelog-hero>strong{
    font-size:52px!important;
  }
}
@media(max-width:560px){
  .sidebar{
    width:min(90vw,305px)!important;
  }
  .changelog-card header{
    align-items:flex-start!important;
  }
  .changelog-card header h2{
    font-size:13px!important;
  }
}

/* =========================================================
   PAVOONZ NETWORK v12.0.0 · Correcciones finales
   ========================================================= */

/* Login limpio: ningún control móvil debe aparecer abajo a la izquierda. */
.page-login .mobile-bottom,
.page-login .mobile-create-fab,
.page-login .mobile-menu-trigger,
.page-login .mobile-backdrop,
.page-login .quick-create-sheet,
.page-login .sidebar,
.page-login .sidebar-toggle,
.page-login .mobile-toggle,
.page-login .menu-toggle{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.page-login::before,
.page-login::after{
  content:none!important;
}
.page-login .main.full{
  min-height:100dvh!important;
}
.page-login .login-shell{
  min-height:100dvh!important;
}

/* Las 6 conexiones mesh se ven con claridad. */
.mesh-connections{
  z-index:2!important;
  overflow:visible!important;
}
.mesh-lines path{
  display:block!important;
  visibility:visible!important;
  opacity:.9!important;
  stroke:url(#meshLine)!important;
  stroke-width:1.55!important;
  stroke-dasharray:7 7!important;
  vector-effect:non-scaling-stroke!important;
  filter:drop-shadow(0 0 3px rgba(85,217,255,.22))!important;
}
.mesh-lines .line-pdf,
.mesh-lines .line-discord{
  opacity:1!important;
  stroke-width:1.75!important;
}
.mesh-devices{
  z-index:4!important;
}
.mesh-central-logo{
  z-index:5!important;
}

/* Menú móvil/iPhone: botón visible, área táctil grande y panel funcional. */
.mobile-menu-trigger{
  display:none;
}
@media(max-width:900px){
  .mobile-menu-trigger{
    position:fixed!important;
    z-index:235!important;
    left:14px!important;
    top:calc(12px + env(safe-area-inset-top))!important;
    width:46px!important;
    height:46px!important;
    padding:0!important;
    display:grid!important;
    place-content:center!important;
    gap:4px!important;
    border-radius:14px!important;
    background:rgba(13,26,39,.96)!important;
    border:1px solid rgba(85,217,255,.24)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
    transform:none!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }
  .mobile-menu-trigger span{
    display:block!important;
    width:20px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#dff6ff!important;
    transition:transform .2s ease,opacity .2s ease!important;
  }
  .mobile-menu-trigger.active span:nth-child(1){
    transform:translateY(6px) rotate(45deg)!important;
  }
  .mobile-menu-trigger.active span:nth-child(2){
    opacity:0!important;
  }
  .mobile-menu-trigger.active span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg)!important;
  }
  .topbar{
    padding-left:70px!important;
  }
  .sidebar{
    padding-top:env(safe-area-inset-top)!important;
  }
  body.mobile-menu-open .sidebar{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.mobile-menu-open .mobile-menu-trigger{
    left:min(calc(86vw - 60px),260px)!important;
  }
}
@media(max-width:390px){
  .mobile-menu-trigger{
    left:10px!important;
    width:44px!important;
    height:44px!important;
  }
  .topbar{
    padding-left:62px!important;
  }
}

/* Evitar que reglas antiguas oculten el botón en iOS/PWA. */
@supports(-webkit-touch-callout:none){
  @media(max-width:900px){
    .mobile-menu-trigger{
      display:grid!important;
      visibility:visible!important;
      opacity:1!important;
    }
  }
}

/* =========================================================
   PAVOONZ NETWORK v12.0.0 · Menú móvil unificado
   ========================================================= */

/* Nunca debe existir un segundo botón sobre la barra de estado de iOS. */
.mobile-menu-trigger,
.mobile-backdrop{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Solo se utiliza el botón original de la plantilla. */
@media(max-width:900px){
  .mobile-toggle{
    display:grid!important;
    place-items:center!important;
    position:fixed!important;
    z-index:230!important;
    left:14px!important;
    top:calc(env(safe-area-inset-top) + 72px)!important;
    width:48px!important;
    height:48px!important;
    padding:0!important;
    border-radius:15px!important;
    background:rgba(13,26,39,.97)!important;
    border:1px solid rgba(85,217,255,.28)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.30)!important;
    color:#e5f7ff!important;
    font-size:29px!important;
    line-height:1!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }

  body.open .mobile-toggle{
    color:#ffffff!important;
    border-color:rgba(255,255,255,.25)!important;
  }

  .topbar{
    padding-left:72px!important;
  }

  .menu-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:210!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    background:rgba(2,8,14,.68)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }

  body.open .menu-backdrop{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .sidebar{
    z-index:220!important;
  }

  body.open .sidebar{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* En la pantalla de login no debe mostrarse ningún botón de menú. */
.page-login .mobile-toggle,
.page-login .menu-backdrop{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media(max-width:390px){
  .mobile-toggle{
    left:10px!important;
    top:calc(env(safe-area-inset-top) + 68px)!important;
    width:46px!important;
    height:46px!important;
  }
}

/* =========================================================
   PAVOONZ NETWORK v12.1.0 · NOVA UI
   ========================================================= */
:root{
  --nova-bg:#080d14;
  --nova-surface:#0e1722;
  --nova-surface-2:#121e2c;
  --nova-surface-3:#172536;
  --nova-border:rgba(132,157,184,.14);
  --nova-border-hover:rgba(112,190,225,.28);
  --nova-text:#f3f7fb;
  --nova-muted:#8295aa;
  --nova-blue:#4ab7e8;
  --nova-indigo:#6f72ea;
  --nova-purple:#9b68e8;
  --nova-green:#42d894;
  --nova-yellow:#e8bd54;
  --nova-red:#ef5868;
  --nova-radius:15px;
  --nova-radius-lg:22px;
  --nova-shadow:0 14px 36px rgba(0,0,0,.22);
}

/* Fondo limpio */
html,body{
  background:
    radial-gradient(circle at 78% 0%,rgba(92,92,196,.07),transparent 30%),
    radial-gradient(circle at 12% 20%,rgba(56,149,191,.06),transparent 28%),
    var(--nova-bg)!important;
}
.global-mesh-bg{display:none!important}

/* Menú lateral nuevo */
.sidebar{
  background:linear-gradient(180deg,#090f17,#080e15)!important;
  border-right:1px solid rgba(134,157,181,.12)!important;
  box-shadow:12px 0 34px rgba(0,0,0,.13)!important;
}
.nova-brand{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:92px!important;
  padding:14px 12px 18px!important;
  border-bottom:1px solid rgba(134,157,181,.1)!important;
  overflow:hidden!important;
}
.nova-logo{
  width:57px!important;
  height:57px!important;
  flex:0 0 57px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
}
.nova-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
}
.nova-wordmark{display:grid!important;min-width:0!important}
.nova-wordmark b{
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
.nova-wordmark small{
  margin-top:7px!important;
  color:#f05a68!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.3em!important;
}
.nova-brand .app-version-brand{
  right:8px!important;
  bottom:5px!important;
}

/* Desactivar definitivamente animaciones antiguas del logo */
.mesh-hub-ring,.mesh-hub-status,.mesh-hub-brand:before,.mesh-hub-brand:after{
  display:none!important;
  animation:none!important;
}
.mesh-hub-logo{animation:none!important}

/* Navegación */
.sidebar nav{padding:10px 8px 110px!important}
.nav-root,
.nav-group summary{
  min-height:45px!important;
  margin:3px 0!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
.nav-root:before,.nav-group summary:before{display:none!important}
.nav-root:hover,.nav-group summary:hover{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(132,157,184,.1)!important;
}
.nav-root.active,.nav-group[open]>summary{
  background:linear-gradient(90deg,rgba(71,164,208,.15),rgba(99,91,194,.09))!important;
  border-color:rgba(86,181,219,.25)!important;
  box-shadow:inset 3px 0 0 var(--nova-blue)!important;
}
.nav-icon{
  width:31px!important;height:31px!important;min-width:31px!important;
  border-radius:10px!important;
  background:var(--nova-surface-3)!important;
  border:1px solid rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
.nav-root>span:last-child,.nav-group summary>span:nth-of-type(2){
  font-size:11px!important;
  font-weight:800!important;
}
.nav-group summary>b{color:#63778c!important}
.nav-children{
  margin:4px 0 8px 25px!important;
  padding:2px 0 2px 13px!important;
  border-left:1px solid rgba(98,149,184,.18)!important;
}
.nav-children:before{display:none!important}
.nav-children a{
  min-height:34px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  color:#8295aa!important;
  font-size:10px!important;
}
.nav-children a:hover,.nav-children a.active{
  color:#eef7ff!important;
  background:rgba(71,157,200,.09)!important;
}

/* Cabecera */
.topbar{
  background:rgba(8,14,22,.94)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  border-bottom:1px solid rgba(133,157,183,.1)!important;
  box-shadow:none!important;
}
.title-block h1{letter-spacing:-.035em!important}
.module-breadcrumb{color:#6f859a!important}
.breadcrumb-node{background:var(--nova-blue)!important}

/* Contenido */
.main{background:transparent!important}
.card,.panel,.network-module,.item,.kpi,.stat-card,.discord-kpi,.health-card{
  background:linear-gradient(145deg,rgba(16,27,40,.97),rgba(11,20,30,.98))!important;
  border:1px solid var(--nova-border)!important;
  border-radius:var(--nova-radius)!important;
  box-shadow:var(--nova-shadow)!important;
}
.card:before,.panel:before,.network-module:before,.kpi:before,.stat-card:before{
  display:none!important;
}
.card:hover,.panel:hover,.network-module:hover{
  border-color:var(--nova-border-hover)!important;
  box-shadow:0 17px 42px rgba(0,0,0,.24)!important;
}

/* Hero e Inicio */
.network-hero,.discord-hero,.sys-overview,.system-health-hero{
  background:
    radial-gradient(circle at 0 0,rgba(51,139,180,.15),transparent 38%),
    radial-gradient(circle at 100% 100%,rgba(111,84,190,.1),transparent 36%),
    linear-gradient(145deg,#101d2a,#0b1520)!important;
  border-color:rgba(96,170,207,.2)!important;
}
.network-eyebrow,.sys-eyebrow,.discord-kicker,.login-kicker{
  color:#65c6e6!important;
}
.network-module{
  min-height:150px!important;
  padding:20px!important;
}
.network-module:hover{transform:translateY(-2px)!important}

/* Formularios */
input,select,textarea{
  background:#09131d!important;
  border:1px solid rgba(126,154,181,.16)!important;
  border-radius:11px!important;
  color:var(--nova-text)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(74,183,232,.48)!important;
  box-shadow:0 0 0 3px rgba(74,183,232,.075)!important;
}

/* Botones */
.btn,button,.button{
  min-height:40px!important;
  border-radius:11px!important;
  border:1px solid rgba(131,158,184,.16)!important;
  background:#142233!important;
  box-shadow:none!important;
}
.btn:hover,button:hover,.button:hover{
  border-color:rgba(74,183,232,.34)!important;
  background:#192b3f!important;
  transform:translateY(-1px)!important;
}
.btn.primary,button.primary,.primary{
  background:linear-gradient(135deg,var(--nova-blue),var(--nova-indigo) 58%,var(--nova-purple))!important;
  border-color:rgba(122,208,241,.25)!important;
}
.btn.danger,button.danger{background:linear-gradient(135deg,#bd3447,#e65161)!important}

/* Tablas */
.table-wrap,.responsive-table{
  border:1px solid var(--nova-border)!important;
  border-radius:14px!important;
  background:#0a141e!important;
}
thead th{
  background:#121f2d!important;
  color:#91a5b8!important;
  border-bottom:1px solid rgba(130,157,183,.13)!important;
}
tbody td{border-bottom:1px solid rgba(130,157,183,.07)!important}
tbody tr:hover td{background:rgba(74,145,180,.07)!important}

/* Login */
.login-shell{
  background:
    radial-gradient(circle at 0 0,rgba(171,73,93,.1),transparent 32%),
    radial-gradient(circle at 100% 100%,rgba(84,72,171,.09),transparent 34%),
    #081019!important;
}
.login-card-v102{
  border-color:rgba(99,169,205,.18)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.29)!important;
}
.login-card-v102:before{display:none!important}

/* Estado, roles y etiquetas */
.badge,.tag,.chip,.status-pill{
  border-radius:999px!important;
  background:rgba(69,118,148,.12)!important;
  border-color:rgba(100,163,198,.16)!important;
}
.success,.ok,.online{color:var(--nova-green)!important}
.warning,.warn{color:var(--nova-yellow)!important}
.error,.bad,.danger{color:var(--nova-red)!important}

/* Changelog Nova */
.release-hero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:25px!important;
  padding:28px!important;
  margin-bottom:18px!important;
  border-radius:var(--nova-radius-lg)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(110,101,232,.2),transparent 34%),
    linear-gradient(145deg,#142535,#0d1824)!important;
  border:1px solid rgba(102,175,211,.19)!important;
}
.release-hero span{font-size:9px!important;letter-spacing:.14em!important;color:#70cce9!important;font-weight:900!important}
.release-hero h2{font-size:clamp(34px,4vw,60px)!important;margin:8px 0!important}
.release-hero p{max-width:720px!important}
.release-hero strong{font-size:clamp(54px,7vw,92px)!important;color:#fff!important;opacity:.94!important}
.release-timeline{display:grid!important;gap:14px!important}
.release-card{
  padding:20px!important;
  border-radius:var(--nova-radius)!important;
  background:#0f1b28!important;
  border:1px solid var(--nova-border)!important;
}
.release-card.current{border-color:rgba(74,183,232,.3)!important}
.release-card header{display:flex!important;justify-content:space-between!important;border-bottom:1px solid rgba(132,157,184,.1)!important;padding-bottom:12px!important}
.release-card header span{font-weight:900!important;color:#72cae7!important}
.release-card time{font-size:9px!important;color:#71859a!important}

/* Rendimiento y fluidez */
*{
  transition-duration:.18s!important;
  transition-timing-function:cubic-bezier(.22,.75,.25,1)!important;
}
.mesh-plane,.mesh-stars,.mesh-hub-ring,.mesh-central-logo:before{
  animation:none!important;
}
.card,.panel,.network-module{
  contain:layout paint style!important;
}

/* Móvil */
@media(max-width:900px){
  .sidebar{
    width:min(86vw,315px)!important;
  }
  .nova-brand{min-height:86px!important}
  .nova-logo{width:51px!important;height:51px!important;flex-basis:51px!important}
  .nova-wordmark b{font-size:17px!important}
  .mobile-bottom{
    background:rgba(8,14,22,.97)!important;
    border-top:1px solid rgba(133,157,183,.12)!important;
    box-shadow:0 -9px 26px rgba(0,0,0,.24)!important;
  }
  .mobile-create-fab{
    background:linear-gradient(135deg,var(--nova-blue),var(--nova-indigo),var(--nova-purple))!important;
  }
  .release-hero{display:grid!important;padding:21px!important}
  .release-hero strong{font-size:52px!important}
}

/* =========================================================
   PAVOONZ NETWORK v12.1.0 · Menú clásico restaurado
   ========================================================= */

/* Restaurar ancho y proporciones del menú anterior */
@media(min-width:901px){
  .sidebar{
    width:250px!important;
    background:linear-gradient(180deg,rgba(6,13,21,.99),rgba(8,16,25,.99))!important;
    border-right:1px solid rgba(102,170,214,.14)!important;
    box-shadow:18px 0 45px rgba(0,0,0,.12)!important;
  }
  .main{
    margin-left:250px!important;
  }
}

/* Marca lateral como en la versión anterior, pero estática */
.mesh-hub-static{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:105px!important;
  padding:13px 12px 21px!important;
  border-bottom:1px solid rgba(102,170,214,.14)!important;
  overflow:hidden!important;
  background:transparent!important;
}
.mesh-hub-static:before,
.mesh-hub-static:after{
  display:none!important;
  content:none!important;
}
.mesh-hub-static .mesh-hub-logo{
  position:relative!important;
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  display:grid!important;
  place-items:center!important;
  animation:none!important;
}
.mesh-hub-static .brand-logo-box{
  width:57px!important;
  height:57px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:0!important;
  background:transparent!important;
  border:1px solid rgba(104,170,207,.16)!important;
  border-radius:13px!important;
  box-shadow:none!important;
  animation:none!important;
}
.mesh-hub-static .brand-logo-box img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  animation:none!important;
  filter:none!important;
  border:0!important;
  box-shadow:none!important;
}
.mesh-hub-static .mesh-hub-status{
  display:block!important;
  position:absolute!important;
  right:1px!important;
  bottom:2px!important;
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#42d894!important;
  border:2px solid #071019!important;
  box-shadow:0 0 8px rgba(66,216,148,.42)!important;
  animation:none!important;
}
.mesh-hub-static .sidebar-wordmark{
  display:grid!important;
  align-content:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:visible!important;
  padding-right:12px!important;
}
.mesh-hub-static .sidebar-wordmark b{
  display:block!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.05em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#f4f7fb!important;
}
.mesh-hub-static .sidebar-wordmark small{
  display:block!important;
  margin-top:7px!important;
  font-size:6.3px!important;
  font-weight:900!important;
  letter-spacing:.31em!important;
  white-space:nowrap!important;
  color:#f04b5c!important;
}
.mesh-hub-static .app-version-brand{
  right:8px!important;
  bottom:5px!important;
}

/* Desactivar cualquier animación heredada del logo */
.mesh-hub-ring,
.mesh-hub-ring.ring-a,
.mesh-hub-ring.ring-b{
  display:none!important;
  animation:none!important;
}

/* Menú de módulos como antes, sin truncados */
.sidebar nav{
  padding:9px 8px 110px!important;
}
.nav-root,
.nav-group summary{
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:46px!important;
  margin:3px 0!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
.nav-root{
  grid-template-columns:31px minmax(0,1fr)!important;
}
.nav-root:before,
.nav-group summary:before{
  display:none!important;
  content:none!important;
}
.nav-root:hover,
.nav-group summary:hover{
  background:rgba(19,33,49,.78)!important;
  border-color:rgba(93,177,220,.14)!important;
}
.nav-root.active,
.nav-group[open]>summary{
  background:linear-gradient(90deg,rgba(37,82,111,.34),rgba(31,36,61,.42))!important;
  border-color:rgba(82,201,237,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
}
.nav-icon{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#1b2d40,#122132)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.nav-root>span:last-child,
.nav-group summary>span:nth-of-type(2){
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:800!important;
  color:#eef5fc!important;
}
.nav-group summary>b{
  color:#71869a!important;
  justify-self:end!important;
}
.nav-children{
  position:relative!important;
  margin:4px 0 8px 24px!important;
  padding:3px 0 3px 14px!important;
  border-left:1px solid rgba(85,217,255,.18)!important;
}
.nav-children:before{
  display:none!important;
}
.nav-children a{
  min-height:34px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  color:#8195aa!important;
  font-size:10px!important;
}
.nav-children a:hover,
.nav-children a.active{
  color:#f0f8ff!important;
  background:rgba(47,116,151,.12)!important;
}

/* Móvil: conservar la misma estética y funcionamiento */
@media(max-width:900px){
  .mesh-hub-static{
    min-height:96px!important;
    padding:12px 10px 19px!important;
  }
  .mesh-hub-static .mesh-hub-logo{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
  }
  .mesh-hub-static .brand-logo-box{
    width:52px!important;
    height:52px!important;
    border-width:1px!important;
  }
  .mesh-hub-static .sidebar-wordmark b{
    font-size:16px!important;
  }
  .mesh-hub-static .sidebar-wordmark small{
    font-size:5.8px!important;
  }
}

/* =========================================================
   PAVOONZ NETWORK v12.1.0 · Emojis en menú lateral
   ========================================================= */
.nav-icon{
  font-family:system-ui,-apple-system,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;
  font-size:15px!important;
  line-height:1!important;
}
.nav-children a{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.nav-group summary{
  cursor:pointer!important;
}

/* v12.1.0 · Pagos y cobros del planning */
.finance-kpi.paid{border-color:rgba(66,216,148,.25)!important}
.finance-kpi.pending{border-color:rgba(232,189,84,.24)!important}
.finance-entry-amount{display:grid!important;justify-items:end!important;gap:7px!important}
.payment-chip{display:inline-flex!important;padding:5px 8px!important;border-radius:999px!important;font-size:8px!important;font-weight:900!important;white-space:nowrap!important}
.payment-chip.done{color:#55e5a0!important;background:rgba(66,216,148,.11)!important;border:1px solid rgba(66,216,148,.2)!important}
.payment-chip.waiting{color:#f0c363!important;background:rgba(232,189,84,.1)!important;border:1px solid rgba(232,189,84,.2)!important}
.finance-dates{display:flex!important;flex-wrap:wrap!important;gap:7px 13px!important;margin-top:7px!important}
.finance-dates span{font-size:9px!important;color:#7f94aa!important}.finance-dates b{color:#c8d5e2!important}
.finance-payment-actions{min-width:265px!important;display:grid!important;gap:8px!important}
.payment-status-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px!important;border-radius:12px!important;background:rgba(7,16,25,.58)!important;border:1px solid rgba(126,154,181,.11)!important}
.payment-status-form label{display:grid!important;gap:4px!important;font-size:8px!important;color:#8195aa!important}
.payment-status-form input[type="date"]{min-height:34px!important;padding:7px 8px!important;font-size:10px!important}
.payment-status-form button{grid-column:1/-1!important;width:100%!important}
.payment-done{color:#55e5a0!important;border-color:rgba(66,216,148,.25)!important}
.payment-pending{color:#f0c363!important;border-color:rgba(232,189,84,.22)!important}
.finance-edit-delete{display:flex!important;justify-content:flex-end!important;gap:7px!important}.finance-edit-delete form{margin:0!important}
@media(max-width:1100px){.finance-payment-actions{grid-column:2/-1!important;width:100%!important;min-width:0!important}}
@media(max-width:650px){.finance-entry{grid-template-columns:auto minmax(0,1fr)!important}.finance-entry-amount{grid-column:2!important;justify-items:start!important}.finance-payment-actions{grid-column:1/-1!important}.payment-status-form{grid-template-columns:1fr!important}.payment-status-form button{grid-column:1!important}}