.monitor-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 24px}.monitor-eyebrow{color:#69d7df;font-size:11px;font-weight:800;letter-spacing:.14em}.monitor-head h2{font-size:32px;letter-spacing:-.04em;margin:7px 0 8px}.monitor-head p{color:#9bb1c4;margin:0;line-height:1.5}.monitor-live-pill{display:flex;align-items:center;gap:8px;background:#113b33;border:1px solid #256754;border-radius:24px;color:#9af0c9;padding:9px 14px;white-space:nowrap;font-size:13px;font-weight:700}.monitor-live-pill i,.monitor-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65dfb5}.monitor-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#0d2032;border:1px solid #243a4d;border-radius:14px;padding:14px 16px}.monitor-controls label{display:flex;align-items:center;gap:12px;color:#99afc1;font-size:13px}.monitor-controls select{font:inherit;min-height:40px;max-width:300px;background:#142d43;color:#e9f4fc;border:1px solid #35516a;border-radius:8px;padding:8px 30px 8px 12px}.monitor-controls>div{display:flex;gap:8px;margin-left:auto}.monitor-controls .btn{min-height:40px;padding:9px 15px;border-radius:8px}.monitor-controls p{margin:0;font-size:12px;color:#9eb5c5}.monitor-controls .feed-connected{color:#91cfb7}.monitor-controls .feed-stale{color:#ffcc8a}.monitor-summary{display:flex;align-items:center;gap:24px;padding:20px 2px;color:#91aabd;font-size:13px}.monitor-summary span{display:flex;gap:7px;align-items:center}.monitor-summary b{font-size:16px;color:#eaf3fa}.monitor-summary .monitor-readonly{margin-left:auto;border-left:1px solid #314455;padding-left:16px;color:#7896ad}.monitor-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;align-items:start;gap:20px}.monitor-tills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.monitor-card{min-width:0;background:linear-gradient(145deg,#122a3e,#0b1c2d);border:1px solid #2b4256;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #00000010}.monitor-card.is-serving{border-color:#396174}.monitor-card>header{display:flex;justify-content:space-between;gap:10px;padding:21px 20px 0}.monitor-location{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#7698b0}.monitor-card h3{font-size:20px;line-height:1.2;letter-spacing:-.02em;color:#f0f6fc;margin:6px 0 0}.monitor-state{display:inline-flex;align-items:center;gap:6px;align-self:start;white-space:nowrap;font-size:11px;font-weight:750;background:#203449;color:#a8bfd1;border:1px solid #314b61;padding:5px 8px;border-radius:20px}.monitor-state.serving{background:#124438;color:#a0f0ce;border-color:#2b7059}.monitor-state i{width:5px;height:5px;border-radius:50%;background:#7de0b6}.monitor-operator{display:flex;gap:11px;align-items:center;margin:22px 20px 16px}.monitor-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#1c3b53;border:1px solid #32586f;color:#b5e2f5;font-size:12px;font-weight:800}.monitor-operator b{display:block;color:#dcebf4;font-size:16px}.monitor-operator small{display:block;font-size:11px;color:#7f9db3;margin-top:4px;overflow-wrap:anywhere}.monitor-items{list-style:none;padding:0;margin:0 20px}.monitor-items li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #ffffff0a;font-size:13px}.monitor-quantity{display:grid;place-items:center;font-size:11px;font-weight:800;background:#1b344a;color:#b4d2e5;border-radius:6px;height:24px}.monitor-product{color:#c6d8e6;line-height:1.4;overflow-wrap:anywhere}.monitor-items li b{color:#e5f1f8;font-size:13px;font-variant-numeric:tabular-nums}.monitor-total{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:18px 20px 20px;margin-top:12px;border-top:1px solid #314555;background:#091b2b66}.monitor-total span{font-size:12px;color:#89a7bc}.monitor-total strong{font-size:32px;color:#f0f8fe;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.monitor-signal{display:flex;align-items:center;gap:6px;color:#6e8aa0;font-size:10px;padding:10px 20px;background:#07152455}.monitor-signal i{width:5px;height:5px;background:#77838b;border-radius:50%;flex:none}.monitor-signal i.recent{background:#63bc99}.monitor-idle{min-height:154px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 20px;border-top:1px solid #ffffff09;color:#68879e}.monitor-idle>span{font-size:31px;color:#365a72;font-weight:300}.monitor-idle p{font-size:12px}.monitor-more{margin:5px 20px 0;color:#7cb8d9;font-size:12px}.monitor-more summary{cursor:pointer;padding:10px 0}.monitor-more .monitor-items{margin:0}.monitor-activity{border:1px solid #233b4e;border-radius:18px;background:#0b1d2d;overflow:hidden}.monitor-activity>header{padding:22px 20px 18px;border-bottom:1px solid #243a4d}.monitor-activity h3{font-size:20px;margin:7px 0 8px;color:#e1edf5}.monitor-activity>header p{font-size:11px;color:#7c9ab0;line-height:1.6;margin:0}.monitor-events{max-height:680px;overflow:auto}.monitor-event{display:flex;gap:10px;padding:16px;border-bottom:1px solid #ffffff08}.monitor-event-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:9px;background:#1c344a;color:#95bad3;font-size:14px}.monitor-event-icon.sale{background:#173f35;color:#88e4ba}.monitor-event-icon.refund,.monitor-event-icon.void{background:#42272f;color:#efb1b7}.monitor-event>div{min-width:0;flex:1}.monitor-event-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.monitor-event-title b{font-size:12px;color:#dae7f0}.monitor-event-title time{font-size:9px;color:#6a8ca4;font-variant-numeric:tabular-nums}.monitor-event p{font-size:12px;color:#9ab7cc;margin:5px 0}.monitor-event small{display:block;color:#718fa5;font-size:11px;overflow-wrap:anywhere}.monitor-event .monitor-event-reason{margin-top:5px}.monitor-activity>footer{font-size:10px;color:#627f95;padding:13px 20px;border-top:1px solid #ffffff08}.monitor-empty-activity{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:42px 23px;color:#64859d}.monitor-empty-activity>span{font-size:36px;color:#365e76;margin-bottom:12px}.monitor-empty-activity>b{font-size:13px;color:#9ab4c7}.monitor-empty-activity p{font-size:12px;line-height:1.7;margin-bottom:0}.monitor-empty{border:1px dashed #345169;border-radius:16px;color:#8ba8bf;text-align:center;padding:58px 20px;line-height:1.6}.monitor-tills>.monitor-empty{grid-column:1/-1}@media(max-width:1190px){.monitor-layout{grid-template-columns:1fr}.monitor-activity{margin-top:4px}.monitor-events{max-height:360px}}@media(max-width:650px){.monitor-head{align-items:start;gap:8px}.monitor-head h2{font-size:29px}.monitor-head p{font-size:13px}.monitor-live-pill{padding:7px 10px;font-size:10px}.monitor-controls{gap:12px}.monitor-controls label{width:100%;justify-content:space-between}.monitor-controls select{min-width:0;max-width:230px;width:70%}.monitor-controls p{order:3;width:100%}.monitor-controls>div{margin:0}.monitor-summary{gap:15px;font-size:11px;flex-wrap:wrap}.monitor-summary .monitor-readonly{margin:0;border:0;padding:0}.monitor-tills{grid-template-columns:1fr}.monitor-card h3{font-size:22px}.monitor-operator b{font-size:17px}.monitor-product,.monitor-items li b{font-size:14px}.monitor-signal{font-size:11px}.monitor-events{max-height:440px}}

.monitor-live-pill.not-live{background:#1c2d3c;border-color:#3b5062;color:#9bb0c2}.monitor-live-pill.not-live i{background:#7b92a4}