.scales-page{display:grid;gap:20px;color:var(--ink)}.scales-page>*{min-width:0}.scales-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.scales-heading h1{margin:0 0 6px;font-size:28px;letter-spacing:-.025em}.scales-heading p,.scales-description{color:var(--ink-2);margin:0;line-height:1.6}.scales-description{margin-bottom:16px}.scales-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:14px}.scales-device{min-width:0;margin:0;padding:14px;border:1px solid var(--linea);border-radius:10px;background:var(--surface-2)}.scales-device legend{padding:0 5px;font-weight:700}.scales-device-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.6fr);gap:12px}.scales-page label{font-weight:600;font-size:13px}.scales-page label .input{display:block;margin-top:6px}.scales-device-note{display:block;margin-top:10px;font-size:12px;color:var(--ink-2);line-height:1.5}.scales-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.scales-saved{color:#176d3e;font-size:13px}.scales-form-error{color:#a62525;font-size:13px}.scales-footnote{color:var(--ink-2);font-size:12px;line-height:1.6;margin:14px 0 0}.scales-catalog-toolbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:4px 0 20px}.scales-pending{margin:-6px 0 18px}.scales-checkbox{display:flex;align-items:center;gap:8px;min-height:40px}.scales-checkbox input{width:17px;height:17px;accent-color:var(--acento)}.scales-catalog-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);margin-bottom:14px}.scales-notice{padding:12px 14px;border:1px solid #e3d4b4;background:#fff9ed;color:#765417;border-radius:10px;line-height:1.6;font-size:13px;margin-bottom:18px}.scales-search{flex:1;min-width:min(280px,100%)}.scales-table-scroll{overflow-x:auto}.scales-table-scroll table{min-width:1200px}.scales-table-scroll td:first-child{min-width:220px}.scales-table-scroll th{color:var(--ink-2);white-space:nowrap}.scales-table-scroll th.num{text-align:right}.scales-table-scroll td{vertical-align:top}.scales-product-id{display:block;margin-top:5px;font-size:11px;color:var(--ink-2)}.scales-price{white-space:nowrap}.scales-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--ink-2);font-size:12px}.scales-page .btn:focus-visible,.scales-table-scroll:focus-visible{outline:2px solid var(--acento);outline-offset:3px}.scales-editor{width:min(680px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid var(--linea);border-radius:12px;padding:24px;color:var(--ink);background:var(--surface)}.scales-editor::backdrop{background:#141e198c}.scales-editor h2{margin:0 0 12px}.scales-editor fieldset{border:0;padding:0;margin:0 0 18px}.scales-editor label{display:block;margin-top:14px;font-size:13px;font-weight:600}.scales-editor .input{display:block;width:100%;margin-top:6px}.scales-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scales-editor .scales-checkbox{display:flex;justify-content:flex-start;gap:8px;min-height:28px;font-weight:400}.scales-tax-options{margin-top:18px}.scales-job{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--linea);font-size:13px}.scales-job div{display:grid;gap:6px}.scales-job span{color:var(--ink-2)}@media (max-width: 640px){.scales-network-grid,.scales-device-fields{grid-template-columns:minmax(0,1fr)}.scales-heading h1{font-size:25px}.scales-search{flex-basis:100%}.scales-editor-grid{grid-template-columns:1fr}}.scales-connector-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:100px;background:#f0f3f2;color:#5c6b65;font-size:11px;font-weight:600;white-space:nowrap}.scales-connector-badge>span{width:6px;height:6px;border-radius:50%;background:currentColor}.scales-connector-badge.online{color:#176d48;background:#e8f6ef}.scales-live-banner{display:flex;align-items:center;gap:18px;padding:24px;background:#eef2f1;color:#465b54;border:1px solid #dfe7e3;border-radius:16px;margin:6px 0 20px}.scales-live-banner.online{background:linear-gradient(112deg,#174e40,#1c6350);border-color:#174e40;color:#fff}.scales-live-banner.attention{background:#fff7e9;border-color:#eedcb8;color:#795317}.scales-live-banner.offline{background:#fff1ee;border-color:#efd5ce;color:#a44134}.scales-banner-mark{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border:1px solid currentColor;border-radius:50%}.scales-banner-mark .scales-state-icon{width:25px;height:25px}.scales-banner-copy{display:grid;gap:7px;flex:1;min-width:0}.scales-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;opacity:.75}.scales-banner-copy>strong{font-size:clamp(18px,2vw,24px);line-height:1.25;letter-spacing:-.025em}.scales-banner-copy>span:last-child{font-size:12px;line-height:1.5;opacity:.85}.scales-banner-count{display:grid;gap:5px;justify-items:center;flex-shrink:0;padding-left:28px;border-left:1px solid currentColor}.scales-banner-count>strong{font-size:34px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}.scales-banner-count>strong>span{margin-left:5px;font-size:19px;font-weight:400;opacity:.7}.scales-banner-count>span{font-size:11px;opacity:.85}.scales-live-device{--device-color: #64716c;--device-soft: #f0f3f2;--device-edge: #cbd5d0;display:grid;gap:20px;min-width:0;padding:22px 22px 0;overflow:hidden;border:1px solid var(--linea);border-top:3px solid var(--device-edge);border-radius:16px;background:var(--surface);box-shadow:0 3px 12px #18312708}.scales-live-device.tcp_online{--device-color: #187749;--device-soft: #eaf7ef;--device-edge: #27a56a}.scales-live-device.offline{--device-color: #af4337;--device-soft: #fff1ee;--device-edge: #d56b5b}.scales-live-device.busy{--device-color: #926017;--device-soft: #fff6e5;--device-edge: #dda545}.scales-live-device-head{display:flex;align-items:center;gap:16px}.scales-device-mark{position:relative;display:grid;place-items:center;flex-shrink:0;width:78px;height:78px;border-radius:20px;color:var(--device-color);background:var(--device-soft)}.scales-device-mark>svg{width:65px;height:59px}.scales-device-number{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:25px;height:25px;border:3px solid var(--surface);border-radius:50%;background:var(--device-color);color:#fff;font-size:10px;font-weight:700}.scales-live-device-title{display:grid;gap:6px;min-width:0;flex:1}.scales-live-device-title h4{margin:0;font-size:18px;letter-spacing:-.02em;overflow-wrap:anywhere}.scales-live-device-title>span{color:var(--ink-2);font-size:11px;letter-spacing:.06em}.scales-signal{color:var(--device-edge);width:32px;height:32px;flex-shrink:0}.scales-signal>svg{width:100%;height:100%}.scales-signal.unknown{opacity:.55}.scales-signal.busy rect{opacity:.5}.scales-signal.busy rect:nth-child(2n){opacity:1}.scales-live-status{align-self:start}.scales-status-pill{display:inline-flex;align-items:center;gap:7px;color:var(--device-color);background:var(--device-soft);padding:7px 11px;border-radius:100px;font-size:12px;font-weight:700}.scales-state-icon{width:16px;height:16px;flex-shrink:0}.scales-live-status p{margin:9px 0 0;min-height:18px;color:var(--ink-2);font-size:12px;line-height:1.5}.scales-device-metrics{display:grid;grid-template-columns:1fr auto;gap:14px;margin:0;padding:16px 0 0;border-top:1px solid var(--linea)}.scales-device-metrics div{display:grid;gap:6px}.scales-device-metrics div:last-child{text-align:right}.scales-device-metrics dt{color:var(--ink-2);font-size:11px}.scales-device-metrics dd{margin:0;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}.scales-device-metrics dd small{color:var(--ink-2);font-size:11px;font-weight:400}.scales-device-address{display:flex;align-items:center;gap:7px;margin:0 -22px;padding:13px 22px;background:var(--surface-2);color:var(--ink-2);font-size:12px}.scales-device-address>svg{width:18px;height:18px;flex-shrink:0}.scales-device-address>span:first-of-type{font-variant-numeric:tabular-nums}.scales-port{opacity:.7}.scales-device-network{margin-left:auto;font-size:10px;white-space:nowrap}.scales-monitor-note{margin:0 0 16px}.scales-token-panel{border-top:1px solid var(--linea);padding-top:18px;margin-top:16px;font-size:13px}.scales-token-result{max-width:700px;margin-top:16px}.scales-token-result .input{width:100%;margin-bottom:12px}.scales-delivery-state{display:grid;gap:5px;min-width:195px;max-width:320px;font-size:12px;line-height:1.4}.scales-delivery-state.success>strong{color:#176d3e}.scales-delivery-state.pending>strong{color:#805a19}.scales-delivery-state span{color:var(--ink-2)}.scales-save-notice{position:fixed;right:22px;bottom:20px;z-index:80;width:min(520px,calc(100vw - 44px));padding:18px 44px 18px 20px;border:1px solid #dcc490;border-left:5px solid #be8a23;background:#fff9e9;color:var(--ink);border-radius:12px;box-shadow:0 8px 28px #14231933;display:grid;gap:9px}.scales-save-notice.success{background:#edfaf2;border-color:#55a77a}.scales-save-notice>strong{font-size:16px}.scales-save-notice .scales-delivery-state{max-width:none;font-size:14px}.scales-close-notice{position:absolute;right:10px;top:8px;background:none;border:0;cursor:pointer;font-size:25px;color:var(--ink-2)}.scales-save-notice small{color:var(--ink-2);line-height:1.4}.scales-association-summary{margin:18px 0;padding:16px;background:var(--bg, #f3f7f6);border-radius:12px}.scales-association-summary label{display:block;max-width:360px;font-weight:600}.scales-link-state{min-width:170px;max-width:300px}.scales-link-state details{margin-top:6px;font-size:12px}.scales-link-state summary{cursor:pointer}.scales-link-state ul{padding-left:18px}.scales-plu-picker{margin:20px 0;padding:16px;border:1px solid var(--linea);border-radius:12px;background:var(--surface-2);font-size:12px;line-height:1.5}.scales-plu-picker label{margin:0}.scales-plu-picker .scales-actions{align-items:flex-end}.scales-plu-picker #plu-start{width:140px}.scales-plu-choices{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.scales-plu-choices .btn{min-width:55px;font-variant-numeric:tabular-nums}.scales-plu-selected{margin-top:14px;padding:12px;border:1px solid #b8d9c8;border-radius:8px;background:#edf8f1;color:#185a38}.scales-plu-selected.occupied{background:#fff5e9;border-color:#e7d1ac;color:#745019}.scales-plu-occupants{padding:10px 0}.scales-plu-occupants+.scales-plu-occupants{border-top:1px solid var(--linea)}.scales-plu-occupants ul{margin:8px 0 0;padding-left:18px}.scales-plu-occupants li{margin:5px 0;overflow-wrap:anywhere}.scales-plu-occupants .btn{margin-left:8px;padding:4px 8px;font-size:11px}.scales-plu-review{margin-top:15px}.scales-plu-review summary{cursor:pointer;font-weight:600}@media (max-width: 760px){.scales-live-device{padding:18px 16px 0;gap:18px}.scales-live-device-head{gap:12px}.scales-device-mark{width:62px;height:62px;border-radius:16px}.scales-device-mark>svg{width:54px;height:50px}.scales-live-device-title h4{font-size:16px}.scales-device-address{margin:0 -16px;padding:12px 16px}.scales-device-network{display:none}.scales-live-banner{gap:12px;padding:18px;flex-wrap:wrap}.scales-banner-count{padding-left:14px}.scales-banner-mark{width:38px;height:38px}}@media (max-width: 440px){.scales-connector-badge{font-size:10px;padding:5px 7px;gap:5px}.scales-banner-mark{display:none}.scales-banner-count{flex-basis:100%;display:flex;align-items:baseline;justify-content:flex-start;gap:10px;padding:12px 0 0;border-left:0;border-top:1px solid currentColor}.scales-banner-count>strong{font-size:25px}.scales-banner-copy>strong{font-size:20px}}:root{--tinta: #16211f;--tinta-2: #22302d;--acento: #14a690;--acento-suave: #e6f6f3;--bg: #f3f6f5;--surface: #ffffff;--surface-2: #f6faf9;--linea: #dfeae7;--ink: #1c2624;--ink-2: #57635f;--muted: #93a19d;--bien: #1f9d57;--mal: #d64545;--sombra: 0 1px 2px rgba(24,22,19,.05), 0 4px 16px rgba(24,22,19,.05);--radio: 14px;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-size:14px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#d8d1c5;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.card{background:var(--surface);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px}.card-title{font-size:13px;font-weight:700;color:var(--ink-2);margin:0 0 12px;letter-spacing:.01em}.kpi{display:flex;flex-direction:column;gap:4px}.kpi .label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kpi .value{font-size:26px;font-weight:800;color:var(--tinta);line-height:1.1}.kpi .sub{font-size:12px;color:var(--ink-2)}.grid{display:grid;gap:16px}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;color:var(--muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--linea)}table.data td{padding:9px 10px;border-bottom:1px solid var(--surface-2)}table.data tr:hover td{background:var(--surface-2)}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700}.badge.ok{background:#e6f4ec;color:var(--bien)}.badge.warn{background:#fbeaea;color:var(--mal)}.badge.neutral{background:#eee9e0;color:var(--ink-2)}.btn{border:none;border-radius:10px;padding:10px 16px;font-weight:700;font-size:14px}.btn.primary{background:var(--tinta);color:#fff}.btn.primary:hover{background:#000}.btn.ghost{background:var(--surface);border:1px solid var(--linea);color:var(--ink)}.input{border:1px solid var(--linea);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--surface);color:var(--ink);width:100%}.input:focus{outline:2px solid var(--acento);outline-offset:0;border-color:var(--acento)}.spinner{width:26px;height:26px;border:3px solid var(--linea);border-top-color:var(--acento);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.mobile-topbar,.overlay{display:none}.menu-btn{background:transparent;border:1px solid #3a352d;border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.menu-btn span,.menu-btn span:before,.menu-btn span:after{content:"";display:block;width:18px;height:2px;background:#fff;position:relative}.menu-btn span:before{position:absolute;top:-6px}.menu-btn span:after{position:absolute;top:6px}@media (max-width: 860px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;max-width:80vw;transform:translate(-100%);transition:transform .25s ease;z-index:50;box-shadow:0 0 24px #00000040}.sidebar.open{transform:translate(0)}.mobile-topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--tinta);position:sticky;top:0;z-index:20}.mobile-topbar img{width:32px;height:32px;border-radius:50%}.mobile-topbar .title{color:#fff;font-weight:700;letter-spacing:.04em}.overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}}