:root{--bg:#f2f1ec;--panel:#fffffff0;--line:#ebe8dc;--text:#000;--muted:#9b988f;--accent:#171717;--brand:#ff6b1a;--soft:#f6f4e9;--soft-strong:#ece9dc;--ring:#9b988f;--good:#2e8b57;--bad:#d32f2f;--radius:12px;color:var(--text);font:13px/1.4 Inter,system-ui,-apple-system,sans-serif}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}button,select{background:var(--soft);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:4px 10px}button:hover:not(:disabled){background:var(--soft-strong)}button:disabled{opacity:.35;cursor:default}button.active,button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.active:hover:not(:disabled),button.primary:hover:not(:disabled){background:#000}select option{background:#fff}input[type=number]{box-sizing:border-box;background:var(--soft);border:1px solid var(--line);border-radius:6px;width:100%;padding:3px 6px}:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.stage{cursor:grab;touch-action:none;position:absolute;inset:0}.stage:active{cursor:grabbing}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:2;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.02em;font-size:15px}.clock{font-variant-numeric:tabular-nums;min-width:110px;font-size:15px;font-weight:600}.group{gap:2px;display:flex}.topbar .primary{margin-left:auto}.tag{background:var(--soft-strong);color:var(--text);white-space:nowrap;border-radius:10px;padding:1px 7px;font-size:11px}.check{cursor:pointer;align-items:center;gap:6px;display:flex}.side{z-index:1;pointer-events:none;flex-direction:column;gap:8px;width:300px;display:flex;position:absolute;top:52px;bottom:8px;overflow-y:auto}.side>*{pointer-events:auto}.side.left{left:8px}.side.right{width:320px;right:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;position:relative;box-shadow:0 1px 2px #0000000a}.panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:13px}.panel h3{color:var(--muted);margin:10px 0 4px;font-size:12px}details.panel summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}details.panel[open] summary{margin-bottom:8px}.close{padding:0 8px;position:absolute;top:6px;right:6px}.muted{color:var(--muted)}.small{font-size:11px}.good{color:var(--good)}.bad{color:var(--bad)}.kpis{grid-template-columns:1fr 1fr;gap:6px;display:grid}.kpi{background:var(--soft);border-radius:8px;padding:6px 8px}.kpi span{color:var(--muted);font-size:11px;display:block}.kpi b{font-variant-numeric:tabular-nums;font-size:16px}.bar{grid-template-columns:76px 1fr 34px;align-items:center;gap:6px;margin:3px 0;display:grid}.bar div{background:var(--soft);border-radius:4px;height:8px;overflow:hidden}.bar i{height:100%;display:block}.bar b{text-align:right;font-variant-numeric:tabular-nums}.rows{grid-template-columns:1fr auto;gap:3px 10px;margin:8px 0 0;display:grid}.rows dt{color:var(--muted)}.rows dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.mrr{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.mrr div{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.mrr span{color:var(--muted);font-size:11px;display:block}.mrr b{font-variant-numeric:tabular-nums;font-size:17px;display:block}.field{color:var(--muted);flex-direction:column;gap:3px;margin:4px 0;font-size:11px;display:flex}.field select{color:var(--text)}.devices{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.stepper{align-items:center;gap:4px;display:flex}.stepper span{color:var(--muted)}.stepper b{text-align:center;min-width:14px}.stepper button{padding:0 8px}.addons{gap:3px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:2px 8px;margin-bottom:8px;display:grid}table.compare{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}table.compare th,table.compare td{border-bottom:1px solid var(--line);text-align:right;padding:3px 4px}table.compare th:first-child,table.compare td:first-child{text-align:left;color:var(--muted)}table.compare.wide td,table.compare.wide th{padding:5px 10px}.inspector .order{background:var(--soft);border-radius:8px;margin-top:8px;padding:6px 8px}.inspector .order ul,.plain{margin:4px 0;padding-left:16px}.list{color:var(--muted);word-break:break-word;font-size:11px}.feed{flex:1;min-height:160px;overflow:hidden}.feed ol{margin:0;padding:0;font-size:11px;list-style:none}.feed li{border-bottom:1px solid var(--line);grid-template-columns:36px 1fr;gap:0 6px;padding:3px 0;display:grid}.feed time{color:var(--muted);grid-row:span 2}.feed code{color:var(--muted);font-size:10px}.modal{z-index:10;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal>.panel{width:100%;max-width:820px;max-height:90vh;overflow:auto}.loading,.error{padding:16px}.error{color:var(--bad);white-space:pre-wrap}.tickets ul{margin:0;padding:0;list-style:none}.tickets li button{text-align:left;border:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:20px 1fr auto;gap:0 6px;width:100%;padding:4px 2px;font-size:12px;display:grid}.tickets li button .muted{grid-column:2;font-size:10px}.tickets li button b{font-variant-numeric:tabular-nums;grid-area:1/3/span 2;align-self:center}.ticket-modal{justify-items:center;gap:8px;display:grid}.paper{box-sizing:border-box;color:#222;background:#fffef8;width:240px;margin:6px auto 0;padding:12px 12px 16px;font:11px/1.35 ui-monospace,SF Mono,Menlo,monospace;box-shadow:0 6px 18px #0000001f;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 6px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 6px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 6px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/12px 6px repeat-x}.paper hr{border:none;border-top:1px dashed #999;margin:6px 0}.paper .center{text-align:center}.paper .big{font-size:13px;font-weight:700}.paper .small{color:#555;font-size:9px}.paper .row{justify-content:space-between;gap:8px;display:flex}.paper table{border-collapse:collapse;width:100%}.paper td{vertical-align:top;padding:1px 0}.paper td:first-child{width:22px}.paper td:last-child:not(:nth-child(2)){text-align:right;white-space:nowrap}.paper .items-big{font-size:13px;font-weight:700}.paper.comanda{background:#fff8e1}.paper .boxed{color:#c62828;border:2px solid #c62828;margin:6px 20px;padding:3px;font-weight:700}.paper .stamp{opacity:.7;background:repeating-linear-gradient(90deg,#222 0 2px,#0000 2px 4px),repeating-linear-gradient(0deg,#fffef8 0 3px,#0000 3px 6px);height:34px;margin:8px 30px 2px}.lot-card{background:var(--soft);border-radius:8px;margin-top:8px;padding:8px}.lot-card .row{justify-content:space-between;align-items:center;display:flex}.lot-card button{width:100%;margin-top:6px}.kpi span+span{margin-top:2px}.network .tree{margin:0;padding:0;font-size:12px;list-style:none}.network .tree li{padding:2px 0}.network .indent1{padding-left:10px!important}.network .indent2{padding-left:22px!important}.network .indent3{padding-left:34px!important}.network .port{color:var(--muted);font:10px ui-monospace,monospace}.swatch{vertical-align:middle;width:10px;height:3px;margin-right:4px;display:inline-block}.legend{flex-wrap:wrap;gap:4px 10px;font-size:11px;display:flex}.legend i{border-radius:50%;width:8px;height:8px;margin-right:3px;display:inline-block}.kpi-strip{z-index:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:6px;max-width:calc(100% - 680px);padding:6px;display:flex;position:absolute;top:52px;left:50%;overflow-x:auto;transform:translate(-50%)}.kpi-strip .kpi{min-width:96px}.kpi .tone-bad,.kpi.tone-bad b,dd.tone-bad{color:var(--bad)}.kpi.tone-good b{color:var(--good)}.panel-extra{float:right;letter-spacing:0;text-transform:none;color:var(--text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:11px;font-weight:600;overflow:hidden}.hint{color:var(--muted);background:var(--panel);border:1px dashed var(--line);border-radius:10px;margin:0;padding:8px 12px;font-size:12px}.legend-list{gap:3px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.legend-list span{width:34px;display:inline-block}details.panel.feed[open]{flex:1}details.panel.feed:not([open]){flex:none;min-height:0}.brand-logo{vertical-align:-2px;border-radius:2px;height:12px}.paper .sii{border:1px dashed #999;align-items:center;gap:6px;margin-top:6px;padding:4px 6px;font-size:11px;display:flex}.paper .sii img{height:16px}.paper .sii-reparo{color:#c62828;border-color:#c62828}.dash-title{align-items:center;gap:6px;display:inline-flex}.dash-title img{height:16px}.kpi-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.platforms{flex-wrap:wrap;gap:12px;margin:4px 0 6px;font-size:12px;display:flex}.activity ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.activity li{grid-template-columns:38px 18px 1fr auto;align-items:center;gap:6px;font-size:12px;display:grid}.activity li time{color:var(--muted);font-variant-numeric:tabular-nums}.activity li.tone-bad .act-text{color:var(--bad)}.activity li.tone-accent .act-text{color:var(--brand)}.activity .act-icon{text-align:center}.brand{align-items:center;gap:6px;display:inline-flex}.brand img{height:18px}.brand span{letter-spacing:-.02em;font-family:Georgia,serif;font-size:18px;font-weight:700}.city-hud{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100% - 400px);padding:8px 12px;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 1px 2px #0000000f}.city-hud .hud-near{background:var(--soft);border-radius:999px;padding:3px 10px}.city-hud .hud-info{flex-basis:100%;align-items:center;gap:8px;display:flex}.icon{vertical-align:-3px;display:inline-block}button .icon{margin-right:4px}.city-hud button.primary .icon{filter:invert()}