:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#1b293f;background:#f5f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,input{font:inherit}button,a,select,input{outline-offset:3px}button{cursor:pointer}a{color:inherit}.skip{position:absolute;top:-100px;left:8px;background:#fff;z-index:100;padding:8px}.skip:focus{top:8px}.topbar{background:#0d1933;color:#fff}.topbar-inner{max-width:1050px;margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px}.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font:700 23px Georgia,serif}.brand-bars{color:#ee8146;font:700 18px system-ui;letter-spacing:-3px}.topbar-title{font-weight:750;font-size:17px}.topbar-title span{font:700 10px system-ui;letter-spacing:.13em;background:#19a67d;border-radius:20px;padding:5px 7px;vertical-align:middle}.account{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650}.top-icon,.top-website{border:1px solid #ffffff38;color:white;border-radius:9px;background:#ffffff12;padding:10px;text-decoration:none}.notice{background:#e7f6ef;color:#1c654b;text-align:center;font-size:13px;padding:10px 18px}.notice strong{font-size:11px;letter-spacing:.12em}.app{max-width:980px;margin:0 auto;padding:38px 22px 75px}.app-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.app-heading h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em;margin:6px 0}.app-heading p:last-child{margin:0;color:#657185}.eyebrow,.overline{font-size:11px;font-weight:800;letter-spacing:.13em;color:#14886d;margin:0}.guide-button,.green-button{border:0;border-radius:9px;background:#169b75;color:#fff;font-weight:750;padding:13px 17px;text-decoration:none;display:inline-block;text-align:center}.guide-button{white-space:nowrap;background:#142b44}.green-button:hover,.guide-button:hover{filter:brightness(.92)}.view{display:none}.view.active{display:block}.card{background:#fff;border:1px solid #e2e7eb;border-radius:17px;box-shadow:0 12px 30px #14253c0c;padding:26px;margin:0 0 18px}.card h2{font-size:22px;letter-spacing:-.03em;margin:4px 0 5px}.muted{color:#6b7583;font-size:14px;line-height:1.5}.tiny{font-size:12px}.instrument-top{display:flex;justify-content:space-between;gap:12px}.instrument-top h2{font-size:25px}.instrument-top .muted{margin-bottom:0}.status-dot{display:inline-block;width:9px;height:9px;background:#18a781;border-radius:50%;margin-right:8px}.more{align-self:start;border:1px solid #e3e9ec;background:white;border-radius:10px;font-size:25px;line-height:1;padding:6px 13px;color:#344257}.instrument-readings{background:#f0f4f4;border:1px solid #e0e8e9;border-radius:14px;margin-top:23px;padding:17px;display:grid;grid-template-columns:minmax(0,2fr) minmax(110px,.8fr);gap:14px}.displays,.aux{display:flex;flex-direction:column;gap:10px}.led{min-height:111px;background:#101513;border:4px solid #252e2d;box-shadow:inset 0 1px 8px #000b;border-radius:12px;padding:13px 17px;position:relative;display:flex;align-items:end;gap:8px}.led span{position:absolute;top:12px;left:17px;color:#b1bcb6;font-size:11px;font-weight:800;letter-spacing:.08em}.led strong{font:700 clamp(42px,7vw,70px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;text-shadow:0 0 12px currentColor}.led small{font-size:20px;margin-bottom:6px;color:#e7eced}.led-green strong{color:#61e74a}.led-red strong{color:#fa6159}.aux>div{flex:1;background:#fff;border:1px solid #dce4e7;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-align:center}.aux span,.instrument-status span{color:#647181;font-size:11px;font-weight:800;letter-spacing:.06em}.aux strong{font-size:17px}.instrument-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;border:1px solid #e8ecee;border-radius:10px;padding:16px}.instrument-status>div{display:flex;flex-direction:column;gap:6px}.instrument-status b{font-size:18px}.instrument-actions label,.filters label,#view-alarms label{display:block;font-size:12px;font-weight:800;color:#465266;letter-spacing:.04em;margin:16px 0 8px}.instrument-actions select,.card select,.card input[type=date],#speed{background:#fff;color:#263248;border:1px solid #d7dde4;border-radius:9px;padding:12px;min-height:45px}.instrument-actions>select,.card>select,.filters select,.filters input,#view-alarms select{width:100%}.action-pair{display:flex;gap:10px;margin-top:11px}.action-pair>*{flex:1}.subtle,.outline,.white-button{border:1px solid #d9e0e6;background:#fff;color:#263248;border-radius:9px;padding:12px;font-weight:700}.full{width:100%;margin-top:12px}.instrument-actions .tiny{margin-bottom:0}.card-head{display:flex;justify-content:space-between;gap:12px}.pill{align-self:start;background:#e6f8f0;color:#157857;border-radius:30px;font-size:11px;font-weight:700;padding:7px 10px;white-space:nowrap}.chart-legend{display:flex;gap:19px;font-size:12px;color:#526072;justify-content:flex-end;margin:7px 0 10px}.chart-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}.chart-legend .green{background:#149e78}.chart-legend .red{background:#e25b50}.chart-container{height:280px;border:1px solid #e6ecee;border-radius:12px;padding:10px;background:#fff}.chart-container canvas{display:block;width:100%;height:100%}.playback{padding-top:20px}.playback-top,.playback-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.playback-top{font-size:13px}#timeline{width:100%;accent-color:#14a87b;margin:15px 0}.playback-bottom>div{display:flex;gap:9px}.playback-bottom label{font-size:12px;color:#5b6571}.playback-bottom select{margin-left:5px;min-height:36px;padding:6px}.success{padding:13px 16px;background:#e8faed;border:1px solid #d0efdc;border-radius:10px;color:#176b45;margin:18px 0}.profile-line{height:130px;margin-top:24px;background:linear-gradient(135deg,transparent 48%,#627187 49%,#627187 50%,transparent 51%),linear-gradient(45deg,transparent 47%,#627187 48%,#627187 50%,transparent 51%),repeating-linear-gradient(0deg,transparent,transparent 31px,#e8edf1 32px);border:1px solid #edf0f2;border-radius:10px;display:flex;justify-content:space-between;align-items:end;padding:10px;color:#526170;font-size:11px}.stage-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:10px;padding:17px 0;border-bottom:1px solid #e8ecee;font-size:13px}.stage-row b{border-left:3px solid #0c1933;padding-left:10px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.history-date{display:flex;justify-content:space-between}.history-date span,.history-entry dt{font-size:11px;color:#708092;font-weight:800}.history-entry>p{color:#687583}.history-entry dl{display:grid;grid-template-columns:120px 1fr;gap:11px}.history-entry dd{margin:0}#view-alarms select{margin-bottom:12px}.error{background:#fff0ef;color:#9c2d2d;padding:12px;border-radius:9px}.bottom-nav{background:#0d1933;color:#a7b3c8;position:sticky;bottom:0;z-index:15}.bottom-nav>div{max-width:680px;margin:auto;display:flex;justify-content:space-around}.nav-item{border:0;background:transparent;color:inherit;padding:11px 20px;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:650;font-size:12px}.nav-item>span{font-size:23px;line-height:1}.nav-item.active{color:#28ca99}footer{max-width:980px;margin:auto;padding:28px 22px 60px;color:#6b7583;display:flex;justify-content:space-between;gap:12px;font-size:12px}footer a{color:#116a55}.toast{position:fixed;left:50%;bottom:95px;transform:translateX(-50%);background:#213047;color:#fff;padding:13px 17px;border-radius:9px;box-shadow:0 12px 30px #0003;z-index:45;max-width:min(90vw,400px);text-align:center}.tour-backdrop{position:fixed;inset:0;background:#0b17248c;z-index:30;pointer-events:none}.tour-callout{position:fixed;z-index:40;width:min(350px,calc(100vw - 28px));background:#fff;border:1px solid #dce6e5;border-top:4px solid #19a47a;border-radius:12px;box-shadow:0 18px 55px #0005;padding:19px;color:#243046}.tour-counter{color:#148366;font-weight:800;font-size:11px;letter-spacing:.1em}.tour-callout h2{font-size:19px;margin:9px 0}.tour-callout p{font-size:13px;line-height:1.5;color:#526171}.tour-actions{display:flex;justify-content:space-between;align-items:center;gap:5px}.tour-actions span{display:flex;gap:6px}.tour-actions button{border:1px solid #d8e2e3;background:#fff;border-radius:8px;padding:8px;color:#29415a;font-weight:650}.tour-actions #tour-next{background:#159e75;color:white;border:0}.tour-actions button:disabled{opacity:.4}.tour-highlight{position:relative;z-index:35;box-shadow:0 0 0 5px #21c69c,0 8px 26px #112a3677!important;border-radius:12px;background:#fff}.tour-highlight.instrument-readings{background:#f0f4f4}.tour-highlight.bottom-nav{background:#0d1933}[hidden]{display:none!important}@media(max-width:650px){.topbar-inner{padding:12px 15px;min-height:68px}.brand b{font-size:20px}.brand-bars{font-size:15px}.topbar-title{font-size:13px}.topbar-title span{font-size:8px}.account>span,.top-website{display:none}.top-icon{padding:7px}.notice{font-size:11px;line-height:1.45}.app{padding:23px 14px 38px}.app-heading{align-items:flex-start;display:block}.app-heading h1{font-size:30px}.app-heading p:last-child{font-size:14px}.guide-button{margin-top:17px;width:100%}.card{padding:18px 14px;border-radius:15px}.instrument-top h2{font-size:21px}.instrument-readings{padding:9px;gap:7px;grid-template-columns:minmax(0,2.1fr) minmax(72px,.8fr)}.led{min-height:99px;padding:14px 7px 8px;border-width:3px}.led span{font-size:9px;left:7px;top:9px}.led strong{font-size:clamp(37px,10vw,54px)}.led small{font-size:12px;margin-bottom:5px}.aux span{font-size:9px}.aux strong{font-size:12px}.instrument-status{padding:11px;gap:7px}.instrument-status span{font-size:9px}.instrument-status b{font-size:12px;overflow-wrap:anywhere}.chart-container{height:235px}.card-head h2{font-size:19px}.pill{font-size:9px}.filters{grid-template-columns:1fr;gap:0}.stage-row{grid-template-columns:85px 1fr;font-size:12px}.stage-row span:last-child{grid-column:2}.bottom-nav{position:sticky}.nav-item{min-width:86px}footer{display:block;padding:20px 15px 34px}.tour-callout{bottom:77px!important;left:14px!important;top:auto!important;width:calc(100vw - 28px);max-height:55vh;overflow:auto}.tour-highlight{scroll-margin-block:85px 320px}}@media(prefers-reduced-motion:no-preference){.view.active{animation:fade-in .24s ease-out}@keyframes fade-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}

/* Inicio de cuatro equipos y paneles específicos para cada cantidad de canales. */
.home-intro{max-width:700px;margin:20px 0 30px}.home-intro h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.055em;line-height:1.06;margin:13px 0 15px}.home-intro>p:last-child{color:#657185;font-size:17px;line-height:1.5;margin:0}.equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.equipment-choice{appearance:none;text-align:left;background:#fff;border:1px solid #e1e8eb;border-radius:17px;padding:0;overflow:hidden;display:flex;flex-direction:column;min-width:0;color:#1b293f;box-shadow:0 12px 30px #14253c0b;transition:transform .2s,border-color .2s,box-shadow .2s}.equipment-choice:hover,.equipment-choice:focus-visible{transform:translateY(-4px);border-color:#19a67d;box-shadow:0 16px 35px #14253c24}.choice-visual{height:160px;background:radial-gradient(circle at 50% 35%,#334052,#0c1320 75%);padding:16px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.choice-visual i{font:700 35px/1 ui-monospace,Consolas,monospace;font-style:normal;color:#68ed52;text-shadow:0 0 10px #4bef62ad;background:#080c0d;border:3px solid #303941;border-radius:7px;padding:18px 9px;white-space:nowrap}.choice-visual i span{font-size:12px;color:#d8e6e4;margin-left:3px}.choice-visual.programmer{flex-direction:column;gap:5px}.choice-visual.programmer i{font-size:28px;padding:7px 17px}.choice-visual.programmer .red-display{color:#f3655b;text-shadow:0 0 10px #f3655b99}.choice-visual.programmer b{color:#aebcba;font-size:10px;letter-spacing:.09em}.choice-visual.multi{gap:4px}.choice-visual.multi i{font-size:20px;padding:18px 4px}.choice-visual.four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:6px 5px}.choice-visual.four i{font-size:16px;padding:12px 4px;text-align:center}.choice-visual.four i span{font-size:9px}.choice-caption{padding:19px;display:flex;flex:1;flex-direction:column;gap:9px}.choice-caption small{color:#14886d;font-weight:850;letter-spacing:.13em;font-size:10px}.choice-caption strong{font-size:20px;letter-spacing:-.025em}.choice-caption>span{color:#687686;font-size:13px;line-height:1.45}.choice-caption em{font-size:13px;color:#097e61;font-weight:750;font-style:normal;margin-top:auto;padding-top:12px}.home-note{color:#69788a;font-size:12px;margin:20px 0}.back-choice{border:0;background:transparent;color:#188263;font-size:13px;font-weight:750;padding:0;margin:0 0 22px}.back-choice:hover{text-decoration:underline}.channel-panel{min-width:0}.channel-panel .led+.led{margin-top:8px}.channel-label{font-size:10px;font-weight:850;letter-spacing:.11em;color:#455561;margin-bottom:8px}.displays.multi-channel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px}.multi-channel .led{min-height:83px;padding:26px 8px 8px}.multi-channel .led span{font-size:9px;top:8px;left:8px}.multi-channel .led strong{font-size:clamp(27px,3vw,42px)}.multi-channel .led small{font-size:11px;margin-bottom:3px}.chart-legend{flex-wrap:wrap}.chart-legend i{vertical-align:baseline}
@media(min-width:1100px){.app{max-width:1220px}.topbar-inner{max-width:1250px}footer{max-width:1220px}#view-equipment.active{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:20px;align-items:start}.chart-container{height:340px}}
@media(max-width:900px){.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-visual{height:150px}}
@media(max-width:650px){.home-intro{margin:10px 0 23px}.home-intro h1{font-size:36px}.home-intro>p:last-child{font-size:15px}.equipment-grid{grid-template-columns:1fr;gap:12px}.equipment-choice{flex-direction:row;min-height:145px}.choice-visual{width:36%;height:auto;min-width:112px;padding:6px}.choice-visual i{font-size:23px;padding:12px 5px}.choice-visual.programmer i{font-size:19px;padding:6px 5px}.choice-visual.multi i{font-size:13px;padding:12px 2px}.choice-visual.multi i span{font-size:8px}.choice-visual.four{gap:3px}.choice-visual.four i{font-size:11px;padding:9px 2px}.choice-visual.four i span{font-size:7px;margin-left:1px}.choice-caption{padding:15px;gap:6px}.choice-caption strong{font-size:18px}.choice-caption>span{font-size:12px}.choice-caption em{padding-top:4px}.displays.multi-channel{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.multi-channel .led{min-height:70px;padding:24px 3px 5px;border-width:2px;gap:2px}.multi-channel .led span{font-size:7px;left:4px;top:5px;letter-spacing:0}.multi-channel .led strong{font-size:clamp(20px,6vw,31px)}.multi-channel .led small{font-size:8px;margin-bottom:2px}.multi-channel .channel-label{font-size:9px}.instrument-readings:has(.multi-channel){grid-template-columns:1fr}.instrument-readings:has(.multi-channel) .aux{flex-direction:row;min-height:62px}.instrument-readings:has(.multi-channel) .aux>div{padding:7px 2px}.chart-legend{justify-content:flex-start;gap:7px 12px;font-size:10px}}
@media(max-width:360px){.topbar-title{display:none}.choice-visual{min-width:104px}.multi-channel .led strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.equipment-choice{transition:none}}
/* Estructura del panel original adaptada al recorrido público. */
.desktop-sidebar{display:none}.sidebar-brand img{object-fit:contain;background:#fff;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 30px}.home-header h1{font-size:clamp(34px,4vw,50px);letter-spacing:-.045em;margin:10px 0}.home-summary{font-size:14px;color:#75829b;margin:0}.home-summary strong{color:#07866f}.home-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.home-actions button{white-space:nowrap}.filter-bar{border:1px solid #d9e2eb;background:#fff;border-radius:35px;padding:4px;display:inline-flex;gap:2px;margin-bottom:20px;max-width:100%;overflow-x:auto}.filter{border:0;border-radius:28px;background:transparent;color:#304259;padding:10px 14px;font-size:12px;font-weight:750;white-space:nowrap}.filter.active{outline:1.5px solid #3486ff;color:#155ddd}.filter[data-filter="connected"]{color:#118363}.filter[data-filter="disconnected"]{color:#758396}
.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1160px}.home-device{position:relative;min-width:0}.equipment-choice{width:100%;height:100%;display:block;text-align:left;padding:18px;border-color:#d7e1ec;border-radius:17px;box-shadow:0 15px 26px #14253c0a}.choice-head{display:flex;align-items:center;gap:12px;padding-right:42px}.choice-visual,.choice-visual.programmer,.choice-visual.multi,.choice-visual.four{height:50px;width:50px;min-width:50px;display:grid;place-items:center;border-radius:11px;padding:0;background:linear-gradient(145deg,#26323c,#0c1318);box-shadow:inset 0 1px 3px #89939c,0 4px 12px #0002}.choice-visual i,.choice-visual.programmer i,.choice-visual.multi i,.choice-visual.four i{font-size:17px;padding:0;background:#07171a;border:0;border-radius:3px;text-align:center;width:27px;line-height:26px;color:#37c9af;text-shadow:0 0 8px #24d8bd}.choice-name{min-width:0;display:grid;gap:8px}.choice-name>strong{font-size:16px;letter-spacing:-.025em;color:#14223a}.choice-name>span{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.choice-name b{background:#e1f6e9;color:#0c865f;padding:6px 11px;border-radius:30px;font-size:12px}.choice-name small{background:#f0f3f6;color:#607185;padding:6px 9px;border-radius:25px;font-size:10px}.home-settings-trigger{position:absolute;right:18px;top:18px;width:35px;height:35px;border:1px solid #d9e4ec;border-radius:9px;background:#fff;color:#34475e;font-size:22px;line-height:1}.home-settings-trigger:hover{background:#edf7f5}.choice-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #dbe4ed;border-radius:10px;overflow:hidden;margin-top:20px}.choice-readings>span{padding:13px 15px;min-width:0;border-right:1px solid #dbe4ed}.choice-readings>span:last-child{border-right:0}.choice-readings small{display:block;font-size:11px;color:#718198}.choice-readings strong{display:block;font-size:25px;color:#14273e;padding-top:3px;line-height:1.3}.choice-readings>span:first-child>strong{color:#0b9f70}.choice-readings strong small{display:inline;font-weight:500;font-size:12px}.choice-readings em{display:block;font-size:12px;color:#5d6d7f;font-style:normal;white-space:nowrap}.choice-readings.four-readings{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-readings.four-readings>span:not(:last-child){border-right:1px solid #dbe4ed}.choice-readings.four-readings>span{padding:12px 8px}.choice-readings.four-readings strong{font-size:20px}.choice-footer{display:flex;justify-content:space-between;color:#78879a;font-size:11px;margin-top:18px}.choice-footer i{color:#0baa7b;font-size:16px}.home-note{max-width:520px;margin:24px 0}
.playback-card{margin-bottom:20px;padding:17px 24px}.playback-card .playback{padding-top:0}.playback-card #timeline{margin:12px 0}.playback-card .playback-bottom{align-items:center}.playback-card .playback-bottom label{display:flex;align-items:center;gap:7px}.playback-card #speed{min-width:115px;margin:0}
.page-actions{display:flex;justify-content:flex-end;margin:-8px 0 12px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px;border-bottom:1px solid #e0e7ee}.board-heading h2{margin:4px 0;font-size:18px}.board-heading p{margin:2px 0}.history-board,.alarm-board{padding:0;overflow:hidden}.history-filters{padding:16px 18px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;align-items:end;background:#f8fafc}.history-filters label{font-size:10px;font-weight:800;letter-spacing:.06em;color:#607288;display:grid;gap:7px}.history-filters select,.history-filters input{width:100%;height:43px;border:1px solid #d7e2eb;border-radius:8px;background:#fff;padding:8px;color:#14293d}.history-filters>button{height:43px}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.data-table th{background:#f8fafc;text-align:left;color:#657892;font-size:10px;letter-spacing:.04em;font-weight:800;padding:13px 14px;border-bottom:1px solid #e2e9ef}.data-table td{padding:13px 14px;border-bottom:1px solid #e7edf2}.data-table td small{display:block;color:#778aa0;font-size:10px;margin-top:3px}.data-table code{font-size:11px;background:#f2f5f8;border-radius:4px;padding:4px}.data-table .green-button{padding:10px 14px;font-size:11px}.history-board>p{padding:0 20px 12px}.board-icon{background:#e6f2f1;color:#007d71;border-radius:10px;padding:10px}.alarm-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 24px 5px}.alarm-form label{font-size:12px;font-weight:750;color:#2b3d51;display:grid;gap:7px}.alarm-form select{width:100%;min-height:44px}.alarm-board>.green-button{margin:14px 24px 0}.alarm-board>.tiny{margin:10px 24px 20px}.alarm-list{padding:12px 16px;overflow-x:auto}.normal-badge{background:#dcf9e5;color:#126e49;border-radius:20px;padding:7px;font-size:11px;font-weight:700}.remove-alarm{border:1px solid #f3b9b9;background:#fff;border-radius:7px;padding:7px;color:#a62525}.alarm-list>p{padding:12px}
.instrument-settings-dialog{border:0;border-radius:20px;padding:0;width:min(520px,calc(100vw - 28px));max-height:90vh;box-shadow:0 20px 70px #0004;color:#1b293f}.instrument-settings-dialog::backdrop{background:#111a2bb2;backdrop-filter:blur(3px)}.settings-content{padding:22px;overflow-y:auto;max-height:90vh}.settings-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.settings-heading h2{margin:6px 0;font-size:22px}.settings-content>label,.settings-alarm>label{display:block;color:#4f6277;font-size:11px;font-weight:800;letter-spacing:.06em;margin:8px 0}.settings-content input,.settings-content select{border:1px solid #d8e2eb;border-radius:9px;background:#fff;color:#25374b;width:100%;padding:11px;min-height:44px}.settings-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dce6ee;background:#f8fafc;border-radius:11px;padding:13px;margin-top:18px}.settings-panel strong,.settings-panel small{display:block}.settings-panel strong{font-size:12px}.settings-panel small{color:#6c7a8e;font-size:11px;line-height:1.5;margin-top:4px}.settings-panel button{white-space:nowrap;color:#087968}.settings-panel.stacked{display:block}.settings-panel.stacked label{display:block;font-size:12px;margin:9px 0}.settings-alarm{border-top:1px solid #e3e8ee;margin-top:20px;padding-top:16px}.settings-add{background:#d92227;color:white;font-weight:750;border:0;border-radius:8px;padding:12px;margin-top:12px}.settings-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e0e7ee;padding-top:15px;margin-top:25px}
@media(min-width:1100px){.desktop-sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:220px;z-index:16;flex-direction:column;background:radial-gradient(circle at top left,#0c3750,#0e1930 60%);color:#fff;padding:20px 16px}.sidebar-brand{display:flex;align-items:center;gap:12px;margin:0 8px 31px}.sidebar-brand b,.sidebar-brand small{display:block}.sidebar-brand b{font-size:13px;letter-spacing:.1em}.sidebar-brand small{font-size:11px;color:#67bed0;margin-top:4px}.sidebar-nav{display:grid;gap:9px}.sidebar-item{width:100%;text-align:left;border:0;background:transparent;color:#b8c8d7;border-radius:10px;font-size:13px;font-weight:750;padding:16px}.sidebar-item.active,.sidebar-item:hover{background:#203752;color:#fff}.sidebar-session{margin-top:auto;border-top:1px solid #ffffff29;padding:19px 0 0;display:grid;gap:4px;font-size:13px}.sidebar-session small{color:#879cb2}.sidebar-session button,.sidebar-session a{border:1px solid #ffffff30;background:transparent;color:white;text-decoration:none;text-align:center;border-radius:9px;padding:12px;margin-top:9px;font-size:12px}.topbar{display:none}.notice{margin-left:220px}.app{max-width:none;margin:0 0 0 220px;padding:40px max(28px,calc((100vw - 220px - 1180px)/2)) 65px}.bottom-nav{display:none}footer{max-width:none;margin-left:220px;padding-inline:max(28px,calc((100vw - 220px - 1180px)/2))}#view-equipment.active{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)}.playback-card{grid-column:1/-1}}
@media(max-width:1099px){.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-actions{justify-content:flex-start}.home-header{align-items:flex-start}.playback-card{margin-bottom:16px}}
@media(max-width:700px){.home-header{display:block}.home-header h1{font-size:33px}.home-actions{margin-top:16px;gap:8px}.home-actions button{padding:10px;font-size:11px}.equipment-grid{grid-template-columns:1fr}.equipment-choice{display:block;padding:15px}.choice-visual,.choice-visual.programmer,.choice-visual.multi,.choice-visual.four{height:44px;width:44px;min-width:44px}.choice-head{min-height:47px}.choice-name>strong{font-size:16px}.choice-readings.four-readings{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-readings.four-readings>span:nth-child(2){border-right:0}.choice-readings.four-readings>span:nth-child(-n+2){border-bottom:1px solid #dbe4ed}.choice-readings.four-readings strong{font-size:22px}.playback-card{padding:15px}.playback-card .playback-bottom{align-items:stretch}.playback-card .playback-bottom label{font-size:11px}.playback-card #speed{min-width:88px;padding:6px}.history-filters{grid-template-columns:1fr 1fr}.history-filters>button{grid-column:1/-1}.alarm-form{grid-template-columns:1fr}.board-heading{padding:18px}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{border:1px solid #e3e9ed;border-radius:10px;margin:9px 0;padding:9px}.data-table td{padding:7px 10px;border:0;white-space:normal}.data-table td::before{font-weight:800;font-size:10px;color:#6b7a91;display:block}.data-table td:nth-child(2)::before{content:'FECHA'}.data-table td:nth-child(3)::before{content:'INSTRUMENTO'}.data-table td:nth-child(4)::before{content:'ID'}.data-table td:nth-child(5)::before{content:'PERÍODO'}.data-table td:nth-child(6)::before{content:'TAMAÑO'}.alarm-table td:nth-child(1)::before{content:'INSTRUMENTO'}.alarm-table td:nth-child(2)::before{content:'TIPO'}.alarm-table td:nth-child(3)::before{content:'UMBRAL'}.alarm-table td:nth-child(4)::before{content:'ESTADO'}.alarm-table td:nth-child(5)::before{content:'HABILITADA'}.alarm-table td:nth-child(6)::before{content:'ÚLTIMO DISPARO'}}
.history-bulk{display:flex;gap:8px;align-items:center}.history-bulk button{white-space:nowrap;font-size:12px}.history-bulk button:disabled{opacity:.48;cursor:not-allowed}@media(max-width:700px){.history-bulk{flex-wrap:wrap}.history-bulk button{padding:9px;font-size:11px}}