:root{--marca:#b72b3c;--marca-hover:#962032;--marca-suave:#f7e9eb;--harina:#f7f8f6;--papel:#fff;--tinta:#252e2c;--acero:#67726f;--secundario:#55625d;--tenue:#89918c;--linea:#e3e7e2;--linea-suave:#eef0ec;--campo:#f9faf8;--verde:#236e56;--verde-suave:#ecf5ef;--ambar:#92631a;--ambar-suave:#fbf4e5;--peligro:#b43d40;--peligro-suave:#fcedec;--focus:#436fbe;--radio:12px;--paso:4px}
*{box-sizing:border-box}body{margin:0;background:var(--harina);color:var(--tinta);font:13px/1.55 Manrope,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.muted{color:var(--acero)}.mono{font-family:Consolas,monospace;font-size:12px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--acero);font-weight:800}
.app-shell{--mud-drawer-width-left:218px;min-height:100vh}.app-drawer{width:218px!important;background:var(--harina)!important;border-right:1px solid var(--linea)!important}.app-drawer .mud-drawer-content{display:flex;flex-direction:column;overflow-x:hidden}.app-bar{left:218px!important;width:calc(100% - 218px)!important;min-height:66px!important;height:66px!important;padding:0 36px!important;background:var(--harina)!important;border-bottom:1px solid var(--linea)!important;color:var(--tinta)!important}.top-info{width:36px;height:36px;border:1px solid var(--linea);border-radius:8px}.top-info:hover{background:#edf0eb}.mud-main-content{background:var(--harina);min-width:0}
.nav-label{font-size:9px;font-weight:800;letter-spacing:1.6px;color:var(--tenue);margin:17px 30px 10px}.nav-validation{margin-top:auto}.plant-nav{padding:0 16px}.plant-nav .mud-nav-link{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:11px 14px;border-radius:8px;margin:4px 0;color:var(--secundario);font-weight:600;font-size:12px;transition:background .15s}.plant-nav .mud-nav-link:hover{background:#edf0eb}.plant-nav .mud-nav-link.active{background:var(--marca-suave);color:var(--marca);font-weight:800}.plant-nav .mud-nav-link-text{display:flex;align-items:center;flex:1}.plant-nav .mud-nav-link-text>span:first-child{flex:1}.plant-nav .mud-nav-link-icon{font-size:18px;margin-inline-end:0}.nav-count{margin-left:auto;font-size:10px;border-radius:4px;background:#fff8;padding:0 5px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1,.page-head .mud-typography-h4{font-size:29px;line-height:1.25;font-weight:800;letter-spacing:-1.1px}.page-head p{color:var(--acero);margin-top:7px;font-size:12px}.page-actions{display:flex;align-items:center;gap:8px}.page-head .mud-button-root{border-radius:8px;min-height:39px;padding:9px 14px;font-weight:700;font-size:11px;box-shadow:none}.page-head .mud-button-outlined{background:var(--papel);border-color:var(--linea)}.page-head .mud-button-outlined:hover{background:#f0f2ee;border-color:#c8cec5}
.context-panel{display:flex;align-items:center;gap:24px;background:var(--papel)!important;border:1px solid var(--linea)!important;border-radius:var(--radio)!important;padding:13px 18px!important;margin-bottom:22px!important}.context-machine{display:flex;align-items:center;gap:8px}.machine-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--harina);border:1px solid var(--linea);border-radius:8px}.machine-icon .mud-icon-root{font-size:18px}.context-divider{width:1px;height:30px;background:var(--linea);flex-shrink:0}.context-item small{display:block;color:var(--acero);font-size:9px;letter-spacing:.5px;text-transform:uppercase}.context-item strong{font-size:11px;font-weight:700;white-space:nowrap}.context-item strong span{color:var(--acero)}.demo-indicator{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--verde);font-size:10px;white-space:nowrap}.demo-indicator i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}
.stats-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;margin-bottom:24px}.stat{border-right:1px solid var(--linea);padding:2px 24px}.stat:first-child{padding-left:0}.stat:last-child{border-right:0}.stat-label{font-size:11px;color:var(--acero);display:flex;align-items:center;gap:7px}.stat-label .mud-icon-root{font-size:14px}.stat-value{display:flex;align-items:baseline;gap:7px;font-size:32px;font-weight:700;letter-spacing:-1.5px;line-height:1.2;margin:10px 0 8px;font-variant-numeric:tabular-nums}.stat-value small{font-size:14px;font-weight:500;letter-spacing:0;color:var(--acero)}.stat-note{font-size:10px;color:var(--acero)}.stat-note.good{color:var(--verde)}.stat-note.bad{color:var(--peligro)}
.panel{background:var(--papel)!important;border:1px solid var(--linea)!important;border-radius:var(--radio)!important;min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px 16px}.panel-head .mud-typography-h6{font-size:17px;line-height:1.4;letter-spacing:-.4px;font-weight:800}.panel-head p{font-size:10px;color:var(--acero);margin-top:4px}.segmented{display:flex;padding:3px;background:var(--harina);border:1px solid var(--linea);border-radius:7px;gap:3px;flex-shrink:0}.segmented .mud-button-root{border:none;background:transparent;border-radius:4px;min-width:43px;min-height:27px;color:var(--acero);font-size:10px;font-weight:700;padding:5px 10px}.segmented .mud-button-root[aria-pressed=true]{background:var(--papel);color:var(--tinta);box-shadow:0 1px 3px #202b2012}
.chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 221px}.chart-main{min-width:0;padding:0 5px 0 15px}.chart-toolbar{padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:9px;color:var(--acero)}.legend-mark{display:inline-block;width:15px;height:3px;background:var(--verde);vertical-align:middle;margin-right:5px;border-radius:2px}.legend-mark.area{height:9px;background:#e6f2e9;border:1px solid #cddfce}.legend-mark.out{width:6px;height:6px;border-radius:50%;background:var(--peligro)}.chart{height:286px;width:100%}.chart-aside{border-left:1px solid var(--linea-suave);padding:3px 22px 12px;margin:3px 0 20px}.current-number{font-size:40px;font-weight:700;letter-spacing:-1.8px;margin:5px 0 1px;font-variant-numeric:tabular-nums}.current-number span{font-size:18px;color:var(--acero);margin-left:4px}.range-track{height:6px;border-radius:3px;background:linear-gradient(to right,#f3dedd 0 12%,#d2e6d7 12% 87%,#f3dedd 87%);position:relative;margin:22px 0 6px}.range-track:after{content:'';position:absolute;left:var(--position,50%);top:-4px;background:var(--verde);height:14px;width:3px;border:1px solid var(--papel);border-radius:2px}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--acero)}.aside-dl{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:10px;margin:18px 0}.aside-dl dt{color:var(--acero)}.aside-dl dd{margin:0;font-weight:700}.chart-aside .mud-button-root{min-height:28px;padding:3px 0;font-size:10px;font-weight:800}.chart-footer{padding:12px 24px;border-top:1px solid var(--linea-suave);display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fcfdfb;font-size:9px;color:var(--acero)}.chart-footer>span{display:flex;align-items:center;gap:8px}.chart-footer .mud-icon-root{width:13px;height:13px;font-size:13px}.chart-error{height:286px;display:grid;place-items:center;color:var(--peligro);font-size:12px}
.mud-chip.state-chip{display:inline-flex;border-radius:5px;min-height:23px;height:auto;padding:3px 7px;font-size:9px;font-weight:700;white-space:nowrap}.mud-chip.state-chip .mud-chip-icon{font-size:6px;margin-left:0;margin-right:5px}.mud-chip.state-chip--normal{background:var(--verde-suave)!important;color:var(--verde)!important}.mud-chip.state-chip--error{background:var(--peligro-suave)!important;color:var(--peligro)!important}.mud-chip.state-chip--warning{background:var(--ambar-suave)!important;color:var(--ambar)!important}
.lower-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px;margin-top:20px}.measurements-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px 16px;border-bottom:0}.measurements-heading .mud-typography-h5{font-size:17px;line-height:1.4;letter-spacing:-.4px;font-weight:800}.measurements-heading p{font-size:10px;color:var(--acero);margin-top:4px}.measurements-heading .mud-button-root{min-height:28px;padding:3px 0;font-size:11px;font-weight:800}.measurements-table{overflow:auto;max-width:100%}.measurements-table table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}.measurements-table th.mud-table-cell{height:auto;padding:12px 22px;font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--acero);font-weight:600;background:#fafbf8;border-bottom:1px solid var(--linea-suave)}.measurements-table td.mud-table-cell{height:auto;padding:12px 22px;font-size:11px;border-bottom:1px solid var(--linea-suave)}.measurements-table tbody tr:last-child td{border-bottom:0}.measurements-table tbody tr:hover{background:#fafbf8}.measurements-table td strong{font-size:11px;font-weight:700}.detail-button{min-height:27px!important;padding:3px 0!important;font-size:10px!important;font-weight:800!important}
.attention-panel{height:100%}.alert-item{padding:16px 21px;display:flex;gap:11px;border-bottom:1px solid var(--linea-suave);align-items:flex-start}.alert-item:last-child{border-bottom:0}.alert-icon{border-radius:7px;background:var(--peligro-suave);color:var(--peligro);width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.alert-icon.good{color:var(--verde);background:var(--verde-suave)}.alert-icon.warn{color:var(--ambar);background:var(--ambar-suave)}.alert-icon .mud-icon-root{font-size:15px}.alert-item .mud-typography-h6{font-size:11px;font-weight:800;letter-spacing:-.15px}.alert-item p{font-size:10px;color:var(--acero);margin:5px 0}.alert-item .mud-button-root{min-height:27px;padding:3px 0;font-size:10px;font-weight:800}
.history-toolbar{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--linea-suave);flex-wrap:wrap}.history-search{display:flex;align-items:center;gap:10px;border:1px solid var(--linea);background:var(--campo);border-radius:7px;padding:0 12px;min-width:230px}.history-search input{border:0;background:transparent;padding:10px 0;width:100%;font-size:11px;outline:0}.history-search .mud-icon-root{width:15px;height:15px;font-size:15px;color:var(--acero)}.history-search:focus-within{outline:2px solid var(--focus);outline-offset:1px}.history-filter .mud-button-root,.history-toolbar>.mud-menu>.mud-button-root{min-height:39px;padding:9px 14px;border-radius:8px;border-color:var(--linea);background:var(--papel);font-size:11px;font-weight:700;box-shadow:none}.history-date{margin-left:auto;color:var(--acero);font-size:10px}.history-table-wrap{max-width:100%;overflow:hidden}.history-table .mud-table-container{overflow-x:auto}.history-table table{min-width:820px}.history-table td small{font-size:9px}.history-table td strong .muted{font-weight:500}.history-table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-top:1px solid var(--linea-suave);color:var(--acero);font-size:10px}.history-pages{display:flex;align-items:center;gap:8px}.history-page-button{width:36px!important;height:36px!important;border:1px solid var(--linea)!important;border-radius:8px!important;padding:8px!important}.history-page-button:hover{background:#edf0eb}.history-page-button .mud-icon-root{font-size:17px}.history-empty{padding:44px;text-align:center;color:var(--acero);border-top:1px solid var(--linea-suave)}.history-empty .mud-icon-root{width:28px;height:28px;font-size:28px;margin-bottom:10px}.history-empty strong{display:block;color:var(--tinta);font-size:11px}.history-empty p{margin-top:8px;font-size:11px}.history-notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #d8e8dc;border-radius:8px;background:var(--verde-suave);color:var(--verde);font-size:11px;margin-top:16px}.history-notice .mud-icon-root{width:17px;height:17px;font-size:17px;margin-top:1px}.history-notice p{margin-top:4px;font-size:10px}
@media(min-width:1600px){.chart{height:340px}.panel-head{padding-top:24px}.stats-row{margin-bottom:28px}}
@media(max-width:1150px){.app-shell{--mud-drawer-width-left:186px}.app-drawer{width:186px!important}.app-bar{left:186px!important;width:calc(100% - 186px)!important;padding:0 24px!important}.context-panel{gap:15px}.chart-layout{grid-template-columns:minmax(0,1fr) 190px}.chart-aside{padding:3px 17px 10px}.lower-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.stat{padding:2px 17px}.stat-value{font-size:29px}.measurements-table th.mud-table-cell,.measurements-table td.mud-table-cell{padding:12px 16px}}
@media(max-width:900px){.app-shell{--mud-drawer-width-left:76px}.app-drawer{width:76px!important}.app-bar{left:76px!important;width:calc(100% - 76px)!important}.nav-label,.plant-nav .mud-nav-link-text{display:none}.plant-nav{padding:0 9px}.plant-nav .mud-nav-link{justify-content:center;padding:12px}.plant-nav .mud-nav-link-icon{font-size:21px}.context-panel{flex-wrap:wrap;gap:12px 18px}.context-divider{display:none}.context-lot{display:none}.chart-layout{grid-template-columns:minmax(0,1fr) 180px}.lower-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(4,1fr)}.stat{padding:2px 12px}.stat-label{font-size:10px}.stat-label .mud-icon-root{display:none}.stat-value{font-size:27px}.stat-note{font-size:9px}.page-head h1,.page-head .mud-typography-h4{font-size:25px}}
@media(max-width:650px){.app-shell{--mud-drawer-width-left:0px}.app-drawer{display:none!important}.app-bar{left:0!important;width:100%!important;padding:12px 18px!important;min-height:60px!important;height:60px!important}.page-head{align-items:flex-start;gap:12px;margin-bottom:20px}.page-head h1,.page-head .mud-typography-h4{font-size:24px}.page-head p{font-size:11px}.page-head .mud-button-root{font-size:0;padding:10px;min-width:39px}.page-head .mud-button-icon{margin:0}.context-panel{padding:12px!important;margin-bottom:20px!important;gap:10px 16px}.context-panel .context-item{display:none}.context-panel .context-machine .context-item{display:block}.context-machine{display:flex}.demo-indicator{margin-left:auto}.stats-row{grid-template-columns:1fr 1fr;gap:18px 0;margin-bottom:23px}.stat{padding:0 16px}.stat:nth-child(odd){padding-left:0}.stat:nth-child(2){border-right:0}.stat-value{font-size:30px}.stat-label{font-size:11px}.stat-note{font-size:10px}.chart-layout{display:block}.chart-aside{display:none}.panel-head{padding:18px 16px 15px;gap:10px}.panel-head .mud-typography-h6{font-size:16px}.panel-head p{font-size:9px}.chart-main{padding:0 4px}.chart-toolbar{padding:0 13px}.chart-toolbar .mono{display:none}.chart-legend{gap:9px;font-size:8px}.chart{height:280px}.chart-footer{padding:12px 16px;align-items:flex-start}.chart-footer>span:last-child{display:none}.lower-grid{gap:18px}.measurements-heading{padding:18px 16px 15px}.measurements-table .mud-table-container{overflow-x:auto}.measurements-table table{min-width:520px}.history-table table{min-width:820px}.measurements-table .mud-table-cell:before{display:none!important}.history-toolbar{padding:15px}.history-search{width:100%;min-width:0}.history-date{display:none}.history-table-footer{padding:12px}.history-notice{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}