/* IGVTEC Sentinel 10AB - Alta masiva y migracion segura */ :root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172737;background:#f4f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}.boot{display:grid;place-items:center;min-height:100vh;color:#617284}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#102b3b}.loginBrand{padding:8vw;color:white;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 40% 20%,#17606b 0,#102b3b 50%)}.loginBrand img{max-width:360px;width:70%;filter:brightness(0) invert(1)}.loginBrand h1{font-size:clamp(38px,5vw,72px);line-height:.98;margin:40px 0 20px}.loginBrand p{font-size:18px;max-width:620px;color:#c7d7df}.loginPanel{background:#fff;padding:8vw;display:flex;align-items:center}.loginCard{width:min(440px,100%)}.loginCard h2{font-size:32px;margin:10px 0}.loginCard label,.form label{display:grid;gap:7px;font-weight:650;margin:16px 0}.loginCard input,.form input,.form select,.form textarea{width:100%;border:1px solid #cbd6dc;border-radius:10px;padding:12px;background:#fff}.primary,.secondary,.danger,.ghost{border:0;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:750}.primary{background:#0e9d93;color:white}.secondary{background:#e8f1f3;color:#173744}.danger{background:#fff0f1;color:#b6303a}.ghost{background:transparent;color:inherit;border:1px solid #ccd7dd}.full{width:100%}.error{background:#fff0f1;border:1px solid #ffd0d5;color:#a1242d;padding:10px;border-radius:8px;margin:12px 0}.notice{background:#eaf8f4;border:1px solid #bae7db;color:#176b60;padding:12px;border-radius:10px;margin:12px 0}.warn{background:#fff8e6;border:1px solid #f5d997;color:#755a18;padding:12px;border-radius:10px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{background:#102b3b;color:#dce8ed;padding:22px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px}.side img{width:190px;max-width:100%;filter:brightness(0) invert(1);margin:8px}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#bfd0d8;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;font-weight:650}.nav button.active,.nav button:hover{background:#1a4556;color:#fff}.userbox{margin-top:auto;border-top:1px solid #305161;padding:14px 8px 0}.userbox b,.userbox small{display:block}.userbox small{color:#9fb7c1;margin:4px 0 12px}.main{min-width:0}.top{height:82px;background:#fff;border-bottom:1px solid #dfe7eb;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.top h1{font-size:22px;margin:0}.top p{margin:4px 0 0;color:#70818e;font-size:13px}.content{padding:26px;max-width:1500px;margin:auto}.lead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.lead h2{font-size:29px;margin:3px 0 7px}.lead p{margin:0;color:#6c7c88}.eyebrow{color:#0a8e85;font-size:12px;font-weight:850;letter-spacing:.1em}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.card{background:#fff;border:1px solid #dfe7eb;border-radius:14px;padding:18px;box-shadow:0 1px 2px #12212a08}.metric small{color:#70818e;font-weight:750}.metric b{font-size:35px;display:block;margin:7px 0}.metric span{color:#5d6e79}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.tableCard{overflow:hidden;padding:0}.cardHead{padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f3}.cardHead h3{margin:0}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf1f3;white-space:nowrap}th{font-size:11px;color:#6a7d89;letter-spacing:.06em;background:#fafcfd}td b,td small{display:block}td small{color:#7d8c96;margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status.normal{background:#e7f7f1;color:#188260}.status.high,.status.critical{background:#ffecef;color:#b52f3b}.status.low,.status.warning{background:#edf2ff;color:#365eb6}.status.offline{background:#eef1f3;color:#5f6a70}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.formGrid .wide{grid-column:1/-1}.form textarea{min-height:90px;resize:vertical}.modalGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.keybox{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#102b3b;color:#dffcf8;padding:14px;border-radius:10px;word-break:break-all;user-select:all}.alert{border-left:4px solid #e34f5d;margin-bottom:10px}.alert.warning{border-left-color:#d5a92e}.alertTop{display:flex;justify-content:space-between;gap:12px}.alert h3{margin:3px 0}.alert p{color:#60727f}.chart{height:250px;position:relative;border-left:1px solid #cdd8de;border-bottom:1px solid #cdd8de;margin:18px 8px 10px}.chart svg{width:100%;height:100%;overflow:visible}.chartLine{fill:none;stroke:#0e9d93;stroke-width:3}.chartLimit{stroke:#d76d73;stroke-width:1;stroke-dasharray:5 5}.chartLabels{display:flex;justify-content:space-between;color:#7d8b94;font-size:11px}.sensorRow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sensor{background:#f7fafb;border-radius:11px;padding:14px}.sensor small,.sensor b{display:block}.sensor b{font-size:22px;margin-top:5px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tabs button{border:1px solid #cbd6dc;background:white;padding:8px 12px;border-radius:999px;cursor:pointer}.tabs button.active{background:#173e4f;color:#fff;border-color:#173e4f}.empty{padding:36px;text-align:center;color:#71818c}.hash{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;word-break:break-all;color:#53656f}.reportButtons{display:flex;gap:10px;flex-wrap:wrap}.reportButtons a{display:inline-block;text-decoration:none}.small{font-size:12px;color:#72828d}.footerNote{margin-top:30px;color:#72828d;font-size:12px}.hamb{display:none}@media(max-width:1000px){.shell{grid-template-columns:1fr}.side{position:fixed;left:-260px;width:245px;z-index:30;transition:.2s}.side.open{left:0}.hamb{display:inline-block}.cards{grid-template-columns:repeat(2,1fr)}.grid2,.modalGrid{grid-template-columns:1fr}.sensorRow{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.login{grid-template-columns:1fr}.loginBrand{display:none}.loginPanel{padding:28px}.cards{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}.content{padding:16px}.top{padding:13px 16px}.lead{display:block}.lead .toolbar{margin-top:12px}.sensorRow{grid-template-columns:1fr}} /* Sentinel 0.3 - tablas, graficos y auditoria */ .dashboardCharts{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(440px,1.4fr);gap:16px;margin:16px 0}.dashboardBottom{margin-top:16px}.fleetChart{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;padding:12px}.fleetChart svg{width:170px;height:170px}.donut-base{fill:none;stroke:#edf2f4;stroke-width:18}.fleetChart circle[class^="donut-"]{fill:none;stroke-width:18;stroke-linecap:butt}.donut-normal{stroke:#1a9b75}.donut-critical{stroke:#d64a56}.donut-offline{stroke:#83929b}.donutBig{font-size:28px;font-weight:850;fill:#173744}.donutSmall{font-size:11px;fill:#73838d}.legend{display:grid;gap:10px}.legend>div{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center}.legend i{width:10px;height:10px;border-radius:50%}.legend-normal{background:#1a9b75}.legend-critical{background:#d64a56}.legend-offline{background:#83929b}.barChart{padding:12px 18px 16px}.barRow{margin:9px 0}.barLabel{display:flex;justify-content:space-between;font-size:12px}.barLabel span{color:#60727f}.barRow svg{width:100%;height:22px;display:block}.barRange{fill:#d6efe8}.barMarker{stroke:#173e4f;stroke-width:5}.filterCard{padding:16px;margin-bottom:16px}.filterGrid{display:grid;grid-template-columns:2fr repeat(3,minmax(150px,1fr));gap:12px}.filterGrid label,.auditFilterGrid label{display:grid;gap:5px;font-size:12px;font-weight:750;color:#60727f}.filterGrid input,.filterGrid select,.auditFilterGrid input,.auditFilterGrid select{border:1px solid #cbd6dc;border-radius:9px;padding:10px;background:white;color:#172737}.filterFoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #edf1f3;color:#6d7d88;font-size:12px}.tableSpaced{margin-top:16px}.dense th,.dense td{padding:10px 12px}.dense tbody tr:hover{background:#fafcfd}.stateBad{color:#b52f3b;font-weight:800}.sourceTag,.actionTag{display:inline-flex;border-radius:999px;padding:4px 8px;background:#edf5f6;color:#315563;font-size:11px;font-weight:750}.summaryStrip{display:grid;grid-template-columns:repeat(4,1fr);background:#173e4f;color:white;border-radius:13px;margin:16px 0;overflow:hidden}.summaryStrip>div{padding:14px 18px;border-right:1px solid #ffffff24}.summaryStrip>div:last-child{border-right:0}.summaryStrip small,.summaryStrip b{display:block}.summaryStrip small{font-size:10px;letter-spacing:.08em;color:#bcd0d8}.summaryStrip b{font-size:20px;margin-top:4px}.historyTabs{margin:10px 0 16px}.chartGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.chartGrid .card{min-width:0}.chartGrid .chart{height:210px;margin:15px 12px 4px;border-left:0}.chart-temp{border-bottom-color:#cbd6dc}.chartLine-temp{stroke:#0e9d93}.chartLine-humidity{stroke:#4277c8}.chartLine-battery{stroke:#9a6f20}.chartScale{display:flex;justify-content:space-between;padding:0 13px 12px;color:#84919a;font-size:10px}.compact{padding:70px 20px}.auditCards .metric b{font-size:28px}.integrityCard.integrityOk{border-color:#a9dfcf;background:#f4fbf8}.integrityCard.integrityBad{border-color:#f3b5bc;background:#fff7f8}.integrityOk b{color:#188260}.integrityBad b{color:#b52f3b}.auditFilterGrid{display:grid;grid-template-columns:2fr repeat(6,minmax(125px,1fr));gap:10px}.auditTable .detailCell{max-width:360px;overflow:hidden;text-overflow:ellipsis}.pager{display:flex;justify-content:center;align-items:center;gap:14px;padding:14px}.pager button:disabled{opacity:.4;cursor:not-allowed}.auditDetail{margin-top:16px}.auditDetail .cardHead h3{margin:4px 0 0}.auditDetailGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 0}.auditDetailGrid>div{background:#f7fafb;border-radius:10px;padding:12px}.auditDetailGrid small,.auditDetailGrid b{display:block}.auditDetailGrid small{color:#71818c;margin-bottom:4px}.auditDetail pre{background:#102b3b;color:#dffcf8;border-radius:10px;padding:16px;overflow:auto;max-height:380px;font-size:12px;line-height:1.55}.hashBlock{display:grid;gap:6px}.hashBlock span{font-size:11px;font-weight:800;color:#71818c}.hashBlock code{display:block;background:#f4f7f9;border:1px solid #dce5e9;padding:10px;border-radius:8px;word-break:break-all;font-size:11px}.integrityNote{margin-top:14px;background:#eef7f4;border:1px solid #cbe6dd;border-radius:10px;padding:12px;color:#315b50;font-size:12px}.deviceLead{margin-top:16px} @media(max-width:1200px){.dashboardCharts,.chartGrid{grid-template-columns:1fr}.auditFilterGrid{grid-template-columns:repeat(3,1fr)}.filterGrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:750px){.fleetChart{grid-template-columns:1fr}.fleetChart svg{margin:auto}.filterGrid,.auditFilterGrid,.auditDetailGrid,.summaryStrip{grid-template-columns:1fr}.summaryStrip>div{border-right:0;border-bottom:1px solid #ffffff24}.summaryStrip>div:last-child{border-bottom:0}.filterFoot{align-items:flex-start;flex-direction:column}.auditCards{grid-template-columns:1fr 1fr}} /* Sentinel 0.4 - cadena de frio y reportes con marca */ .coldLead{align-items:center}.dashboardFilters{margin-bottom:16px}.dashboardFilterGrid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) 2fr;gap:12px;align-items:end}.dashboardFilterGrid label{display:grid;gap:5px;font-size:12px;font-weight:750;color:#60727f}.dashboardFilterGrid select{border:1px solid #cbd6dc;border-radius:9px;padding:10px;background:white}.dashMeta{background:#f5f9fa;border-radius:10px;padding:10px 12px}.dashMeta small,.dashMeta b{display:block}.dashMeta small{font-size:10px;color:#70818e;letter-spacing:.08em}.dashMeta b{font-size:12px;margin-top:4px}.coldMetrics{grid-template-columns:repeat(6,minmax(0,1fr))}.coldMetrics .metric b{font-size:28px}.heroMetric{border-color:#9fd9ca;background:#f5fbf9}.heroMetric b{color:#167b62}.coldGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.coldGrid .span2{grid-column:1/-1}.chartLine-compliance{stroke:#168d76}.chartTarget{stroke:#d3a62f;stroke-width:2;stroke-dasharray:8 6}.comparisonBars{padding:14px 18px}.compareRow{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(150px,2fr) 70px;gap:12px;align-items:center;margin:12px 0}.compareLabel b,.compareLabel span{display:block}.compareLabel span{font-size:11px;color:#71818c;margin-top:2px}.compareTrack{height:10px;background:#edf2f4;border-radius:999px;overflow:hidden}.compareTrack i{display:block;height:100%;border-radius:999px}.compareTrack i.good{background:#20a47c}.compareTrack i.warn{background:#d6aa34}.compareTrack i.bad{background:#d7505d}.compareRow strong{text-align:right;font-size:12px}.dashboardConfig{margin:0 0 16px;border-color:#9fc7d2}.widgetChecks{display:flex;flex-wrap:wrap;gap:10px 18px;padding:12px;background:#f7fafb;border-radius:10px}.widgetChecks>b{width:100%}.widgetChecks label{display:flex;align-items:center;gap:6px}.reportGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brandedReport>img{width:210px;max-height:95px;object-fit:contain;object-position:left center;margin-bottom:12px}.brandedReport h3{font-size:24px;margin:4px 0}.brandedReport>div>p{color:#60727f;min-height:48px}.reportFoot{margin-top:14px;background:#f6f9fa;border:1px solid #e0e8eb;border-radius:9px;padding:10px}@media(max-width:1250px){.coldMetrics{grid-template-columns:repeat(3,1fr)}.dashboardFilterGrid{grid-template-columns:repeat(2,1fr)}.reportGrid{grid-template-columns:1fr}}@media(max-width:750px){.coldMetrics,.coldGrid,.dashboardFilterGrid{grid-template-columns:1fr}.coldGrid .span2{grid-column:auto}.compareRow{grid-template-columns:1fr}.compareRow strong{text-align:left}} /* Sentinel 0.5.0 - estructura física / commissioning */ .structureMetrics{margin-bottom:16px}.structureTree{margin-bottom:16px}.treeOrg{border:1px solid var(--line);border-radius:14px;margin:12px 0;overflow:hidden}.treeHead{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;background:rgba(255,255,255,.025)}.treeHead b{display:block;font-size:18px}.treeHead>span{font-size:12px;color:var(--muted)}.treeSite{border-top:1px solid var(--line);padding:12px 16px 12px 28px}.treeSiteHead{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}.treeSiteHead span{font-size:12px;color:var(--muted)}.treeAsset{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:16px;align-items:center;border-left:3px solid rgba(36,199,143,.55);padding:10px 12px;margin:7px 0;background:rgba(255,255,255,.018);border-radius:0 10px 10px 0}.treeAsset small{display:block;color:var(--muted);margin-top:3px}.treeEmpty{padding:8px 12px;color:var(--muted);font-size:13px}.deviceChip{display:inline-flex;margin:3px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;border:1px solid var(--line)}.deviceChip.normal{border-color:rgba(36,199,143,.55)}.deviceChip.offline,.deviceChip.high{border-color:rgba(247,96,96,.65)}.commissioningGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.commissioningGrid>.card{position:relative}.stepBadge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(36,199,143,.15);border:1px solid rgba(36,199,143,.45);font-weight:800;margin-bottom:8px}.integrationHint{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.integrationHint code{display:block;margin:8px 0;padding:8px;overflow:auto}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.commissioningResult pre{white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto;background:#07110f;padding:12px;border-radius:10px;font-size:11px}.commissioningResult .keybox{user-select:all} @media(max-width:1200px){.commissioningGrid{grid-template-columns:1fr 1fr}.treeAsset{grid-template-columns:1fr}}@media(max-width:720px){.commissioningGrid{grid-template-columns:1fr}.treeHead,.treeSiteHead{align-items:flex-start;flex-direction:column}} /* ========================================================== IGVTEC Sentinel 1.0 - Visual System 10A Rediseño visual sin cambios de lógica ni API ========================================================== */ :root{ --sentinel-navy:#0b2633; --sentinel-navy-2:#123746; --sentinel-teal:#0b968e; --sentinel-teal-2:#17aa9f; --sentinel-bg:#f3f7f8; --sentinel-panel:#ffffff; --sentinel-line:#dce6ea; --sentinel-text:#142b36; --sentinel-muted:#6a7d87; --sentinel-success:#178763; --sentinel-warning:#b58118; --sentinel-danger:#c63f4c; --sentinel-info:#356fb6; --sentinel-radius:16px; --sentinel-shadow:0 8px 28px rgba(18,55,70,.07); color:var(--sentinel-text); background:var(--sentinel-bg); } html{background:var(--sentinel-bg);scroll-behavior:smooth} body{background:linear-gradient(180deg,#f8fbfc 0,var(--sentinel-bg) 220px);color:var(--sentinel-text)} button,input,select,textarea{outline:none} button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(11,150,142,.25);outline-offset:2px} /* Login */ .login{background:var(--sentinel-navy);grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr)} .loginBrand{padding:clamp(42px,7vw,110px);background:radial-gradient(circle at 20% 10%,rgba(23,170,159,.35),transparent 34%),linear-gradient(145deg,#0a2532,#123d4b 62%,#0c2c38);position:relative;overflow:hidden} .loginBrand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-160px;bottom:-140px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.015)} .loginBrand>div,.loginBrand>small,.loginBrand>img{position:relative;z-index:1} .loginBrand img{max-width:330px;margin-bottom:34px} .loginBrand h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.045em;line-height:.98} .loginBrand p{line-height:1.65;color:#c9dce3} .loginPanel{background:linear-gradient(180deg,#fff,#f8fbfc);padding:clamp(38px,7vw,100px)} .loginCard{background:white;border:1px solid var(--sentinel-line);border-radius:22px;padding:34px;box-shadow:0 22px 60px rgba(13,42,54,.12)} .loginCard h2{letter-spacing:-.03em} .loginCard input{min-height:48px;border-radius:12px;border-color:#cfdce1;transition:border-color .16s,box-shadow .16s} .loginCard input:focus{border-color:var(--sentinel-teal);box-shadow:0 0 0 4px rgba(11,150,142,.09)} .loginCard .primary{min-height:48px;margin-top:4px} /* Shell */ .shell{grid-template-columns:268px minmax(0,1fr)} .side{width:268px;background:linear-gradient(180deg,#0a2633 0%,#102f3d 65%,#0c2632 100%);padding:24px 16px 18px;gap:20px;box-shadow:10px 0 35px rgba(15,44,56,.06)} .side img{width:202px;margin:7px 10px 10px} .nav{gap:5px} .nav button{position:relative;padding:12px 13px;border-radius:11px;color:#bed0d7;font-size:13px;letter-spacing:.005em;transition:background .15s,color .15s,transform .15s} .nav button:hover{transform:translateX(2px);background:rgba(255,255,255,.07)} .nav button.active{background:linear-gradient(90deg,rgba(23,170,159,.24),rgba(23,170,159,.08));color:#fff;box-shadow:inset 3px 0 0 var(--sentinel-teal-2)} .userbox{border-top-color:rgba(255,255,255,.12);padding:16px 8px 0} .userbox b{font-size:13px;color:#fff}.userbox small{line-height:1.55;color:#9fb7c1} .userbox .ghost{border-color:rgba(255,255,255,.16);color:#dce8ed} /* Topbar */ .main{background:transparent} .top{height:88px;padding:17px 30px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,226,232,.9);box-shadow:0 2px 14px rgba(17,48,61,.035)} .top h1{font-size:23px;letter-spacing:-.025em;color:#122f3b} .top p{font-size:12px;color:#7b8b94} .top .status.normal{padding:7px 11px;background:#e9f8f3;color:#14785c;border:1px solid #c9eadf} .content{padding:30px 32px 54px;max-width:1580px} /* Typography and leads */ .lead{margin-bottom:22px;align-items:center} .lead h2{font-size:30px;letter-spacing:-.035em;color:#102f3c} .lead p{max-width:820px;line-height:1.55} .eyebrow{font-size:11px;letter-spacing:.14em;color:var(--sentinel-teal);font-weight:900} .small,.footerNote{color:#73848e} /* Cards */ .card{border:1px solid var(--sentinel-line);border-radius:var(--sentinel-radius);box-shadow:var(--sentinel-shadow);background:rgba(255,255,255,.98)} .cardHead{padding:18px 20px;border-bottom-color:#ebf1f3} .cardHead h3{font-size:15px;letter-spacing:-.01em} .cards{gap:16px;margin:20px 0} .metric{position:relative;overflow:hidden;min-height:126px} .metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#d8e6ea} .metric small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#70838d} .metric b{font-size:36px;letter-spacing:-.045em;color:#173947} .metric span{font-size:12px} .heroMetric:before{background:var(--sentinel-teal)} .heroMetric{background:linear-gradient(145deg,#fff,#f0faf7)} /* Buttons and form controls */ .primary,.secondary,.danger,.ghost{border-radius:11px;min-height:40px;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s} .primary{background:linear-gradient(180deg,#12a49a,#0b8f87);box-shadow:0 5px 14px rgba(11,150,142,.18)} .primary:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(11,150,142,.24)} .secondary{background:#eef5f6;color:#173e4c;border:1px solid #dce8eb} .secondary:hover,.ghost:hover{background:#e8f1f3} .danger{border:1px solid #f3ced2} .ghost{border-color:#d4e0e4} .form input,.form select,.form textarea,.filterGrid input,.filterGrid select,.auditFilterGrid input,.auditFilterGrid select,.dashboardFilterGrid select{border-radius:11px;border-color:#cedce1;min-height:42px;transition:border-color .15s,box-shadow .15s;background:#fff} .form input:focus,.form select:focus,.form textarea:focus,.filterGrid input:focus,.filterGrid select:focus,.auditFilterGrid input:focus,.auditFilterGrid select:focus,.dashboardFilterGrid select:focus{border-color:var(--sentinel-teal);box-shadow:0 0 0 4px rgba(11,150,142,.08)} /* Tables */ .tableCard{border-radius:var(--sentinel-radius)} table{font-size:13px} th{padding:12px 15px;background:#f7fafb;color:#687c87;font-size:10px;letter-spacing:.09em;text-transform:uppercase;position:sticky;top:0;z-index:1} td{padding:13px 15px;border-bottom-color:#edf2f4} tbody tr{transition:background .12s} tbody tr:hover{background:#f7fbfb} .status{border:1px solid transparent} .status.normal{background:#e8f7f1;color:#14785d;border-color:#cce9df} .status.high,.status.critical{background:#fff0f1;color:#b8323e;border-color:#f2cdd1} .status.low,.status.warning{background:#fff7e5;color:#8a6413;border-color:#f0dfad} .status.offline{background:#eef2f4;color:#5c6970;border-color:#dce4e7} .sourceTag,.actionTag{background:#eef6f7;border:1px solid #d9e8eb;color:#315866} /* Dashboard charts */ .dashboardCharts,.coldGrid,.grid2,.chartGrid,.reportGrid{gap:18px} .fleetChart,.barChart,.comparisonBars{background:linear-gradient(180deg,#fff,#fbfdfd)} .summaryStrip{background:linear-gradient(110deg,#103947,#174d59);border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 28px rgba(15,54,68,.12)} .summaryStrip small{color:#bcd5dc} .compareTrack{background:#e8eef1;height:11px} .dashboardConfig{background:linear-gradient(180deg,#fff,#f8fbfc)} .dashMeta{background:#f3f8f9;border:1px solid #e2ecef} /* Alerts */ .alert{border-left-width:4px;box-shadow:0 6px 20px rgba(35,61,72,.05)} .alert h3{letter-spacing:-.015em} .notice,.warn,.error{border-radius:12px} /* Structure */ .treeOrg{background:#fff;border-color:var(--sentinel-line);box-shadow:0 6px 20px rgba(18,55,70,.045)} .treeHead{background:#f7fafb} .treeSite{background:#fff} .treeAsset{background:#f8fbfb;border-left-color:rgba(11,150,142,.65)} .deviceChip{background:#f1f6f7;border-color:#dbe6e9;color:#294853} /* Audit */ .integrityCard.integrityOk{background:linear-gradient(145deg,#fff,#eff9f5)} .integrityCard.integrityBad{background:linear-gradient(145deg,#fff,#fff1f2)} .auditDetail pre{background:#0d2835;border:1px solid #214554} .hashBlock code{background:#f5f8f9;border-color:#dfe8eb} .integrityNote{background:#eff8f5;border-color:#d2e9e1} /* Toast */ #toast{box-shadow:0 14px 35px rgba(15,45,58,.15);border-radius:13px!important} /* Scrollbar */ *{scrollbar-width:thin;scrollbar-color:#b7c8cf transparent} ::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#bccbd1;border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent} /* Responsive refinement */ @media(max-width:1000px){.shell{grid-template-columns:1fr}.side{width:268px;left:-285px}.content{padding:22px}.top{padding:14px 20px}} @media(max-width:650px){.loginCard{padding:24px;border:0;box-shadow:none}.loginPanel{padding:22px}.top{height:auto;min-height:72px}.top>span{font-size:10px}.content{padding:16px 13px 40px}.lead h2{font-size:26px}.card{border-radius:14px}.metric{min-height:108px}.metric b{font-size:31px}th,td{padding:11px 12px}.cards{gap:10px}} /* ========================================================== IGVTEC Sentinel 10B - Consola de estado del sistema ========================================================== */ .systemLead .status{font-size:12px;padding:8px 12px} .systemMetrics{grid-template-columns:repeat(4,minmax(0,1fr))} .systemMetrics .metric b{font-size:27px;text-transform:uppercase} .systemGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0} .healthRows{display:grid;gap:0}.healthRows>div{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,.8fr) auto;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid #edf2f4}.healthRows>div:last-child{border-bottom:0}.healthRows span{color:var(--sentinel-muted);font-size:12px}.healthRows b{font-size:13px;overflow-wrap:anywhere}.healthRows small{color:var(--sentinel-muted);font-size:11px}.healthRows em{font-style:normal;justify-self:end}.diagnosticBox{display:grid;gap:14px;padding:20px}.diagnosticBox>div{display:grid;gap:5px;padding:13px 14px;background:#f7fafb;border:1px solid #e5edef;border-radius:12px}.diagnosticBox small{color:var(--sentinel-muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.diagnosticBox b{font-size:13px;overflow-wrap:anywhere}.diagnosticBox span{font-size:12px;color:var(--sentinel-muted)}.systemIncidents{margin-top:18px} @media(max-width:1100px){.systemGrid{grid-template-columns:1fr}.systemMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.systemMetrics{grid-template-columns:1fr}.healthRows>div{grid-template-columns:1fr;gap:5px}.healthRows em{justify-self:start}} /* IGVTEC Sentinel 10C - Centro de Alertas */ .alertLead{align-items:center}.alertMetrics{grid-template-columns:repeat(4,minmax(0,1fr))}.alertMetricCritical{border-color:#f0bdc2;background:#fff9f9}.alertMetricCritical:before{background:#d74653}.alertMetricCritical b{color:#b8323e}.alertMetricWarning{border-color:#eddca7;background:#fffdf7}.alertMetricWarning:before{background:#d1a128}.alertMetricWarning b{color:#826113}.alertFilterCard{padding:16px;margin-bottom:20px}.alertFilterGrid{display:grid;grid-template-columns:2fr repeat(5,minmax(130px,1fr));gap:10px;align-items:end}.alertFilterGrid label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#60727f;letter-spacing:.02em}.alertFilterGrid input,.alertFilterGrid select{width:100%;min-height:42px;border:1px solid #cedce1;border-radius:11px;padding:9px 10px;background:#fff;color:#172737}.alertFilterGrid input:focus,.alertFilterGrid select:focus{outline:0;border-color:var(--sentinel-teal);box-shadow:0 0 0 4px rgba(11,150,142,.08)}.alertFilterActions{grid-column:1/-1;display:flex;gap:8px;align-items:center;padding-top:4px}.alertFilterActions span{margin-left:auto;color:#6d7d88;font-size:12px}.alertQueue{margin-top:8px}.sectionTitle{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:20px 0 12px}.sectionTitle h3{margin:3px 0 0;font-size:20px}.alert{padding:20px;border-left-width:5px;margin-bottom:12px}.alert-critical{border-left-color:#d74653}.alert-warning{border-left-color:#d1a128}.alert-acknowledged{background:#fffdf8}.alert-resolved{border-left-color:#20a47c;opacity:.92}.alertBadges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:7px}.alertClock{text-align:right;min-width:105px}.alertClock b,.alertClock small{display:block}.alertClock b{font-size:20px;color:#173947}.alertClock small{color:#71818c;margin-top:2px}.alertMessage{margin:14px 0;padding:12px 14px;background:#f7fafb;border-radius:10px;color:#334d59;font-weight:650}.alertMeta{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:11px;color:#71818c;margin:10px 0}.alertTrace{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:9px 12px;margin:8px 0;border-radius:9px;background:#f2f7f8;font-size:12px}.alertTrace b{color:#315563}.alertTrace span{color:#60727f}.alertActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #edf1f3}.alertActions input{min-width:300px;flex:1;min-height:42px;border:1px solid #cedce1;border-radius:10px;padding:9px 11px}.alertActions button:disabled{opacity:.55;cursor:not-allowed}.alertHistory .alertCommentCell{max-width:320px;white-space:normal;min-width:180px;color:#53656f}@media(max-width:1250px){.alertFilterGrid{grid-template-columns:repeat(3,1fr)}.alertMetrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.alertFilterGrid,.alertMetrics{grid-template-columns:1fr}.alertFilterActions{align-items:stretch;flex-direction:column}.alertFilterActions span{margin-left:0}.alertTop,.sectionTitle{display:block}.alertClock{text-align:left;margin-top:10px}.alertActions input{min-width:100%;width:100%}.alertTrace{grid-template-columns:1fr}.alert{padding:16px}} /* IGVTEC Sentinel 10D - Dashboard Ejecutivo */ .executiveHero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.8fr);gap:0;margin:18px 0;border:1px solid var(--sentinel-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(18,55,70,.055)} .executiveHeroMain{padding:24px 26px;background:linear-gradient(135deg,#f9fcfc 0%,#fff 65%)}.executiveHero.critical{border-color:#efc6ca}.executiveHero.warning{border-color:#eadba9}.executiveHero.normal{border-color:#cfe7df} .executiveHeadline{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-top:5px}.executiveHeadline h3{font-size:28px;line-height:1.08;margin:4px 0 6px;letter-spacing:-.035em;color:#173947}.executiveHeadline p{margin:0;color:#61727d;max-width:680px}.executiveHeadline .status{flex:none;margin-top:5px} .executiveKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.executiveKpis>div{padding:14px 15px;border:1px solid #e4ecef;border-radius:12px;background:#fff}.executiveKpis small{display:block;color:#71818c;font-size:9px;font-weight:850;letter-spacing:.07em}.executiveKpis b{display:block;margin:5px 0 2px;font-size:25px;color:#173947;letter-spacing:-.03em}.executiveKpis b.execDate{font-size:15px;line-height:1.3}.executiveKpis span{display:block;color:#83909a;font-size:10px;line-height:1.3}.executiveActions{display:flex;gap:8px;margin-top:18px} .executivePriority{padding:22px 20px;background:#f7fafb;border-left:1px solid #e7eef0}.executivePriority .cardHead{margin-bottom:10px}.priorityList{display:grid;gap:7px}.priorityRow{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:10px;border:1px solid #dfe8eb;border-radius:11px;background:#fff;color:#263f4b;cursor:pointer;transition:.15s ease}.priorityRow:hover{transform:translateY(-1px);border-color:#b9d6da;box-shadow:0 5px 14px rgba(21,61,75,.06)}.priorityNumber{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eef5f6;color:#315b66;font-weight:900;font-size:11px}.priorityBody b,.priorityBody small,.priorityBody em,.priorityTemp small{display:block}.priorityBody b{font-size:12px}.priorityBody small{font-size:10px;color:#71818c;margin-top:1px}.priorityBody em{font-style:normal;font-size:10px;color:#a44951;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priorityTemp{text-align:right;font-weight:850;color:#173947;font-size:13px}.priorityTemp small{font-size:9px;color:#7b8992;font-weight:700;margin-top:2px}.executiveOk{display:grid;gap:4px;padding:18px;border:1px dashed #bcded3;border-radius:12px;background:#f2faf7;color:#28725c}.executiveOk span{font-size:11px;color:#648076} .sitePulse{margin:18px 0}.sitePulseGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sitePulseCard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:14px 15px;border:1px solid #dfe8eb;border-radius:12px;background:#fff;text-align:left;color:#27434e;cursor:pointer}.sitePulseCard:hover{border-color:#b8d5da;background:#fbfefe}.sitePulseCard span b,.sitePulseCard span small{display:block}.sitePulseCard span b{font-size:12px}.sitePulseCard span small{font-size:9px;color:#7b8992;margin-top:2px}.sitePulseCard strong{font-size:20px;letter-spacing:-.03em}.sitePulseCard em{grid-column:1/-1;font-style:normal;font-size:9px;color:#73828b}.sitePulseCard.critical{border-left:4px solid #d74653}.sitePulseCard.warning{border-left:4px solid #d1a128}.sitePulseCard.normal{border-left:4px solid #20a47c} @media(max-width:1250px){.executiveHero{grid-template-columns:1fr}.executivePriority{border-left:0;border-top:1px solid #e7eef0}.executiveKpis,.sitePulseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.executiveHeroMain,.executivePriority{padding:18px 15px}.executiveHeadline{display:block}.executiveHeadline h3{font-size:24px}.executiveHeadline .status{display:inline-block;margin-top:10px}.executiveKpis,.sitePulseGrid{grid-template-columns:1fr}.executiveActions{flex-direction:column}.priorityRow{grid-template-columns:28px minmax(0,1fr)}.priorityTemp{grid-column:2;text-align:left}.priorityBody em{white-space:normal}} /* ========================================================== IGVTEC Sentinel 10E - Ficha operativa de equipo ========================================================== */ .deviceBack{margin-bottom:12px}.deviceHero{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--sentinel-line);border-left:5px solid #20a47c;border-radius:18px;background:#fff;box-shadow:var(--sentinel-shadow);overflow:hidden;margin-bottom:16px}.deviceHero.critical{border-left-color:#d74653}.deviceHero.warning{border-left-color:#d1a128}.deviceHero.offline{border-left-color:#73838b}.deviceHeroMain{padding:22px 24px}.deviceHeroTitle{display:flex;justify-content:space-between;gap:18px;align-items:start}.deviceHeroTitle h2{margin:4px 0 3px;font-size:29px;letter-spacing:-.035em;color:#173947}.deviceHeroTitle p,.deviceConditionText{margin:0;color:#657680}.deviceConditionText{margin-top:9px;font-size:12px}.deviceHeroMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.deviceHeroMeta span{display:block;padding:10px 12px;border:1px solid #e4ecef;background:#f8fbfc;border-radius:11px}.deviceHeroMeta small,.deviceHeroMeta b,.deviceHeroMeta em{display:block}.deviceHeroMeta small{font-size:9px;letter-spacing:.06em;color:#788993;text-transform:uppercase}.deviceHeroMeta b{font-size:12px;margin-top:4px;color:#294954}.deviceHeroMeta em{font-size:9px;font-style:normal;color:#7c8a92;margin-top:2px}.deviceHeroActions{min-width:210px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px;border-left:1px solid #e7eef0;background:#f8fbfc}.deviceLiveGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0}.deviceLive{padding:16px 17px;min-height:112px;border-left:4px solid #dce6ea}.deviceLive.normal{border-left-color:#20a47c}.deviceLive.warning{border-left-color:#d1a128;background:#fffdf8}.deviceLive.critical{border-left-color:#d74653;background:#fff9f9}.deviceLive.offline{border-left-color:#89969c}.deviceLive small,.deviceLive b,.deviceLive span{display:block}.deviceLive small{font-size:9px;font-weight:850;letter-spacing:.07em;color:#73848e}.deviceLive b{font-size:25px;letter-spacing:-.03em;color:#173947;margin:8px 0 4px}.deviceLive span{font-size:10px;color:#76868f}.devicePeriodCard{margin:16px 0}.devicePeriodCard>.cardHead{display:flex;align-items:center;justify-content:space-between}.devicePeriodMetrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0 18px}.devicePeriodMetrics>div{padding:18px 12px;border-right:1px solid #edf2f4}.devicePeriodMetrics>div:last-child{border-right:0}.devicePeriodMetrics small,.devicePeriodMetrics b,.devicePeriodMetrics span{display:block}.devicePeriodMetrics small{font-size:9px;letter-spacing:.065em;color:#778892}.devicePeriodMetrics b{font-size:23px;color:#173947;margin:5px 0}.devicePeriodMetrics span{font-size:10px;color:#80909a}.deviceMetricNote{margin:0;padding:10px 18px 14px;border-top:1px solid #edf2f4;color:#72838d;font-size:10px}.deviceInfoGrid,.deviceOpsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.deviceInfoRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:9px 18px 16px;gap:0 18px}.deviceInfoRows>div{padding:10px 0;border-bottom:1px solid #edf2f4}.deviceInfoRows span,.deviceInfoRows b,.deviceInfoRows small{display:block}.deviceInfoRows span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7a8992}.deviceInfoRows b{font-size:12px;color:#2b4652;margin-top:3px;overflow-wrap:anywhere}.deviceInfoRows small{font-size:9px;color:#88959c;margin-top:2px}.deviceRows{padding:7px 18px 16px}.deviceAlertRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f4}.deviceAlertRow:last-child{border-bottom:0}.deviceAlertRow b,.deviceAlertRow small{display:block}.deviceAlertRow b{font-size:11px}.deviceAlertRow small{font-size:9px;color:#788892;margin-top:2px}.deviceAlertRow em{font-size:9px;color:#788892;font-style:normal;white-space:nowrap}.deviceTaskRow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f4}.deviceTaskRow:last-child{border-bottom:0}.deviceTaskRow.late{border-left:3px solid #d74653;padding-left:10px}.deviceTaskRow b,.deviceTaskRow small{display:block}.deviceTaskRow b{font-size:12px;margin:2px 0}.deviceTaskRow small{font-size:9px;color:#788892}.deviceCharts{margin-top:16px} @media(max-width:1250px){.deviceLiveGrid,.devicePeriodMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.devicePeriodMetrics>div:nth-child(3){border-right:0}.devicePeriodMetrics>div:nth-child(-n+3){border-bottom:1px solid #edf2f4}} @media(max-width:900px){.deviceHero{grid-template-columns:1fr}.deviceHeroActions{border-left:0;border-top:1px solid #e7eef0;flex-direction:row;flex-wrap:wrap}.deviceHeroMeta,.deviceInfoGrid,.deviceOpsGrid{grid-template-columns:1fr}.deviceLiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.deviceHeroMain{padding:18px 15px}.deviceHeroTitle{display:block}.deviceHeroTitle .status{display:inline-block;margin-top:9px}.deviceHeroMeta,.deviceLiveGrid,.devicePeriodMetrics,.deviceInfoRows{grid-template-columns:1fr}.devicePeriodMetrics>div{border-right:0;border-bottom:1px solid #edf2f4}.deviceHeroActions{flex-direction:column}.devicePeriodCard>.cardHead{align-items:flex-start;gap:10px;flex-direction:column}.deviceAlertRow{grid-template-columns:1fr}.deviceAlertRow em{white-space:normal}.deviceTaskRow{align-items:flex-start;flex-direction:column}} /* ========================================================== IGVTEC Sentinel 10F - Administracion de clientes y usuarios ========================================================== */ .adminMetrics{grid-template-columns:repeat(4,minmax(0,1fr))}.adminClients{margin:18px 0}.clientGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.clientCard{border:1px solid var(--sentinel-line);border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(18,55,70,.045);padding:17px 18px}.clientCardHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.clientCardHead h3{margin:3px 0 2px;font-size:18px;color:#173947}.clientCardHead small{display:block;color:#7b8b94;font-size:10px;min-height:15px}.clientStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}.clientStats span{display:block;text-align:center;padding:9px 5px;border-radius:10px;background:#f6fafb;border:1px solid #e7eef0;font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#71818b}.clientStats b{display:block;font-size:18px;color:#234b58;margin-bottom:2px;letter-spacing:-.03em}.adminFilter{margin:18px 0}.adminFilterGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.adminFilterGrid label{display:grid;gap:5px;font-size:10px;font-weight:850;color:#60727d;letter-spacing:.035em}.adminFilterGrid input,.adminFilterGrid select{width:100%;min-height:42px;border:1px solid #cedce1;border-radius:11px;padding:9px 11px;background:#fff}.adminFilterGrid input:focus,.adminFilterGrid select:focus{outline:0;border-color:var(--sentinel-teal);box-shadow:0 0 0 4px rgba(11,150,142,.08)}.status.muted{background:#eef2f4;color:#65737b;border-color:#dde5e8}.adminEditor{margin:18px 0;border-color:#cfe1e4;background:linear-gradient(180deg,#fff,#fbfdfd)}.adminEditGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0 18px 20px}.adminEditGrid .form{padding:0}.adminEditGrid h4{margin:0 0 3px;color:#274955}.adminCreateGrid{margin-top:18px}.adminCreateGrid hr{border:0;border-top:1px solid #e7eef0;margin:20px 0}.adminCreateGrid h3{margin-top:0}.tableCard .status{white-space:nowrap} @media(max-width:1200px){.clientGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adminMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.clientStats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.clientGrid,.adminMetrics,.adminFilterGrid,.adminEditGrid{grid-template-columns:1fr}.clientStats{grid-template-columns:repeat(2,minmax(0,1fr))}.clientCardHead{align-items:flex-start}.adminEditGrid{padding:0 14px 16px}} /* IGVTEC Sentinel 10G - Mantenimiento preventivo y calibraciones */ .maintenanceLead{align-items:flex-start} .maintenanceMetrics{margin-bottom:18px}.maintenanceMetrics .metricCritical{border-color:rgba(185,28,28,.28);box-shadow:inset 0 3px 0 #b91c1c}.maintenanceMetrics .metricWarning{border-color:rgba(180,83,9,.25);box-shadow:inset 0 3px 0 #b45309} .maintenanceFilterCard{margin-bottom:20px}.maintenanceFilterGrid{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr));gap:12px;align-items:end}.maintenanceFilterActions{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.maintenanceFilterActions span{margin-left:auto;color:var(--sentinel-muted,#6a7d87);font-size:13px} .maintenanceQueue{display:grid;gap:12px;margin-bottom:20px}.maintenanceTask{padding:18px 20px;border-left:4px solid var(--sentinel-line,#dce6ea)}.maintenanceTask.maintenanceOverdue{border-left-color:#b91c1c}.maintenanceTaskHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.maintenanceTaskHead h3{margin:7px 0 3px}.maintenanceTaskHead p{margin:0;color:var(--sentinel-muted,#6a7d87)}.maintenanceType{text-align:right;min-width:150px}.maintenanceType b,.maintenanceType small{display:block}.maintenanceType small{margin-top:5px;color:var(--sentinel-muted,#6a7d87)} .maintenanceTaskMeta{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin:16px 0}.maintenanceTaskMeta span{padding:10px 12px;border:1px solid var(--sentinel-line,#dce6ea);border-radius:10px;background:#f7fafb}.maintenanceTaskMeta small,.maintenanceTaskMeta b{display:block}.maintenanceTaskMeta small{color:var(--sentinel-muted,#6a7d87);margin-bottom:4px}.maintenanceNotes{padding:12px 14px;background:#f7fafb;border:1px solid var(--sentinel-line,#dce6ea);border-radius:10px;line-height:1.5;font-size:13px;word-break:break-word}.maintenanceActions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.maintenanceEditor{margin-top:18px}.completionEditor{border-top:3px solid var(--sentinel-teal,#0b968e)}.technicalLog{margin:16px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:normal} .status.muted{background:#eef2f4;color:#5e6b73}.status.critical{background:#fee2e2;color:#991b1b} @media(max-width:1050px){.maintenanceFilterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenanceTaskMeta{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.maintenanceFilterGrid{grid-template-columns:1fr}.maintenanceTaskHead{display:block}.maintenanceType{text-align:left;margin-top:10px}.maintenanceTaskMeta{grid-template-columns:1fr}.maintenanceActions{justify-content:flex-start}} /* IGVTEC Sentinel - Logo definitivo 2026-08-23 */ .loginBrand>img,.side>img,.brandedReport>img{filter:none!important;opacity:1!important;visibility:visible!important;display:block!important;object-fit:contain!important;object-position:center!important} .loginBrand>img{width:min(520px,92%)!important;max-width:520px!important;height:auto!important;padding:14px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 16px 40px rgba(0,0,0,.18)!important} .side>img{width:226px!important;max-width:calc(100% - 8px)!important;height:auto!important;margin:3px 4px 12px!important;padding:9px 10px!important;border-radius:13px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 7px 20px rgba(0,0,0,.16)!important} .brandedReport>img{width:min(360px,100%)!important;max-height:none!important;height:auto!important;margin:0 0 18px!important;padding:6px!important;border-radius:10px!important;background:#fff!important} /* IGVTEC Sentinel 10H - Dossier de auditoria */ .auditDossierCard{border:1px solid rgba(14,157,147,.28);box-shadow:0 18px 42px rgba(16,43,59,.09)} .auditDossierCard h3{font-size:1.35rem;margin-bottom:5px} .dossierIncludes{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px} .dossierIncludes span{font-size:.78rem;font-weight:700;padding:6px 9px;border-radius:999px;background:rgba(14,157,147,.09);color:#0b756f;border:1px solid rgba(14,157,147,.16)} /* IGVTEC Sentinel 10I - Centro de Notificaciones */ .notificationMetrics{margin-bottom:18px} .notificationPolicy{margin-bottom:18px;border-top:3px solid var(--sentinel-teal,#0e9d93)} .notificationList{display:grid;gap:12px} .notificationItem{padding:18px 20px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease} .notificationItem:hover{transform:translateY(-1px)} .notificationUnread{border-left:4px solid var(--sentinel-teal,#0e9d93);box-shadow:0 8px 22px rgba(16,43,59,.08)} .notificationHead{display:flex;justify-content:space-between;gap:24px;align-items:flex-start} .notificationHead h3{margin:9px 0 6px}.notificationHead p{margin:0;max-width:820px;line-height:1.5} .notificationTime{text-align:right;min-width:150px}.notificationTime b,.notificationTime small{display:block}.notificationTime small{margin-top:5px;opacity:.7} .notificationActions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(16,43,59,.08)} @media(max-width:750px){.notificationHead{display:block}.notificationTime{text-align:left;margin-top:12px}.notificationActions{justify-content:flex-start;flex-wrap:wrap}} /* IGVTEC Sentinel 10J - External notification channels */ .externalProvider,.externalContacts,.externalDeliveries{margin-bottom:18px} .externalProvider{border-top:3px solid var(--sentinel-teal,#0e9d93)} .externalProviderGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0} .externalProviderGrid>div{border:1px solid rgba(16,43,59,.09);border-radius:12px;padding:14px;background:rgba(244,247,249,.6);display:grid;gap:4px} .externalProviderGrid small{font-size:.72rem;letter-spacing:.08em;font-weight:700;opacity:.65} .externalProviderGrid b{font-size:1rem;color:var(--sentinel-navy,#102b3b)} .externalProviderGrid span{font-size:.82rem;opacity:.76;overflow-wrap:anywhere} .externalProvider code{font-size:.78rem;background:rgba(16,43,59,.06);padding:2px 6px;border-radius:5px} .policyDivider{margin-top:8px;padding-top:16px;border-top:1px solid rgba(16,43,59,.1);display:grid;gap:2px} .policyDivider b{font-size:1.05rem} .externalContacts table input[type="tel"]{min-width:165px;width:100%} .externalContacts table input[type="checkbox"]{width:18px;height:18px;accent-color:var(--sentinel-teal,#0e9d93)} .externalTestButtons,.externalRowActions{display:flex;gap:6px;flex-wrap:wrap} button.mini{padding:6px 9px;font-size:.76rem;min-height:auto} .rowMuted{opacity:.58} .deliveryError{display:block;max-width:320px;margin-top:5px;color:#a0342b;white-space:normal} .externalDeliveries td small{display:block;margin-top:3px} @media(max-width:900px){.externalProviderGrid{grid-template-columns:1fr}.externalContacts table{min-width:900px}.externalDeliveries table{min-width:900px}} /* IGVTEC Sentinel 10K - Evidencias documentales */ .evidenceUpload{border-top:3px solid var(--sentinel-teal,#0e9d93)} .evidenceUpload input[type=file]{padding:10px;background:#fff} .evidenceUpload textarea{min-height:88px;resize:vertical} .tableWrap .hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;white-space:nowrap} /* IGVTEC Sentinel 10L - Puesta en servicio guiada */ .commissioningMetrics{margin-bottom:16px}.commissioningWorkspace{margin-top:18px}.commissioningColumns{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin:18px 0}.commissioningColumns h4,.commissionManual h4{margin:0 0 12px}.commissionCheck{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:7px 0;border:1px solid var(--sentinel-border,#dfe7eb);border-radius:12px;background:#fff}.commissionCheck>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-weight:800}.commissionCheck.ok>span{background:#e8f7f1;color:#08745f}.commissionCheck.missing>span{background:#f1f4f6;color:#7d8c94}.commissionCheck small{display:block;margin-top:3px;color:#657780}.commissionTelemetry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commissionTelemetry>div{padding:12px;border-radius:12px;background:#f6f9fa;border:1px solid #e1e8eb}.commissionTelemetry span{display:block;font-size:.75rem;color:#667780;text-transform:uppercase;letter-spacing:.04em}.commissionTelemetry b{display:block;margin-top:4px}.commissionManual{border-top:1px solid #e2e9ec;padding-top:18px}.commissionManualGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.commissionManualItem{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px;padding:12px;border:1px solid #dfe7eb;border-radius:12px;background:#fff}.commissionManualItem input{width:auto!important;margin-top:3px}.commissionActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.commissionActions .small{max-width:720px}@media(max-width:900px){.commissioningColumns,.commissionManualGrid{grid-template-columns:1fr}.commissionTelemetry{grid-template-columns:1fr 1fr}} /* IGVTEC Sentinel 10M - ciclo de vida de dispositivos */ .lifecycleMetrics{margin-bottom:18px}.rowMuted{opacity:.62}.lifecycleWorkspace{margin-top:18px}.lifecycleColumns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px;align-items:start}.lifecycleConfig{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lifecycleConfig h4,.lifecycleConfig .wide{grid-column:1/-1}.lifecycleActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lifecycleHistoryHead{margin-top:24px}.timeline{display:grid;gap:0;margin-top:8px}.timelineItem{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--sentinel-border,#dfe7eb)}.timelineItem>span{width:10px;height:10px;border-radius:50%;background:var(--sentinel-teal,#0e9d93);margin-top:5px;box-shadow:0 0 0 4px rgba(14,157,147,.12)}.timelineItem b,.timelineItem small{display:block}.timelineItem p{margin:4px 0 0}.danger{background:#fff;border:1px solid #c93d3d;color:#a52323;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}.danger:hover{background:#fff3f3}.lifecycleWorkspace code{font-size:.86em;background:#eef4f6;padding:2px 5px;border-radius:4px}@media(max-width:900px){.lifecycleColumns{grid-template-columns:1fr}.lifecycleConfig{grid-template-columns:1fr}.lifecycleConfig h4,.lifecycleConfig .wide{grid-column:auto}} /* IGVTEC Sentinel 10N - transporte y geolocalizacion */ .transportCreate{margin-bottom:18px}.transportStats{grid-template-columns:repeat(5,minmax(0,1fr));margin:16px 0}.routeCard{border:1px solid var(--border,#dce4e8);border-radius:16px;padding:12px;background:#fbfdfe}.routeSvg{display:block;width:100%;height:auto;max-height:340px}.routeSvg rect{fill:#f4f8fa;stroke:#d7e2e7}.routeSvg path{fill:none;stroke:var(--sentinel-teal,#0e9d93);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.routeSvg circle{stroke:white;stroke-width:2}.routeStart{fill:#16a34a}.routeEnd{fill:#dc2626}.routeLegend{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:8px;font-size:.88rem;color:var(--text-muted,#61707a)}.transportActions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.transportDetail{margin-top:18px}.check{display:flex!important;align-items:center;gap:10px}.check input{width:auto!important}@media(max-width:900px){.transportStats{grid-template-columns:repeat(2,minmax(0,1fr))}} /* IGVTEC Sentinel 10O - geocercas y control de ruta */ .routeExpected{stroke:#64748b;stroke-width:2.5;stroke-dasharray:9 7;opacity:.75}.routePlanStart{fill:#15803d;stroke:#dcfce7!important;stroke-width:4!important}.routePlanEnd{fill:#b91c1c;stroke:#fee2e2!important;stroke-width:4!important}.geoStats{grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0 16px}.geoStats .miniStat small{display:block;margin-top:5px;color:var(--text-muted,#61707a)}.geoHead{margin-top:20px}.routeNote{margin:8px 2px 0}.transportCreate label small{display:block;margin-top:5px;font-weight:400;color:var(--text-muted,#61707a)}@media(max-width:900px){.geoStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.geoStats{grid-template-columns:1fr}} /* IGVTEC Sentinel 10P - Cadena de custodia */ .custodyCard{margin:18px 0;padding:18px;border:1px solid rgba(14,157,147,.22);border-radius:16px;background:linear-gradient(180deg,rgba(14,157,147,.045),rgba(255,255,255,.8))} .custodyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px} .custodyGrid>div{padding:12px;border-radius:12px;background:var(--sentinel-surface,#fff);border:1px solid rgba(16,43,59,.1)} .custodyGrid span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#657782;margin-bottom:4px}.custodyGrid b{word-break:break-word} .custodyNote{margin-top:12px;padding:12px;border-left:3px solid var(--sentinel-teal,#0e9d93);background:rgba(14,157,147,.06);border-radius:8px} .custodyHead{margin-top:20px}.custodyTimeline{margin-bottom:20px}.custodyActions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.custodyActions form{padding:16px;border:1px solid rgba(16,43,59,.1);border-radius:14px;background:rgba(255,255,255,.72)} .receiptForm{border-color:rgba(14,157,147,.25)!important} @media(max-width:900px){.custodyGrid{grid-template-columns:1fr 1fr}.custodyActions{grid-template-columns:1fr}} @media(max-width:620px){.custodyGrid{grid-template-columns:1fr}} /* IGVTEC Sentinel 10Q - Acta de transporte */ .transportReportBar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:16px 0;padding:16px 18px;border:1px solid var(--line,#d9e2e8);border-radius:14px;background:linear-gradient(135deg,rgba(14,157,147,.08),rgba(16,43,59,.04))} .transportReportBar>div:first-child{display:grid;gap:3px}.transportReportBar b{font-size:15px}.transportReportBar small{color:var(--muted,#687985)} .transportReportBar .reportButtons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} @media(max-width:750px){.transportReportBar{align-items:stretch;flex-direction:column}.transportReportBar .reportButtons{justify-content:flex-start}.transportReportBar .reportButtons button{flex:1}} /* IGVTEC Sentinel 10R - Audit HMAC sealing */ .auditCards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} /* IGVTEC Sentinel 10S - Seguridad MFA */ .securityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px} .securitySetup{margin-top:18px;border:1px solid rgba(14,157,147,.25)} .secretBox{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed #9fb4bf;border-radius:12px;background:#f7fafb;margin:14px 0;overflow:auto} .secretBox code{font-size:1.05rem;letter-spacing:.08em;word-break:break-all;flex:1} .securityActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px} .securityRecovery{margin-top:18px;border:2px solid #e4b94f} .securityRecovery pre{padding:16px;border-radius:12px;background:#0f2938;color:#fff;line-height:1.75;letter-spacing:.08em;font-size:1rem;overflow:auto} .miniGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.miniGrid>div{padding:12px;border:1px solid #dbe5ea;border-radius:10px;background:#f8fafb}.miniGrid small{display:block;color:#6a7e88;margin-bottom:5px} button.danger{background:#fff3f3;border:1px solid #d76b6b;color:#9b2424}button.tiny{padding:6px 9px;font-size:.78rem} @media(max-width:900px){.securityGrid{grid-template-columns:1fr}} /* CORRECCION 10T - desplazamiento vertical del menu lateral */ .side{ overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior-y:contain; scrollbar-gutter:stable; min-height:0; } .side>img,.side>.nav,.side>.userbox{flex-shrink:0} .side>.nav{flex:0 0 auto} .side>.userbox{flex:0 0 auto} .side::-webkit-scrollbar{width:8px} .side::-webkit-scrollbar-track{background:rgba(255,255,255,.04)} .side::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px} .side::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.36)} @media(max-width:1000px){.side{height:100dvh;max-height:100dvh;padding-bottom:28px}} /* IGVTEC Sentinel 10U - Validacion preproduccion */ .preflightSummary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px} .preflightNotice{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 16px;border-radius:14px;margin:0 0 18px;border:1px solid #dbe4e8;background:#f7fafb} .preflightNotice b,.preflightNotice span{display:block}.preflightNotice span{font-size:.85rem;color:#667984} .preflightNotice.ready{border-color:#a7ddcf;background:#effaf6}.preflightNotice.attention{border-color:#ead7a0;background:#fffaf0}.preflightNotice.blocked{border-color:#e4b0b0;background:#fff4f4} .preflightGroup{margin-bottom:16px}.preflightChecks{display:grid;gap:9px}.preflightCheck{display:grid;grid-template-columns:105px 1fr;gap:12px;align-items:start;padding:13px 14px;border:1px solid #dde6ea;border-radius:12px;background:#fff} .preflightCheck>div>b{display:block;margin-bottom:3px}.preflightCheck p{margin:0;color:#344b57;line-height:1.45}.preflightCheck small{display:block;margin-top:5px;color:#6a7d86;line-height:1.4} .preflightCheck.critical{border-left:4px solid #b42318}.preflightCheck.warning{border-left:4px solid #d69e2e}.preflightCheck.ok{border-left:4px solid #16836c}.preflightCheck.info{border-left:4px solid #7b8b94} @media(max-width:900px){.preflightSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.preflightNotice{align-items:flex-start;flex-direction:column}.preflightCheck{grid-template-columns:1fr}.preflightCheck>.status{justify-self:start}} @media(max-width:540px){.preflightSummary{grid-template-columns:1fr}} /* IGVTEC Sentinel CORRECCION 10V - Pruebas integrales de aceptacion */ .acceptanceSummary{grid-template-columns:repeat(3,minmax(0,1fr))} .acceptanceNotice{border-left:4px solid #0e9d93} .acceptanceChecks{display:grid;gap:10px} .acceptanceCheck{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px;border:1px solid #dfe7eb;border-radius:12px;background:#fff} .acceptanceCheck.failed{border-color:#efc1c1;background:#fff8f8} .acceptanceCheck p{margin:4px 0 0;color:#5d6b73} @media(max-width:900px){.acceptanceSummary{grid-template-columns:1fr}} /* IGVTEC Sentinel 10W - Cierre de version y recuperacion */ .releaseSummary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px} .releaseChecks{display:grid;gap:10px}.releaseCheck{display:grid;grid-template-columns:105px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid #dde6ea;border-radius:12px;background:#fff}.releaseCheck.ok{border-left:4px solid #16836c}.releaseCheck.failed{border-left:4px solid #b42318;background:#fff9f9}.releaseCheck p{margin:4px 0 0;color:#5f7079} .releasePaths{display:grid;gap:8px;margin:10px 0 14px}.releasePaths>div{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e0e8ec;border-radius:10px;background:#f8fafb}.releasePaths code{word-break:break-all;font-size:.82rem}.releaseSystem{margin-top:18px} @media(max-width:900px){.releaseSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.releasePaths>div{grid-template-columns:1fr}.releaseCheck{grid-template-columns:1fr}.releaseCheck>.status{justify-self:start}} @media(max-width:540px){.releaseSummary{grid-template-columns:1fr}} /* CORRECCION 10Y - reportes diarios automaticos */ .dailyReportCard{margin-bottom:18px}.dailyReportControls{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(320px,1.5fr) minmax(160px,.6fr);gap:14px;align-items:end;margin-top:10px}.dailyPolicyForm{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:center}.dailyRunForm{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:10px;align-items:end}.dailySchedule,.miniField{border:1px solid var(--line,#d9e2e7);border-radius:12px;padding:12px;background:#fff}.dailySchedule small,.miniField small{display:block;font-size:11px;letter-spacing:.06em}.dailySchedule b,.miniField b{display:block;font-size:18px;margin:3px 0}.dailySchedule span,.miniField span{font-size:12px;opacity:.75}.dailyReportTable{margin-top:16px}.reportButtons.compact{gap:5px;flex-wrap:wrap}.errorText{display:block;max-width:280px;margin-top:5px}.dailyReportCard .check{white-space:nowrap} @media(max-width:1100px){.dailyReportControls{grid-template-columns:1fr}.dailyPolicyForm{grid-template-columns:1fr 1fr}.dailyPolicyForm button{grid-column:1/-1}.dailyRunForm{grid-template-columns:1fr auto}} @media(max-width:680px){.dailyPolicyForm,.dailyRunForm{grid-template-columns:1fr}.dailyReportTable table{min-width:720px}} /* IGVTEC Sentinel 10AA - retencion y archivo historico */ .archiveMetrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px} .archivePolicyGrid{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(420px,1.7fr) minmax(180px,.6fr);gap:16px;align-items:end} .archivePolicyForm{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:12px;align-items:end} .archivePolicyForm label small{display:block;margin-top:5px;color:var(--muted,#687985)} .archiveManual{display:grid;gap:8px}.archiveManual small{color:var(--muted,#687985)} .archiveSafety{margin-top:18px;padding:15px 16px;border:1px solid #dce7eb;border-left:4px solid var(--sentinel-teal,#0e9d93);border-radius:12px;background:#f8fbfc} .archiveSafety b{display:block;margin-bottom:4px}.archiveSafety p{margin:0 0 9px;line-height:1.45;color:#4f626c}.archiveSafety code{word-break:break-all;font-size:.8rem} .dangerCheck{color:#8b2929}.archivePolicy table small{display:block} @media(max-width:1100px){.archivePolicyGrid{grid-template-columns:1fr}.archivePolicyForm{grid-template-columns:1fr 1fr}.archivePolicyForm button{grid-column:1/-1}} @media(max-width:760px){.archiveMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.archivePolicyForm{grid-template-columns:1fr}} @media(max-width:520px){.archiveMetrics{grid-template-columns:1fr}} /* 10AB - alta masiva */ .bulkCard{display:grid;gap:16px}.bulkGrid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,2fr);gap:14px}.bulkText{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;white-space:pre}.bulkLoaded{padding:10px 12px;border-radius:10px;background:rgba(14,157,147,.08);border:1px solid rgba(14,157,147,.18)}.bulkScore{display:flex;align-items:center;gap:14px}.bulkScore>b{font-size:24px}.bulkErrors{display:grid;gap:7px;max-height:360px;overflow:auto;padding:12px;border:1px solid rgba(190,50,50,.18);background:rgba(190,50,50,.05);border-radius:12px}.bulkErrors>div{padding:7px 9px;border-bottom:1px solid rgba(0,0,0,.06)}.bulkErrors>div:last-child{border-bottom:0}.secretCard{border:1px solid rgba(14,157,147,.28);box-shadow:0 0 0 3px rgba(14,157,147,.05)}.notice.soft{background:rgba(16,43,59,.04);border-color:rgba(16,43,59,.1)}a.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none} @media(max-width:820px){.bulkGrid{grid-template-columns:1fr}.bulkScore{align-items:flex-start;flex-direction:column;gap:5px}} /* IGVTEC Sentinel 10AC - Service Desk */ .supportMetrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.supportCreateGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.supportCreateGrid .wide{grid-column:1/-1}.supportFilters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:14px}.clickable{cursor:pointer}.clickable:hover td{background:rgba(14,157,147,.05)}.supportDetail{margin-top:18px}.supportDescription{white-space:pre-wrap;padding:14px;border-left:4px solid var(--sentinel-teal,#0e9d93);background:#f8fbfc}.supportManage{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:end;margin:16px 0}.supportTimeline{display:grid;gap:8px;margin:16px 0}.supportTimeline article{padding:10px 12px;border:1px solid #dfe7eb;border-radius:10px}.supportTimeline small{display:block;color:#667984;margin-top:3px}.supportTimeline p{margin:7px 0 0;white-space:pre-wrap}#supportComment{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}@media(max-width:900px){.supportMetrics{grid-template-columns:1fr 1fr}.supportCreateGrid,.supportManage,.supportFilters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.supportMetrics,.supportCreateGrid,.supportManage,.supportFilters,#supportComment{grid-template-columns:1fr}.supportCreateGrid .wide{grid-column:auto}} /* IGVTEC Sentinel 10AD - SLA avanzado de Mesa de ayuda */ .supportMetrics{grid-template-columns:repeat(6,minmax(0,1fr))}.supportSlaPolicy{margin-bottom:18px}.supportSlaPolicyGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:14px 0}.slaPolicyTable input{max-width:110px}.supportSlaReadOnly{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supportSlaReadOnly>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e1e9ec;border-radius:10px}.supportSlaReadOnly span{color:#647783}.supportSlaDetail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.supportSlaDetail>div{padding:12px;border:1px solid #dfe8eb;border-radius:12px;background:#f9fbfc;display:grid;gap:6px}.supportSlaDetail small{color:#657984;font-weight:700;letter-spacing:.04em}.supportSlaDetail span{font-size:.82rem;color:#657984}.supportTimeline article.slaEvent{border-left:4px solid var(--sentinel-teal,#0e9d93);background:rgba(14,157,147,.035)}.status.neutral{background:#eef2f4;color:#51616a}.supportSlaPolicy .muted{align-self:center} @media(max-width:1200px){.supportMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.supportSlaDetail{grid-template-columns:1fr 1fr}} @media(max-width:900px){.supportSlaPolicyGrid{grid-template-columns:1fr 1fr}.supportSlaReadOnly{grid-template-columns:1fr}} @media(max-width:600px){.supportMetrics,.supportSlaPolicyGrid,.supportSlaDetail{grid-template-columns:1fr}.slaPolicyTable input{max-width:90px}} /* IGVTEC_REMOTE_ADMIN_UI_V1 */ .remoteAdminPanel{ margin-top:18px; margin-bottom:18px; } .remoteAdminLaunch{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px; border:1px solid var(--border,#dce4e8); border-radius:16px; } .remoteAdminLaunch div{ display:grid; gap:3px; } .remoteAdminWorkspace{ margin-top:16px; } .remoteAdminMetrics{ grid-template-columns: repeat(4,minmax(0,1fr)); margin:16px 0; } .remoteAdminColumns{ display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:18px; margin:18px 0; } .remoteAdminColumns h4{ margin-top:0; } .remoteSafety{ margin-top:14px; padding:14px; border:1px solid var(--border,#dce4e8); border-radius:14px; background:#fbfdfe; } .remoteSafety p{ margin:7px 0 0; } .remoteCommandHead{ margin-top:20px; } .remoteCommandActions{ display:flex; flex-wrap:wrap; gap:9px; margin:12px 0 18px; } @media(max-width:900px){ .remoteAdminMetrics{ grid-template-columns: repeat(2,minmax(0,1fr)); } .remoteAdminColumns{ grid-template-columns:1fr; } .remoteAdminLaunch{ align-items:flex-start; flex-direction:column; } } /* IGVTEC Sentinel - Fase 3B: controles del informe diario sin solapamientos. Selectores limitados a la tarjeta de reportes, no alteran otras pantallas. */ .dailyReportCard .dailyReportControls { display: grid; grid-template-columns: minmax(190px, 0.8fr) minmax(0, 2fr); gap: 16px 22px; align-items: start; margin-top: 22px; width: 100%; min-width: 0; } .dailyReportCard .dailyReportControls > * { min-width: 0; max-width: 100%; margin-top: 0; margin-bottom: 0; } .dailyReportCard .dailyReportControls > label, .dailyReportCard .dailyReportControls > .miniField { grid-column: 1; grid-row: 1; display: grid; gap: 7px; align-self: start; } .dailyReportCard .dailyReportControls > .dailyPolicyForm { grid-column: 2; grid-row: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; column-gap: 18px; row-gap: 13px; width: 100%; min-width: 0; } .dailyReportCard .dailyPolicyForm > .check { display: inline-flex !important; align-items: center; justify-content: flex-start; gap: 9px; min-width: 0; width: auto; margin: 0; line-height: 1.45; font-weight: 600; white-space: normal; overflow-wrap: anywhere; } .dailyReportCard .dailyPolicyForm > .check > input[type="checkbox"] { flex: 0 0 auto; width: 17px !important; height: 17px; min-height: 0; margin: 0; padding: 0; accent-color: #109d93; } .dailyReportCard .dailyPolicyForm > button { grid-column: 2; justify-self: start; white-space: normal; margin: 0; } .dailyReportCard .dailyReportControls > .dailyRunForm { grid-column: 2; grid-row: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; width: 100%; min-width: 0; align-items: end; } .dailyReportCard .dailyRunForm > label { min-width: 0; margin: 0; } .dailyReportCard .dailyRunForm input[type="date"] { width: 100%; min-width: 0; } .dailyReportCard .dailyRunForm > button { max-width: 190px; min-width: 130px; white-space: normal; } .dailyReportCard .dailyReportControls > .dailySchedule { grid-column: 1; grid-row: 2; margin: 0; min-width: 0; } @media (max-width: 1200px) { .dailyReportCard .dailyReportControls { grid-template-columns: minmax(0, 1fr); } .dailyReportCard .dailyReportControls > * { grid-column: 1; grid-row: auto; } .dailyReportCard .dailyPolicyForm > button { grid-column: auto; } } @media (max-width: 690px) { .dailyReportCard .dailyPolicyForm { grid-template-columns: minmax(0, 1fr); } .dailyReportCard .dailyReportControls > .dailyPolicyForm { grid-template-columns: minmax(0, 1fr); } .dailyReportCard .dailyReportControls > .dailyRunForm { grid-template-columns: minmax(0, 1fr); } .dailyReportCard .dailyPolicyForm > button, .dailyReportCard .dailyRunForm > button { width: 100%; max-width: none; min-width: 0; } } /* SENTINEL_UX_1A_CSS */ /* Menú organizado y accesible, sin modificar rutas ni permisos. */ .side{overflow:hidden} .side > img{flex:none} .side .uxNav{display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:2px 4px 10px 0;scrollbar-width:thin;scrollbar-color:#507280 transparent} .side .userbox{flex:none;margin-top:0} .uxNavSearch{display:grid;gap:7px;margin:0 3px 16px} .uxNavSearch label{font-size:12px;font-weight:750;color:#bed5dc} .uxNavSearch input{width:100%;min-width:0;min-height:38px;border-radius:9px;padding:9px 11px;background:#f4f9fa;color:#102f3c;border:1px solid #8da7af;font-size:13px} .uxNavSearch input:focus-visible{outline:3px solid #8ee4d7;outline-offset:2px} .uxNavGroup{display:block;margin:5px 0 9px;border-top:1px solid rgba(255,255,255,.10)} .uxNavGroup[hidden],.uxNavLinks > button[hidden]{display:none!important} .uxNavGroup > summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 10px 8px;color:#a9c7cf;font-size:11px;font-weight:800;letter-spacing:.085em;border-radius:8px} .uxNavGroup > summary::-webkit-details-marker{display:none} .uxNavGroup > summary::after{content:'⌄';font-size:18px;line-height:1;transition:transform .12s} .uxNavGroup[open] > summary::after{transform:rotate(180deg)} .uxNavGroup > summary:hover{background:rgba(255,255,255,.065);color:#fff} .uxNavGroup > summary:focus-visible{outline:3px solid #8ee4d7;outline-offset:1px} .uxNavLinks{display:grid;gap:2px;padding:2px 2px 6px} .side .uxNavLinks > button{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:break-word;font-size:13px;font-weight:600;line-height:1.3;padding:10px 11px;margin:0;min-height:39px} .side .uxNavLinks > button.active{color:#fff} .side .uxNavLinks > button:focus-visible{outline:3px solid #8ee4d7;outline-offset:-2px} .uxNavBackdrop[hidden]{display:none!important} .uxNavBackdrop{display:none} .top{height:auto;min-height:96px;padding-top:15px;padding-bottom:15px;gap:15px} .top > div:first-child{min-width:0} .top .uxSectionName{display:block;color:#317a72;font-weight:800;font-size:10px;letter-spacing:.09em;margin-bottom:3px} .top h1{font-size:clamp(20px,2.1vw,27px);line-height:1.16;overflow-wrap:anywhere} .top .uxPageDescription{color:#48616c;font-size:13px;font-weight:450;margin:5px 0 0;line-height:1.4} .top .uxSystemMeta{font-size:11px;color:#70828b;margin-top:6px} .top .toolbar{flex-wrap:wrap;justify-content:flex-end} /* Mejor lectura de tablas y botones institucionales. */ th{font-size:11px;letter-spacing:.045em} .primary{background:#08786f;color:#fff} .primary:hover{background:#076b65} @media(max-width:1000px){.uxNavBackdrop:not([hidden]){display:block;position:fixed;inset:0;border:0;border-radius:0;background:rgba(5,30,40,.58);z-index:29;cursor:pointer}.side{z-index:30;max-height:100dvh}.top .toolbar{max-width:45%}} @media(max-width:650px){.top{align-items:flex-start;flex-wrap:wrap;min-height:90px}.top .toolbar{max-width:100%;width:100%;justify-content:flex-start}.top h1{font-size:22px}.uxNavSearch{margin-bottom:12px}} @media(prefers-reduced-motion:reduce){.uxNavGroup > summary::after{transition:none}} /* SENTINEL_UX_1B_ESTILOS */ /* Fichas de lectura rápida. Acciones existentes conservadas en data-csp-action. */ .ux1bOverview{background:#fff;border:1px solid #dce6ea;border-radius:16px;padding:20px 22px;margin:0 0 18px;box-shadow:0 6px 20px rgba(18,55,70,.045)} .ux1bOverviewText h3{font-size:19px;color:#153a46;margin:0 0 6px} .ux1bOverviewText p{font-size:13px;color:#526873;line-height:1.5;margin:0 0 15px;max-width:900px} .ux1bStatGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .ux1bStat{border:1px solid #d7e5e9;border-radius:12px;background:#f5fafb;padding:14px 16px;display:grid;gap:3px} .ux1bStat small{font-size:11px;line-height:1.3;color:#46616e;font-weight:800;letter-spacing:.035em} .ux1bStat strong{font-size:29px;color:#173e4a;font-variant-numeric:tabular-nums;line-height:1.2} .ux1bStatAttention{background:#fff8eb;border-color:#ecd8b3}.ux1bStatOffline{background:#f4f6f7;border-color:#d4dade} .ux1bShortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px} .ux1bChip{border-radius:999px;padding:9px 14px;min-height:40px;background:#f2f6f8;border:1px solid #a7bec6;color:#1a424d;font-weight:750;font-size:13px;cursor:pointer} .ux1bChip:hover{background:#e4f2f2}.ux1bChip.is-active{background:#08786f;color:#fff;border-color:#08786f} .ux1bChip:focus-visible{outline:3px solid #0a8880;outline-offset:2px} .ux1bDeviceCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .ux1bDeviceCard{min-width:0;border:1px solid #dbe7eb;border-radius:15px;background:#fff;box-shadow:0 5px 19px rgba(18,55,70,.045);padding:20px;display:grid;gap:16px} .ux1bCardHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;min-width:0} .ux1bDeviceName{min-width:0}.ux1bDeviceName h3{margin:0 0 6px;color:#143441;font-size:18px;overflow-wrap:anywhere}.ux1bDeviceName p{margin:0;color:#526873;line-height:1.45;font-size:13px;overflow-wrap:anywhere} .ux1bCardHead .status{flex:0 0 auto;max-width:42%;text-align:center;white-space:normal} .ux1bDeviceValues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .ux1bDeviceValues>div{min-width:0;background:#f6fafb;border:1px solid #e6eef0;border-radius:10px;padding:13px 11px;display:grid;align-content:start;gap:6px} .ux1bDeviceValues small{font-size:10px;font-weight:800;color:#526873;letter-spacing:.035em} .ux1bDeviceValues strong{font-size:18px;line-height:1.2;font-variant-numeric:tabular-nums;color:#133b47;overflow-wrap:anywhere} .ux1bDeviceValues span{font-size:11px;color:#59717c;line-height:1.4;overflow-wrap:anywhere} .ux1bCardMeta{display:grid;gap:7px;color:#435c67;font-size:12px;line-height:1.35} .ux1bCardMeta span{overflow-wrap:anywhere}.ux1bUid{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px} .ux1bDemo{font-weight:800;color:#815a09} .ux1bCardActions{display:flex;justify-content:flex-end;border-top:1px solid #edf2f4;padding-top:12px} .ux1bCardActions button{min-height:43px;font-size:13px;white-space:normal;text-align:center} .ux1bTechnical{margin-top:20px;border:1px solid #dce6ea;border-radius:12px;background:#fff;overflow:hidden} .ux1bTechnical>summary{cursor:pointer;padding:15px 18px;color:#184550;font-size:14px;font-weight:750} .ux1bTechnical>summary:hover{background:#eef6f7}.ux1bTechnical>summary:focus-visible{outline:3px solid #08786f;outline-offset:-3px} .ux1bTechnicalBody{padding:4px 10px 14px;overflow-x:auto} .ux1bDeviceEmpty{padding:35px 22px;text-align:center;background:#f8fbfc;border:1px dashed #c4d8df;border-radius:14px} .ux1bDeviceEmpty h3{margin:0 0 6px;font-size:18px;color:#153946}.ux1bDeviceEmpty p{margin:0;font-size:14px;color:#536b76} @media(max-width:1250px){.ux1bDeviceCards{grid-template-columns:1fr}} @media(max-width:700px){.ux1bOverview{padding:17px}.ux1bStatGrid{gap:7px}.ux1bStat{padding:12px 8px}.ux1bStat strong{font-size:24px}.ux1bStat small{font-size:10px}.ux1bDeviceCard{padding:16px;gap:12px}.ux1bDeviceValues{grid-template-columns:1fr 1fr}.ux1bDeviceValues>div:last-child{grid-column:1/-1}.ux1bCardHead{flex-wrap:wrap}.ux1bCardHead .status{max-width:100%}.ux1bShortcuts{gap:7px}} @media(max-width:375px){.ux1bStatGrid{grid-template-columns:1fr}.ux1bStat{display:flex;align-items:center;justify-content:space-between}.ux1bStat strong{font-size:23px}.ux1bDeviceValues{grid-template-columns:1fr}.ux1bDeviceValues>div:last-child{grid-column:auto}.ux1bCardActions button{width:100%}} /* SENTINEL_UX_1C_ESTILOS */ /* Claridad general: conserva azul petróleo/turquesa, añade orientación accesible. */ .ux1cGuide{display:grid;gap:5px;margin:0 0 18px;padding:13px 17px;background:#eff8f8;border:1px solid #c8e2e1;border-left:4px solid #08786f;border-radius:12px;color:#163b46} .ux1cGuide strong{font-size:14px}.ux1cGuide p{margin:0;font-size:13px;line-height:1.55;color:#425e69} .ux1cAlertShortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0 8px}.ux1cAlertShortcuts>b{font-size:13px;color:#244652;margin-right:4px} .ux1cChip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #9ab7bf;border-radius:100px;min-height:42px;padding:9px 14px;background:#f2f7f8;color:#1b4551;font-size:13px;font-weight:750;cursor:pointer} .ux1cChip:hover{background:#e0f0f0}.ux1cChip.is-active{background:#08786f;border-color:#08786f;color:#fff} .ux1cChip:focus-visible,.ux1cAlertNote:focus-visible{outline:3px solid #0d746e;outline-offset:2px} .ux1cLegend{margin:0 0 16px;font-size:13px;line-height:1.5;color:#465f6a}.ux1cLegend b{color:#143a47} .ux1cAlertNote{display:grid;gap:6px;flex:1 1 260px;font-size:12px;font-weight:750;color:#355663} .ux1cAlertNote input{max-width:100%;min-height:42px;font-weight:500} .ux1cAlertActionsHelp{flex-basis:100%;font-size:12px;line-height:1.5;color:#516671} .ux1cInbox{display:grid;gap:15px;margin:20px 0}.ux1cInboxHead{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;padding:15px 19px;background:#eff8f8;border:1px solid #c9e2e1;border-radius:14px} .ux1cInboxHead h3{font-size:19px;margin:5px 0}.ux1cInboxHead p{font-size:13px;color:#44616b;line-height:1.5;margin:0;max-width:620px} .ux1cInboxFilters{display:flex;flex-wrap:wrap;gap:7px}.ux1cInboxRows{display:grid;gap:12px}.ux1cEmpty{line-height:1.55;color:#435c68;text-align:center;padding:24px} .ux1cNotificationRead{font-weight:800}.ux1cSeverityText{font-weight:750} /* Estructura transversal: legibilidad y foco visibles, sin cambiar permisos. */ .content .lead p{line-height:1.5}.content .cardHead small{line-height:1.5} .content .tableWrap th{font-size:12px;line-height:1.45;color:#4a636f} .content .tableWrap td{font-size:13px;line-height:1.45} .content .tableWrap button{min-height:38px} .content :is(input,select,textarea,button,summary):focus-visible{outline:3px solid #08786f;outline-offset:2px} .content .empty{line-height:1.55} @media(max-width:900px){.ux1cInboxHead{display:grid}.ux1cInboxFilters{width:100%}} @media(max-width:650px){.ux1cAlertShortcuts{align-items:stretch}.ux1cChip{font-size:12px}.ux1cGuide{padding:12px}.ux1cInboxHead{padding:14px}.ux1cAlertActionsHelp{font-size:12px}} @media(max-width:375px){.ux1cInboxFilters .ux1cChip{flex:1 1 100%}.ux1cAlertShortcuts .ux1cChip{flex:1 1 100%}} @media(prefers-reduced-motion:reduce){.ux1cChip{transition:none!important}} /* SENTINEL_UX_1D_ESTILOS */ .ux1dQuickNav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;margin:4px 0 18px;border:1px solid #c7dfe2;border-radius:12px;background:#f1f8f8} .ux1dQuickNav>strong{font-size:13px;margin-right:5px;color:#1e4350} .ux1dJump{border:1px solid #a6c3c7;border-radius:20px;background:#fff;color:#175262;min-height:42px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer} .ux1dJump:hover{background:#dbeeed;border-color:#08796f}.ux1dJump:focus-visible,.ux1dFold summary:focus-visible{outline:3px solid #036a61;outline-offset:3px} .ux1dFold{min-width:0;margin:8px 0;padding:0;border:1px solid #cbdfe1;border-radius:12px;background:#f6fafb} .ux1dFold[open]{background:#fff}.ux1dFold summary{padding:13px 15px;cursor:pointer;color:#163f4d;font-size:14px;font-weight:800;list-style-position:inside} .ux1dFold summary::marker{color:#08796f}.ux1dFold[open] summary{border-bottom:1px solid #d9e7e9} .ux1dFoldHelp{margin:10px 14px 12px!important;color:#4a616e!important;font-size:13px;line-height:1.5} .ux1dFold form{padding:0 14px 15px}.ux1dRoleHelp{margin:0 0 10px;padding:9px 11px;border-left:3px solid #08796f;border-radius:6px;background:#edf8f6;color:#234955;font-size:12px;line-height:1.5} .ux1dRoleHelp.ux1dSensitive{background:#fff6e9;border-color:#b85b16;color:#6b3714} .ux1dStructureHelp{padding:12px 16px;margin:14px 0;background:#eaf6f6;border:1px solid #b7d9d8;border-left:4px solid #08796f;border-radius:12px} .ux1dStructureHelp strong{font-size:14px;color:#173e4a}.ux1dStructureHelp p{margin:5px 0 0;color:#47606c;font-size:13px;line-height:1.5} .ux1dCommissionHelp{font-size:12px;line-height:1.5;color:#4a616e} .ux1dFold .form label{min-width:0}.ux1dFold .form input,.ux1dFold .form select{max-width:100%} .ux1dFold .primary,.ux1dFold .secondary{max-width:100%} @media(max-width:650px){.ux1dQuickNav{gap:7px}.ux1dQuickNav>strong{flex:1 1 100%}.ux1dJump{flex:1 1 auto}.ux1dFold{width:100%}.ux1dFold form{padding:0 10px 14px}} @media(prefers-reduced-motion:reduce){.ux1dJump{scroll-behavior:auto}} /* SENTINEL_UX_1E_ESTILOS */ .ux1eWorkflow{padding:15px 17px;margin:10px 0 17px;background:#eef8f8;border:1px solid #c7dfdf;border-radius:13px;color:#163b48} .ux1eWorkflow>strong{font-size:15px}.ux1eSteps{list-style:none;margin:12px 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;counter-reset:ux1e} .ux1eSteps li{min-width:0;display:flex;flex-direction:column;gap:4px;padding:13px 11px 11px 40px;position:relative;background:#fff;border:1px solid #d5e6e7;border-radius:10px;counter-increment:ux1e} .ux1eSteps li:before{content:counter(ux1e);position:absolute;left:11px;top:12px;width:22px;height:22px;display:grid;place-items:center;color:white;background:#08786f;border-radius:50%;font-size:12px;font-weight:bold} .ux1eSteps b{font-size:13px}.ux1eSteps span{font-size:12px;line-height:1.5;color:#435e68} .ux1eContext{margin:10px 0 0;color:#35515d;font-size:12px;line-height:1.55} .ux1eRegistration{border:1px solid #c5dcdf;background:#f4f9f9;border-radius:12px;padding:0 13px;margin:12px 0} .ux1eRegistration summary{cursor:pointer;color:#174552;font-weight:800;padding:13px 0;font-size:14px} .ux1eRegistration>p{color:#4b606b;font-size:13px;line-height:1.5} .ux1eRegistration form{padding-bottom:14px} .ux1eInventorySearch{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:end;background:#f1f8f8;border:1px solid #d2e4e4;border-radius:11px;padding:12px;margin:10px 0} .ux1eInventorySearch>label{display:flex;flex:1 1 270px;flex-direction:column;gap:7px;font-weight:750;color:#204653;font-size:13px} .ux1eInventorySearch input{min-height:42px;width:100%;max-width:440px;padding:9px 12px;border:1px solid #a7c2c5;border-radius:9px;background:#fff;color:#123e4c;font-size:14px} .ux1eFilters{display:flex;flex-wrap:wrap;gap:7px}.ux1eFilter{padding:8px 11px;min-height:42px;font-size:13px;border:1px solid #9cbec3;border-radius:50px;background:white;color:#1b4b58;cursor:pointer;font-weight:700} .ux1eFilter.is-active{color:#fff;background:#08786f;border-color:#08786f}.ux1eFilter:hover:not(.is-active){background:#e1f0f1} .ux1eCount{flex-basis:100%;margin:0!important;font-size:12px;color:#4b6470} .ux1eNoResults{font-size:13px;padding:16px;color:#4b6470;background:#eff6f6;border-radius:9px} .ux1eHardwareNotice,.ux1eActionNotice{padding:13px 16px;margin:12px 0;background:#ebf6f5;border:1px solid #b8d7d6;border-left:4px solid #08786f;border-radius:11px;color:#1d4651} .ux1eActionNotice.ux1eDanger{background:#fff4f0;border-color:#eac1b6;border-left-color:#a73525;color:#742719} .ux1eHardwareNotice strong,.ux1eActionNotice strong{display:block;font-size:14px}.ux1eHardwareNotice p,.ux1eActionNotice p{margin:5px 0 0;font-size:13px;line-height:1.6} .ux1eCriticalFold{padding:12px 16px;border:1px solid #e3b5ac;border-radius:11px;background:#fff8f5;margin:12px 0}.ux1eCriticalFold summary{cursor:pointer;font-weight:800;color:#82271a;font-size:14px}.ux1eCriticalFold form{margin-top:15px} .ux1eFilter:focus-visible,.ux1eRegistration summary:focus-visible,.ux1eCriticalFold summary:focus-visible,.ux1eInventorySearch input:focus-visible{outline:3px solid #08786f;outline-offset:2px} @media(max-width:1024px){.ux1eSteps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.ux1eSteps{grid-template-columns:1fr}.ux1eInventorySearch{display:block}.ux1eFilters{margin:10px 0}.ux1eInventorySearch input{max-width:100%}.ux1eRegistration{padding:0 10px}} /* SENTINEL_UX_1F_ESTILOS */ .ux1fGuide{display:block;margin:12px 0 18px;padding:16px 18px;border:1px solid #bddad8;border-left:4px solid #08786f;border-radius:12px;background:#eef8f7;color:#153d49} .ux1fGuide>strong{display:block;font-size:16px;line-height:1.45} .ux1fGuide>p{color:#385966;font-size:13px;line-height:1.6;margin:7px 0 12px;max-width:94ch} .ux1fJumps{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .ux1fJump{background:#fff;color:#125354;border:1px solid #92b7bb;border-radius:8px;padding:9px 13px;min-height:42px;font-size:13px;font-weight:750;cursor:pointer;transition:background .14s} .ux1fJump:hover{background:#dcefee}.ux1fJump:focus-visible,.ux1fFold summary:focus-visible,.ux1fGps summary:focus-visible,.ux1fDangerFold summary:focus-visible{outline:3px solid #08786f;outline-offset:3px} .ux1fNote{font-size:13px;line-height:1.55;color:#3e5b64;background:#f2f7f7;padding:9px 12px;border-radius:8px;margin:10px 0} .ux1fFold{background:#f1f7f7;border:1px solid #c6dcde;border-radius:12px;padding:0 14px;margin:12px 0} .ux1fFold>summary{font-weight:800;font-size:14px;color:#134d56;padding:14px 0;cursor:pointer} .ux1fFold>p,.ux1fGps>p{font-size:13px;color:#3d5b66;line-height:1.5;margin:0 0 12px} .ux1fFold>form{margin:0 0 15px}.ux1fGps{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;padding:9px 12px;border:1px solid #c5dade;border-radius:10px;background:#f5faf9} .ux1fGps:not([open]){display:block}.ux1fGps>summary,.ux1fGps>p{grid-column:1/-1}.ux1fGps>summary{color:#14545b;font-weight:800;cursor:pointer;padding:6px 0} .ux1fDangerFold{border:1px solid #e3b7ae;border-left:4px solid #a02f22;background:#fff5f1;border-radius:10px;padding:10px 14px;margin:9px 0;flex-basis:100%} .ux1fDangerFold>summary{color:#842b20;font-weight:800;font-size:13px;cursor:pointer} .ux1fDangerFold>p{font-size:13px;color:#73382f;line-height:1.5;margin:9px 0} .ux1fDangerFold>button{margin:7px 0} @media(max-width:640px){.ux1fGuide{padding:13px}.ux1fJumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ux1fJump{width:100%;white-space:normal;min-width:0}.ux1fGps{grid-template-columns:1fr}} @media(max-width:370px){.ux1fJumps{grid-template-columns:1fr}} /* SENTINEL_UX_1G_ESTILOS */ .ux1gGuide{margin:13px 0 20px;padding:16px 18px;background:#eef8f7;color:#163f4c;border:1px solid #b6d8d3;border-left:4px solid #08786f;border-radius:12px;min-width:0} .ux1gGuide>strong{display:block;font-size:16px;font-weight:800;line-height:1.4} .ux1gGuide>p{font-size:13px;line-height:1.6;color:#365865;margin:9px 0 12px;max-width:100ch} .ux1gJumps{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .ux1gJump{background:#fff!important;color:#125354!important;border:1px solid #8eb7b4!important;font-size:13px;font-weight:750;min-height:42px;border-radius:9px;padding:10px 12px;white-space:normal;cursor:pointer} .ux1gJump:hover{background:#dcefed!important} .ux1gJump:focus-visible{outline:3px solid #08786f;outline-offset:3px} .ux1gGuide.ux1gRisk{border-color:#e9bdb0;border-left-color:#b23320;background:#fff6f3} .ux1gRisk>strong{color:#87291c}.ux1gRisk>p{color:#72392e} .ux1gGuide>.ux1gActionNote{margin:12px 0 0;padding:8px 11px;border-radius:8px;border:1px solid #cbdddc;background:#fff;color:#315461} .ux1gGuide>.ux1gActionRisk{color:#842d22;background:#fff7f3;border-color:#efc0b2} @media(max-width:640px){.ux1gGuide{padding:13px}.ux1gJumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ux1gJump{min-width:0;width:100%;max-width:100%}} @media(max-width:370px){.ux1gJumps{grid-template-columns:minmax(0,1fr)}} /* SENTINEL_UX2A_PROFILE_STYLE */ .ux2aServiceField{border:1px solid #bad5db;border-radius:13px;background:#f5fafb;padding:15px;margin:12px 0;min-width:0;grid-column:1/-1} .ux2aServiceField legend{font-weight:800;font-size:14px;color:#133e4d;padding:0 7px} .ux2aServiceField p{font-size:13px;line-height:1.4;color:#425c67;margin:2px 0 12px} .ux2aServiceField small{display:block;color:#45616e;margin-top:11px;line-height:1.35} .ux2aServiceChoices{display:flex;gap:8px;flex-wrap:wrap} .ux2aServiceChoice{display:inline-flex;position:relative;align-items:center;cursor:pointer;min-width:0} .ux2aServiceChoice input{position:absolute;opacity:0;width:1px;height:1px} .ux2aServiceChoice span{display:block;border:1px solid #a6c5ce;background:#fff;border-radius:9px;min-height:43px;padding:11px 14px;font-weight:750;color:#16404e} .ux2aServiceChoice input:checked+span{background:#08786f;color:#fff;border-color:#08786f} .ux2aServiceChoice input:focus-visible+span{outline:3px solid #0c8191;outline-offset:3px} .ux2aServiceChoice:hover span{border-color:#08786f} .ux2aClientCard{margin:18px 0}.ux2aClientIntro h3{margin:0 0 5px;font-size:18px;color:#123f4d}.ux2aClientIntro p{margin:0 0 12px;color:#4a6871;line-height:1.4;font-size:13px}.ux2aProfileBadge{display:inline-block;font-weight:800;font-size:11px;color:#08786f;background:#dff3f1;border-radius:99px;padding:5px 9px;margin:5px 0} @media(max-width:500px){.ux2aServiceChoices{display:grid;grid-template-columns:1fr}.ux2aServiceChoice span{width:100%}} /* SENTINEL_UX2B_PORTAL_CSS */ .shell .ux2bBrand{font-size:11px;font-weight:850;letter-spacing:.08em;line-height:1.45;color:#b8e2f2;padding:0 12px 7px;text-transform:uppercase} .ux2bPortalIntro{display:grid;gap:7px;position:relative;margin:0 0 20px;padding:20px 24px;border:1px solid #b9dadf;border-radius:15px;background:linear-gradient(115deg,#eaf7f7,#fff);box-shadow:0 2px 14px #174b6008} .ux2bPortalTag{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#087d7b} .ux2bPortalHeading{font-size:clamp(19px,2.3vw,27px);letter-spacing:-.025em;color:#164450;line-height:1.15} .ux2bPortalIntro p{font-size:13px;margin:0;color:#3c6470;line-height:1.55;max-width:760px} .ux2bPortalSwitch{border-top:1px solid #cfe4e6;display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;padding-top:12px;margin-top:5px} .ux2bPortalSwitch label{font-size:13px;font-weight:800;color:#1f5264} .ux2bPortalSwitch select{min-height:42px;max-width:280px;border:1px solid #8db6c2;border-radius:9px;padding:9px 12px;color:#173e53;background:#fff;font-weight:700} .ux2bPortalSwitch small{color:#506d7a;font-size:12px;line-height:1.4} .ux2bPortalSwitch select:focus-visible{outline:3px solid #69bbf6;outline-offset:2px} .shell[data-ux2b-theme="isp"] .side{background:linear-gradient(180deg,#071d35 0%,#0b335d 56%,#0b2747 100%)} .shell[data-ux2b-theme="isp"] .side .uxNavGroup summary{color:#a5c9f7} .shell[data-ux2b-theme="isp"] .side .uxNavLinks>button.active{background:#1361b6;color:#fff} .shell[data-ux2b-theme="isp"] .side .uxNavLinks>button:hover{background:#15538a;color:#fff} .shell[data-ux2b-theme="isp"] .side .ux2bBrand{color:#80d7ff} .shell[data-ux2b-theme="isp"] .main{background:linear-gradient(180deg,#eef5fe 0%,#f7fbff 540px,#f8fbff 100%)} .shell[data-ux2b-theme="isp"] .top{border-bottom-color:#cbdef7;background:rgba(250,253,255,.97)} .shell[data-ux2b-theme="isp"] .top .uxSectionName{color:#135dab} .shell[data-ux2b-theme="isp"] .top h1{color:#0a315a} .shell[data-ux2b-theme="isp"] .ux2bPortalIntro{background:linear-gradient(115deg,#092f59,#135aaa 75%,#187fc4);border:1px solid #2362a4;box-shadow:0 8px 24px #0d4d911f} .shell[data-ux2b-theme="isp"] .ux2bPortalTag{color:#8cdffd} .shell[data-ux2b-theme="isp"] .ux2bPortalHeading{color:#fff} .shell[data-ux2b-theme="isp"] .ux2bPortalIntro p{color:#d2e8ff} .shell[data-ux2b-theme="isp"] .ux2bPortalSwitch{border-top-color:#5685bd} .shell[data-ux2b-theme="isp"] .ux2bPortalSwitch label,.shell[data-ux2b-theme="isp"] .ux2bPortalSwitch small{color:#e0efff} .shell[data-ux2b-theme="isp"] .ux2bPortalSwitch select{color:#0b345c;border-color:#c2e3ff} .shell[data-ux2b-theme="isp"] .card{border-color:#d7e5f9} .shell[data-ux2b-theme="isp"] .eyebrow{color:#145bb0} .shell[data-ux2b-theme="isp"] .chartLine{stroke:#1685dc} .shell[data-ux2b-theme="isp"] .ux2bPortalIntro + .lead h2{color:#0d3d71} /* Alert status colors intentionally remain unchanged across every portal. */ @media(max-width:650px){.ux2bPortalIntro{padding:16px;gap:7px}.ux2bPortalSwitch{display:grid;grid-template-columns:minmax(0,1fr)}.ux2bPortalSwitch select{width:100%;max-width:100%}} /* SENTINEL_UX2C_PASSWORD_ADMIN_CSS */ .ux2cCard{max-width:850px;margin:0 auto 24px} .ux2cForm{display:grid;gap:15px;padding-top:15px} .ux2cForm label{display:grid;gap:7px;font-size:13px;font-weight:700} .ux2cForm .ux2cCheck{display:flex;align-items:flex-start;gap:9px;line-height:1.5;font-weight:650} .ux2cForm .ux2cCheck input{width:auto;min-height:0;margin-top:3px} .ux2cForm input,.ux2cForm select{width:100%;max-width:100%;box-sizing:border-box;min-height:44px} .ux2cInfo{line-height:1.6} .ux2cPassRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px} .ux2cTools{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start} .ux2cUserInfo{min-height:20px;margin:0} .ux2cFeedback{min-height:25px;font-size:13px;font-weight:650;line-height:1.5} .ux2cSubmit{justify-self:start;min-height:43px} @media(max-width:660px){.ux2cPassRow{grid-template-columns:minmax(0,1fr)}.ux2cSubmit{width:100%}} /* SENTINEL_OOR_PROGRESS_V1 */ .oorBars{ display:flex; flex-direction:column; gap:18px; width:100%; padding:14px 18px; background:linear-gradient(180deg,#fff,#fbfdfd); } .oorRow{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(150px,1.7fr) 72px; column-gap:18px; align-items:center; width:100%; min-width:0; margin:8px 0; } .oorMeta{ min-width:0; } .oorTitle{ display:block; font-size:13px; line-height:1.2; color:#173947; overflow-wrap:anywhere; } .oorUid{ display:block; margin-top:3px; font-size:9px; line-height:1.2; color:#748690; word-break:break-all; } .oorSub{ display:block; margin-top:3px; font-size:10px; line-height:1.2; color:#71818c; overflow-wrap:anywhere; } .oorTrackWrap{ position:relative; display:flex; align-items:center; width:100%; min-width:0; height:14px; } .oorProgress{ display:block; width:100%; height:11px; border:0; padding:0; margin:0; appearance:none; -webkit-appearance:none; background:transparent; } .oorProgress::-webkit-progress-bar{ background:#e8eef1; border-radius:999px; } .oorProgress::-webkit-progress-value{ background:#d7505d; border-radius:999px; transition:width .25s ease; } .oorProgress::-moz-progress-bar{ background:#d7505d; border-radius:999px; } .oorZeroDot{ position:absolute; left:0; top:50%; width:7px; height:7px; border-radius:50%; background:#d7505d; transform:translateY(-50%); pointer-events:none; } .oorValue{ width:72px; min-width:72px; text-align:right; white-space:nowrap; font-size:12px; font-weight:800; color:#173947; } @media(max-width:750px){ .oorRow{ grid-template-columns:1fr; row-gap:8px; } .oorValue{ width:auto; min-width:0; text-align:left; } } /* SENTINEL_SITE_PROGRESS_V1 Barras porcentuales 0-100 para paneles Sentinel. */ .siteProgressBars{ display:flex; flex-direction:column; gap:18px; width:100%; padding:14px 18px; background:linear-gradient(180deg,#fff,#fbfdfd); } .siteProgressRow{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(150px,1.7fr) 72px; column-gap:18px; align-items:center; width:100%; min-width:0; margin:8px 0; } .siteProgressMeta{ min-width:0; } .siteProgressMeta b{ display:block; font-size:13px; line-height:1.2; color:#173947; overflow-wrap:anywhere; } .siteProgressMeta small{ display:block; margin-top:3px; font-size:10px; line-height:1.2; color:#71818c; } .siteProgressTrack{ position:relative; display:flex; align-items:center; width:100%; min-width:0; height:14px; } .siteProgress{ display:block; width:100%; height:11px; border:0; padding:0; margin:0; appearance:none; -webkit-appearance:none; background:transparent; } .siteProgress::-webkit-progress-bar{ background:#e8eef1; border-radius:999px; } .siteProgress.good::-webkit-progress-value{ background:#20a47c; border-radius:999px; } .siteProgress.warn::-webkit-progress-value{ background:#d6aa34; border-radius:999px; } .siteProgress.bad::-webkit-progress-value{ background:#d7505d; border-radius:999px; } .siteProgress.neutral::-webkit-progress-value{ background:#89969c; border-radius:999px; } .siteProgress.good::-moz-progress-bar{ background:#20a47c; border-radius:999px; } .siteProgress.warn::-moz-progress-bar{ background:#d6aa34; border-radius:999px; } .siteProgress.bad::-moz-progress-bar{ background:#d7505d; border-radius:999px; } .siteProgress.neutral::-moz-progress-bar{ background:#89969c; border-radius:999px; } .siteZeroDot{ position:absolute; left:0; top:50%; width:7px; height:7px; border-radius:50%; transform:translateY(-50%); pointer-events:none; } .siteZeroDot.good{ background:#20a47c; } .siteZeroDot.warn{ background:#d6aa34; } .siteZeroDot.bad{ background:#d7505d; } .siteZeroDot.neutral{ background:#89969c; } .siteProgressValue{ width:72px; min-width:72px; text-align:right; white-space:nowrap; font-size:12px; font-weight:800; color:#173947; } @media(max-width:750px){ .siteProgressRow{ grid-template-columns:1fr; row-gap:8px; } .siteProgressValue{ width:auto; min-width:0; text-align:left; } }