:root{--bg:#07111f;--sidebar:#081525;--panel:#0d1d30;--panel2:#10243a;--line:#1d3550;--text:#eaf2f8;--muted:#8ca1b6;--cyan:#27b7e9;--green:#35d18a;--red:#ff5d73;--amber:#ffbd5a;--slate:#8294a7;--shadow:0 18px 50px rgba(0,0,0,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 78% -10%,#11375a 0,transparent 28%),var(--bg);color:var(--text);min-height:100vh}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#071423,#091a2d);border-right:1px solid var(--line);padding:24px 17px;display:flex;flex-direction:column}.side-brand{font-size:17px;font-weight:800;letter-spacing:.4px;color:white;margin:4px 4px 28px}.side-brand:first-letter{color:var(--cyan)}.side-brand span{margin-left:7px}.side-brand small{font-size:9px;margin-left:5px;padding:3px 5px;border-radius:5px;background:#103d5a;color:#77d8f7;vertical-align:2px}.plant-badge{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);background:#0a1a2c;border-radius:12px;margin-bottom:20px}.plant-badge .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(53,209,138,.1)}.plant-badge strong,.plant-badge small{display:block}.plant-badge strong{font-size:12px}.plant-badge small{font-size:10px;color:var(--muted);margin-top:2px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{text-decoration:none;color:#9db0c3;padding:11px 12px;border-radius:9px;font-size:13px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#102942;color:#f6fbff}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--cyan)}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding:16px 8px 0;color:var(--muted)}.side-foot span,.side-foot small{display:block}.side-foot span{font-size:11px;font-weight:700}.side-foot small{font-size:9px;margin-top:3px}.content{padding:26px 30px 50px;max-width:1550px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.topbar h1{font-size:27px;letter-spacing:-.7px;margin:0 0 4px}.topbar p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:10px;align-items:center}.chip{border:1px solid var(--line);background:#0b1d30;color:#9fb6c9;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700}.chip-ok{color:var(--green);border-color:rgba(53,209,138,.35);background:rgba(53,209,138,.08)}.chip-danger{color:var(--red);border-color:rgba(255,93,115,.35);background:rgba(255,93,115,.08)}.user-pill{display:flex;gap:9px;align-items:center;background:#0b1d30;border:1px solid var(--line);padding:6px 11px 6px 6px;border-radius:999px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#16a3d4,#2d6ae8);font-weight:800}.user-pill strong,.user-pill small{display:block}.user-pill strong{font-size:11px}.user-pill small{font-size:9px;color:var(--muted);margin-top:1px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:linear-gradient(180deg,#0d2136,#0b1b2d);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow)}.metric-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:900}.metric-icon.blue{background:rgba(39,183,233,.12);color:var(--cyan)}.metric-icon.green{background:rgba(53,209,138,.12);color:var(--green)}.metric-icon.red{background:rgba(255,93,115,.12);color:var(--red)}.metric-icon.slate{background:rgba(130,148,167,.12);color:#a5b6c5}.metric span,.metric small{display:block;color:var(--muted)}.metric span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}.metric strong{font-size:27px;display:block;line-height:1.15;margin:2px 0}.metric small{font-size:10px}.panel{background:linear-gradient(180deg,#0d1f33,#0b1a2a);border:1px solid var(--line);border-radius:15px;padding:18px;margin-top:16px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.panel-title,.panel-head h2{font-size:16px;font-weight:800}.panel-head h2{margin:2px 0 0}.eyebrow{font-size:9px;color:var(--cyan);font-weight:800;letter-spacing:1.2px}.legend{display:flex;gap:12px;color:var(--muted);font-size:10px}.legend span{display:flex;gap:5px;align-items:center}.lg{width:7px;height:7px;border-radius:50%}.lg.ok{background:var(--green)}.lg.alarm{background:var(--red)}.lg.off{background:var(--slate)}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.equipment-card{border:1px solid var(--line);background:#0a1a2b;border-radius:13px;padding:15px;position:relative;overflow:hidden}.equipment-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--slate)}.equipment-card.ok:before{background:var(--green)}.equipment-card.alarm:before{background:var(--red);box-shadow:0 0 18px var(--red)}.equipment-card.offline:before{background:var(--slate)}.eq-top{display:flex;justify-content:space-between;gap:8px}.eq-id{font-size:9px;color:var(--cyan);font-weight:800;letter-spacing:.6px;text-transform:uppercase}.eq-name{font-size:15px;font-weight:800;margin-top:4px}.eq-loc{font-size:10px;color:var(--muted);margin-top:3px}.status{padding:5px 7px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.status.ok{color:var(--green);background:rgba(53,209,138,.1)}.status.alarm{color:var(--red);background:rgba(255,93,115,.1)}.status.offline{color:#a7b4c0;background:rgba(130,148,167,.1)}.eq-footer{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #173049;color:var(--muted);font-size:10px}.eq-footer strong{color:#cedae5}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}table{border-collapse:collapse;width:100%;min-width:780px}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #173049;font-size:11px}th{background:#091827;color:#8298ad;font-size:9px;text-transform:uppercase;letter-spacing:.55px}td{color:#c8d5e1}.sev{font-size:9px;font-weight:800;padding:4px 6px;border-radius:999px}.sev.CRITICAL{color:var(--red);background:rgba(255,93,115,.1)}.sev.WARNING{color:var(--amber);background:rgba(255,189,90,.1)}.sev.INFO{color:var(--green);background:rgba(53,209,138,.1)}.muted{color:var(--muted)}.small{font-size:10px}.empty{text-align:center;color:var(--muted);padding:22px}.license-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kv{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #173049;font-size:12px}.kv span{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:#071725;color:var(--text);outline:none}input:focus{border-color:#287ca5}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 15px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#19a4d5,#2481d8);color:white}.alert{padding:11px 13px;border-radius:9px;margin:12px 0;font-size:12px}.alert-danger{color:#ffb6c1;background:rgba(255,93,115,.1);border:1px solid rgba(255,93,115,.25)}.alert-success{color:#a8f0cc;background:rgba(53,209,138,.1);border:1px solid rgba(53,209,138,.25)}.login-body{display:grid;place-items:center;padding:25px}.login-card{width:min(420px,100%);background:linear-gradient(180deg,#0d2034,#091827);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.brand-lockup{display:flex;gap:12px;align-items:center;margin-bottom:26px}.brand-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#0f6ca2,#16b5df);font-size:22px}.brand-name{font-size:16px;font-weight:900}.brand-name span{font-size:9px;background:#143d5a;color:#7cdafb;border-radius:4px;padding:3px 5px}.brand-sub{font-size:10px;color:var(--muted);margin-top:3px}.login-card h1{font-size:22px;margin:0 0 5px}.login-card form{display:grid;gap:8px;margin-top:20px}.login-card label{font-size:10px;color:var(--muted);font-weight:700;margin-top:4px}.login-card .btn{margin-top:8px}.login-foot{text-align:center;color:#647b91;font-size:9px;margin-top:24px}@media(max-width:950px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr)}.side-foot,.plant-badge{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.license-grid{grid-template-columns:1fr}}@media(max-width:620px){.content{padding:18px 14px 35px}.topbar{align-items:flex-start}.top-actions{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:13px}.metric-icon{display:none}.equipment-grid{grid-template-columns:1fr}.sidebar{padding:14px}.sidebar nav{grid-template-columns:1fr 1fr}.legend{display:none}.kv{grid-template-columns:1fr}.license-grid{grid-template-columns:1fr}}

.page-kicker{font-size:9px;color:var(--cyan);font-weight:900;letter-spacing:1.4px;margin-bottom:5px}.nav-icon{display:inline-block;width:20px;color:#7dcff0}.health-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.health-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;background:rgba(10,27,44,.78);border:1px solid var(--line);border-radius:11px;padding:10px 12px}.health-strip strong{font-size:11px}.health-strip small{grid-column:2;color:var(--muted);font-size:9px;margin-top:1px}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--slate);box-shadow:0 0 0 4px rgba(130,148,167,.08)}.health-dot.ok{background:var(--green);box-shadow:0 0 0 4px rgba(53,209,138,.09)}.health-dot.warn{background:var(--amber);box-shadow:0 0 0 4px rgba(255,189,90,.09)}.panel-actions{display:flex;justify-content:flex-end;margin-top:12px}.text-link{font-size:10px;color:#75d4f4;text-decoration:none;font-weight:800}.text-link:hover{color:white}.btn-ghost{background:#0a1b2d;color:#b9c9d7;border:1px solid var(--line)}.btn-small{padding:6px 9px;font-size:10px}.compact-panel{max-width:900px}.form-grid{display:grid;gap:12px;margin-top:14px}.form-grid label{font-size:10px;color:var(--muted);font-weight:700;display:grid;gap:6px}.form-grid input,.form-grid select,select{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:#071725;color:var(--text);outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.help{font-weight:400;color:#60778e}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.check-row input{width:auto!important}.settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px}.test-form{margin-top:10px}.notify-list{display:grid;gap:10px;margin-top:14px}.notify-list>div{display:flex;gap:11px;align-items:center;padding:11px;border:1px solid #173049;border-radius:10px;background:#091928}.notify-list strong,.notify-list small{display:block}.notify-list strong{font-size:11px}.notify-list small{font-size:9px;color:var(--muted);margin-top:2px}.notify-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900}.notify-icon.alarm{background:rgba(255,93,115,.11);color:var(--red)}.notify-icon.ok{background:rgba(53,209,138,.11);color:var(--green)}.notify-icon.off{background:rgba(130,148,167,.11);color:#b1bdc8}.notify-icon.blue{background:rgba(39,183,233,.11);color:var(--cyan)}.info-note{margin-top:14px;padding:11px;border-left:3px solid var(--cyan);background:#091a2b;border-radius:0 8px 8px 0;color:var(--muted);font-size:10px;line-height:1.45}.filter-form{min-width:190px}.filter-form select{padding:8px 10px;font-size:10px}.sidebar nav{overflow:auto}.side-brand span{letter-spacing:.7px}
@media(max-width:1050px){.settings-grid{grid-template-columns:1fr}.health-strip{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.health-strip{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.filter-form{min-width:0;width:100%}.panel-head{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}}
/* ArticPulse Pro v1.0.1 Stable */
.btn-danger{background:rgba(255,93,115,.10);color:#ff8797;border:1px solid rgba(255,93,115,.28)}.btn-danger:hover{background:rgba(255,93,115,.18);color:#fff}.table-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.table-link,.eq-link{color:var(--text);text-decoration:none}.table-link:hover,.eq-link:hover{color:#75d4f4}.rssi-inline,.signal-row{display:flex;align-items:center;gap:8px}.signal-bars{height:18px;display:inline-flex;align-items:flex-end;gap:2px;min-width:27px}.signal-bars i{display:block;width:4px;border-radius:2px 2px 1px 1px;background:#243d54}.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:12px}.signal-bars i:nth-child(4){height:16px}.signal-bars.good i.on{background:var(--green)}.signal-bars.warn i.on{background:var(--amber)}.signal-bars.bad i.on{background:var(--red)}.signal-bars.off i.on{background:var(--slate)}.eq-mid{display:flex;justify-content:space-between;align-items:center;padding:10px 0 2px}.mini-tag{font-size:8px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;border-radius:999px;padding:4px 7px;background:rgba(53,209,138,.09);color:var(--green);border:1px solid rgba(53,209,138,.20)}.mini-tag.muted-tag{background:rgba(130,148,167,.08);color:#a7b5c2;border-color:rgba(130,148,167,.18)}.big-status{padding:9px 13px;font-size:10px}.detail-metrics .metric strong.metric-word{font-size:14px;line-height:1.15}.detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin-bottom:16px}.spark-chart{height:215px;border:1px solid #173049;border-radius:12px;background:linear-gradient(180deg,rgba(39,183,233,.035),rgba(7,17,31,.15));display:grid;place-items:center;overflow:hidden;padding:8px}.spark-chart svg{width:100%;height:100%}.chart-line{fill:none;stroke:#27b7e9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#35d18a;stroke:#07111f;stroke-width:3}.chart-guide{stroke:rgba(53,209,138,.22);stroke-dasharray:5 6;stroke-width:1}.chart-guide.warn{stroke:rgba(255,189,90,.22)}.chart-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:5px}.timeline{display:grid;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:11px 4px;border-bottom:1px solid #173049}.timeline-item:last-child{border-bottom:0}.timeline-dot{width:9px;height:9px;border-radius:50%;margin-top:3px;background:var(--cyan);box-shadow:0 0 0 4px rgba(39,183,233,.08)}.timeline-item.CRITICAL .timeline-dot{background:var(--red);box-shadow:0 0 0 4px rgba(255,93,115,.08)}.timeline-item.WARNING .timeline-dot{background:var(--amber);box-shadow:0 0 0 4px rgba(255,189,90,.08)}.timeline-item strong{display:block;font-size:11px}.timeline-item small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.filter-grid{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,.9fr) minmax(130px,.7fr) auto auto;gap:7px;align-items:center;min-width:min(100%,760px)}.filter-grid select{padding:8px 9px;font-size:10px}.notify-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.toggle-card{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;padding:11px;border:1px solid #173049;border-radius:10px;background:#091928;cursor:pointer}.toggle-card input{width:auto!important}.toggle-card strong,.toggle-card small{display:block}.toggle-card strong{font-size:10px;color:var(--text)}.toggle-card small{font-size:8.5px;color:var(--muted);margin-top:2px}.toggle-card.alarm{border-left:3px solid var(--red)}.toggle-card.ok{border-left:3px solid var(--green)}.toggle-card.off{border-left:3px solid var(--slate)}.toggle-card.blue{border-left:3px solid var(--cyan)}
@media(max-width:1150px){.detail-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr 1fr auto auto}}
@media(max-width:760px){.filter-grid{grid-template-columns:1fr 1fr}.filter-grid .btn{width:100%}.notify-toggle-grid{grid-template-columns:1fr}.table-actions{min-width:160px}}

/* ArticPulse Pro v1.0.1 Stable — identidad fractal, estados y usuarios */
body:not(.login-body)::before{content:"";position:fixed;right:2vw;top:3vh;width:min(38vw,480px);aspect-ratio:1;background:url('articpulse_fractal.svg') center/contain no-repeat;opacity:.035;pointer-events:none;z-index:0}.sidebar,.content{position:relative;z-index:1}.side-brand{display:flex;align-items:center;min-height:34px}.brand-fractal-wrap{width:32px;height:32px!important;margin:0!important;display:grid;place-items:center;flex:0 0 auto}.brand-fractal{display:block;width:32px;height:32px;border-radius:9px;box-shadow:0 0 18px rgba(21,216,255,.18)}
.eq-top{align-items:flex-start}.eq-top>div{min-width:0}.status{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:6px;min-height:23px;line-height:1;padding:6px 9px;border-radius:8px;flex:0 0 auto;letter-spacing:.25px;border:1px solid transparent}.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status.ok{border-color:rgba(53,209,138,.22)}.status.alarm{border-color:rgba(255,93,115,.25)}.status.offline{border-color:rgba(130,148,167,.22)}.big-status{padding:9px 13px;min-height:32px;border-radius:10px}.panel-head .status{align-self:center}
.role-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;font-size:9px;font-weight:900;border:1px solid var(--line);background:#0a1a2c;color:#bdd0df}.role-badge.superadmin{color:#86e6ff;border-color:rgba(39,183,233,.3);background:rgba(39,183,233,.09)}.role-badge.admin{color:#b5a7ff;border-color:rgba(103,92,255,.3);background:rgba(103,92,255,.09)}.role-badge.operador{color:#8ee8bb;border-color:rgba(53,209,138,.25);background:rgba(53,209,138,.08)}.role-badge.consulta{color:#b8c4cf;border-color:rgba(130,148,167,.24);background:rgba(130,148,167,.08)}
.login-body{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(21,216,255,.12),transparent 30%),radial-gradient(circle at 90% 90%,rgba(103,92,255,.10),transparent 28%),var(--bg)}.login-body::before{content:"";position:fixed;inset:-20%;background:url('articpulse_fractal.svg') center/620px 620px no-repeat;opacity:.055;filter:blur(1px);pointer-events:none}.login-card{position:relative;z-index:1;width:min(440px,100%);overflow:hidden}.login-fractal-stage{display:grid;place-items:center;margin:-8px 0 18px}.login-fractal{width:112px;height:112px;border-radius:28px;box-shadow:0 0 38px rgba(21,216,255,.22)}.login-card .brand-lockup{justify-content:center;text-align:left;margin-bottom:22px}.login-card .brand-icon{display:none}
@media(prefers-reduced-motion:reduce){body:not(.login-body)::before,.login-body::before{display:none}.brand-fractal,.login-fractal{animation:none}}
@media(max-width:620px){body:not(.login-body)::before{display:none}.brand-fractal-wrap,.brand-fractal{width:28px;height:28px}.side-brand{margin-bottom:16px}.login-fractal{width:94px;height:94px}}

/* UI estable validada — revisión visual R1 */
.andon-launch{text-decoration:none;white-space:nowrap}.andon-launch:hover{color:#b8f5d5;border-color:rgba(53,209,138,.58);background:rgba(53,209,138,.13)}

/* ARTICPULSE_ENV_INTEGRATION_R3 */
.env-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.env-card{position:relative;overflow:hidden;border:1px solid #173d59;background:linear-gradient(155deg,#0c2438 0%,#0a1c2c 100%);border-radius:15px;padding:20px;color:#e8f5ff;box-shadow:0 12px 30px rgba(0,0,0,.16);transition:.2s ease}.env-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#1ec8e5}.env-card:hover{transform:translateY(-2px);border-color:#236186}.env-card h3{margin:0 0 8px;color:#f4fbff}.env-card small{color:#7fb2cf}.env-values{display:flex;gap:24px;margin:17px 0;font-size:26px;font-weight:800;color:#f5fbff}.env-card button{min-height:44px}.env-quality{font-weight:800;letter-spacing:.02em;color:#8aa9bd}.env-good{color:#31d89b}.env-alarm{color:#ff6475}.env-card:has(.env-alarm){border-color:#813345;box-shadow:0 0 0 1px rgba(255,82,104,.16),0 12px 30px rgba(0,0,0,.2)}.env-card:has(.env-alarm):before{background:#ff5268}.env-note{border-left:4px solid #20bfe7;background:#0d2a40;color:#c9e8f5;padding:14px 16px;border-radius:0 10px 10px 0}.env-section{margin-top:22px;padding:24px}.env-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.env-charts>div{border:1px solid #173d59;background:#0b2235;border-radius:12px;padding:16px}.env-charts canvas{width:100%;height:220px;background:#0d293e;border-radius:10px}.env-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.env-form label{display:flex;flex-direction:column;gap:6px}.env-form input:not([type=checkbox]),#selected{padding:10px;border:1px solid #31536a;background:#071b2b;color:#eaf7ff;border-radius:7px;min-height:44px}.env-form input[type=checkbox]{width:22px;height:22px;accent-color:#20bfe7}.env-section li{padding:6px 0;overflow-wrap:anywhere}#connection{font-weight:700;color:#b8d6e6}#nodes:empty::after{content:'Sin reefers registrados. Se conservan el registro y la licencia de la instalación actual.'}.ap-env-inline{display:flex;gap:14px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(111,181,218,.18);font-weight:800}.ap-env-inline span{white-space:nowrap}.ap-env-inline .ap-env-ok{color:#38d59f}.ap-env-inline .ap-env-warn{color:#ff6677}.ap-env-card-alarm{border-color:#7f3446!important;box-shadow:inset 3px 0 #ff5268!important}.ap-env-badge{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:4px 8px;border-radius:999px;background:rgba(255,82,104,.12);color:#ff8190;font-size:11px;font-weight:800;text-transform:uppercase}.sidebar .ap-env-nav-link{color:#9edcf4}.sidebar .ap-env-nav-link.ap-env-current{color:#fff;background:rgba(32,191,231,.12)}@media(max-width:700px){.env-charts,.env-form{grid-template-columns:1fr}.env-section{padding:16px}.env-values{font-size:22px}}


/* ARTICPULSE_ENV_INTEGRATION_R5 */
.env-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.env-card{position:relative;overflow:hidden;border:1px solid #173d59;background:linear-gradient(155deg,#0c2438 0%,#0a1c2c 100%);border-radius:15px;padding:20px;color:#e8f5ff;box-shadow:0 12px 30px rgba(0,0,0,.16);transition:.2s ease}.env-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#1ec8e5}.env-card:hover{transform:translateY(-2px);border-color:#236186}.env-card h3{margin:0 0 8px;color:#f4fbff}.env-card small{color:#7fb2cf}.env-values{display:flex;gap:24px;margin:17px 0;font-size:26px;font-weight:800;color:#f5fbff}.env-card button{min-height:44px}.env-quality{font-weight:800;letter-spacing:.02em;color:#8aa9bd}.env-good{color:#31d89b}.env-alarm{color:#ff6475}.env-card:has(.env-alarm){border-color:#813345;box-shadow:0 0 0 1px rgba(255,82,104,.16),0 12px 30px rgba(0,0,0,.2)}.env-card:has(.env-alarm):before{background:#ff5268}.env-note{border-left:4px solid #20bfe7;background:#0d2a40;color:#c9e8f5;padding:14px 16px;border-radius:0 10px 10px 0}.env-section{margin-top:22px;padding:24px}.env-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.env-charts>div{border:1px solid #173d59;background:#0b2235;border-radius:12px;padding:16px}.env-charts canvas{width:100%;height:220px;background:#0d293e;border-radius:10px}.env-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.env-form label{display:flex;flex-direction:column;gap:6px}.env-form input:not([type=checkbox]),#selected{padding:10px;border:1px solid #31536a;background:#071b2b;color:#eaf7ff;border-radius:7px;min-height:44px}.env-form input[type=checkbox]{width:22px;height:22px;accent-color:#20bfe7}.env-section li{padding:6px 0;overflow-wrap:anywhere}#connection{font-weight:700;color:#b8d6e6}#nodes:empty::after{content:'Sin reefers registrados. Se conservan el registro y la licencia de la instalación actual.'}.ap-env-inline{display:flex;gap:14px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(111,181,218,.18);font-weight:800}.ap-env-inline span{white-space:nowrap}.ap-env-inline .ap-env-ok{color:#38d59f}.ap-env-inline .ap-env-warn{color:#ff6677}.ap-env-card-alarm{border-color:#7f3446!important;box-shadow:inset 3px 0 #ff5268!important}.ap-env-badge{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:4px 8px;border-radius:999px;background:rgba(255,82,104,.12);color:#ff8190;font-size:11px;font-weight:800;text-transform:uppercase}.sidebar .ap-env-nav-link{color:#9edcf4}.sidebar .ap-env-nav-link.ap-env-current{color:#fff;background:rgba(32,191,231,.12)}@media(max-width:700px){.env-charts,.env-form{grid-template-columns:1fr}.env-section{padding:16px}.env-values{font-size:22px}}
/* ARTICPULSE_ENV_INTEGRATION_R4 */
.ap-env-nav-link{display:flex!important;align-items:center;gap:10px}.ap-env-nav-icon{width:16px;height:16px;display:inline-flex;color:#35c9ee}.ap-env-nav-icon svg{width:16px;height:16px;fill:currentColor}.ap-env-native-alarm{background:rgba(255,82,104,.14)!important;color:#ff7183!important;border-color:#ff5268!important}.ap-env-card-alarm{border-color:#9d3449!important;box-shadow:inset 4px 0 #ff5268,0 0 0 1px rgba(255,82,104,.16)!important}.ap-env-detail-panel{margin:18px 0 24px;padding:22px;border:1px solid #1c4a67;border-radius:15px;background:linear-gradient(145deg,#0d293e,#0a1d2e);box-shadow:0 12px 30px rgba(0,0,0,.15)}.ap-env-detail-panel.is-alarm{border-color:#8b3447;box-shadow:inset 4px 0 #ff5268,0 12px 30px rgba(0,0,0,.18)}.ap-env-detail-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.ap-env-detail-head small{color:#36c8ee;font-weight:800;letter-spacing:.12em}.ap-env-detail-head h2{margin:5px 0 0}.ap-env-detail-state{padding:7px 11px;border-radius:999px;background:rgba(49,216,155,.12);color:#31d89b;font-size:12px;font-weight:900}.is-alarm .ap-env-detail-state{background:rgba(255,82,104,.13);color:#ff7183}.ap-env-detail-values{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.ap-env-detail-values>div{padding:17px;border:1px solid #173d59;border-radius:12px;background:#0a2235}.ap-env-detail-values span,.ap-env-detail-values em{display:block;color:#8fb3c9;font-style:normal}.ap-env-detail-values strong{display:block;margin:6px 0;font-size:28px;color:#f2fbff}.ap-env-detail-link{display:inline-block;margin-top:15px;color:#42c8ee;font-weight:800}.ap-env-inline{position:relative;z-index:3}.ap-env-badge{position:relative;z-index:3}@media(max-width:700px){.ap-env-detail-head{align-items:flex-start;flex-direction:column}.ap-env-detail-values{grid-template-columns:1fr}}
.ap-env-reefers-access{display:flex;align-items:center;gap:12px;max-width:620px;margin:14px 0 20px;padding:14px 16px;border:1px solid #17506d;border-radius:13px;background:linear-gradient(135deg,#0b2b42,#0b2134);color:#eaf8ff;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.13);transition:.18s ease}.ap-env-reefers-access:hover{transform:translateY(-1px);border-color:#20bfe7}.ap-env-reefers-access span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.ap-env-reefers-access small{color:#8db5ca;font-size:12px}.ap-env-reefers-access strong{color:#4bd8f5}.ap-env-access-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(32,191,231,.12)}.ap-env-access-icon svg{width:22px;height:22px;fill:#35d2ef}

/* ARTICPULSE_ENV_INTEGRATION_R7 */
.ap-env-open{gap:8px;text-decoration:none}.ap-env-open-icon{width:17px;height:17px;display:inline-flex}.ap-env-open-icon svg{width:17px;height:17px;fill:currentColor}.ap-env-row{margin-top:6px;font-size:10px;line-height:1.35;color:#8fb2c7}.ap-env-row.alarm{color:var(--red)}.ap-env-row strong{font-size:9px;letter-spacing:.03em}.eq-env{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px;padding:10px 11px;border:1px solid #173b56;border-radius:10px;background:#0c2235;color:#d8eaf4;font-size:12px;font-weight:750}.eq-env span{white-space:nowrap}.eq-env b{font-size:13px}.eq-env strong{width:100%;color:#ff7183;font-size:10px;letter-spacing:.04em}.eq-env.alarm{border-color:rgba(255,93,115,.48);background:rgba(255,93,115,.07)}.eq-env.unavailable{color:#8ca1b6}.eq-env.unavailable strong{color:#8ca1b6;width:auto}.eq-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.alarm-tag{color:#ff8190!important;background:rgba(255,93,115,.12)!important}.ap-env-native-panel{border-color:#1a4865}.ap-env-native-panel.is-alarm{border-color:#8e3347;box-shadow:inset 4px 0 #ff5d73,var(--shadow)}.ap-env-native-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ap-env-native-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ap-env-native-values>div{padding:16px;border:1px solid #173b56;border-radius:12px;background:#0a1b2c}.ap-env-native-values span,.ap-env-native-values small{display:block;color:var(--muted)}.ap-env-native-values span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.ap-env-native-values strong{display:block;margin:7px 0 4px;font-size:25px;color:#eef8ff}.ap-env-native-values .ap-env-status-word{font-size:16px;line-height:1.3}.ap-env-native-values .alarm-text,.ap-env-native-panel.is-alarm .ap-env-status-word{color:var(--red);font-weight:900}.equipment-card.alarm .eq-env{border-color:rgba(255,93,115,.35)}
@media(max-width:850px){.ap-env-native-values{grid-template-columns:1fr}.ap-env-native-actions{align-items:flex-start}.ap-env-open{padding:9px 11px}}
.ap-env-reefers-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-4px 0 18px;padding:14px 16px;border:1px solid #184765;border-radius:13px;background:linear-gradient(135deg,#0b273c,#0a1d2f)}.ap-env-reefers-toolbar strong,.ap-env-reefers-toolbar span{display:block}.ap-env-reefers-toolbar strong{font-size:13px;color:#eef9ff}.ap-env-reefers-toolbar span{margin-top:3px;font-size:10px;color:#8ca9bd}@media(max-width:620px){.ap-env-reefers-toolbar{align-items:stretch;flex-direction:column}.ap-env-reefers-toolbar .btn{width:100%}}


/* Auditoria P1: estado historico visible sin alterar identidad */
body.data-stale::after {content:'SIN ACTUALIZACIÓN — ÚLTIMO ESTADO CONOCIDO';position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:14px;background:#7c2d12;color:white;font-weight:bold;text-align:center;pointer-events:none;}
body.data-stale .equipment-card,body.data-stale .andon-row{outline:3px solid #f59e0b;}
body.data-stale .equipment-card.ok,body.data-stale .andon-row.normal{filter:grayscale(1);}
body.data-stale .eq-footer,body.data-stale .andon-report .andon-value{visibility:hidden;}