/* Compact operator panel; payment surfaces and main toolbar geometry stay unchanged. */
#operatorInfoPanel { width:min(620px,calc(100vw - 28px)); max-height:calc(100vh - 146px); overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
#operatorInfoPanel, #operatorInfoPanel * { box-sizing:border-box; }
#operatorInfoPanel .operator-info-head { min-height:42px; padding:0 12px; }
#operatorInfoPanel .operator-info-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; padding:9px 10px 4px; }
#operatorInfoPanel .operator-info-row { min-height:36px; padding:6px 8px; grid-template-columns:72px minmax(0,1fr); gap:6px; }
#operatorInfoPanel .operator-info-row > span { font-size:10px; letter-spacing:.02em; }
#operatorInfoPanel .operator-info-row > strong { font-size:12px; white-space:normal; overflow-wrap:anywhere; text-overflow:clip; }
#operatorInfoPanel #operatorRoomTotals { margin:6px 10px 10px; padding:10px 12px; }
#operatorInfoPanel #operatorRoomTotalReveal { font-size:25px; padding:3px 0; }
#operatorInfoPanel #operatorRoomTotalNote { font-size:11px; margin-top:3px; }
#operatorConnections { padding:8px 10px 2px; color:#263548; }
#operatorConnections[hidden] { display:none; }
.hk-connections-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; }
.hk-connections-head > strong { font-size:14px; }
#operatorConnectionRefresh { display:inline-flex; align-items:center; gap:5px; min-height:36px; padding:6px 11px; background:#e6edf5; color:#29496a; border:1px solid #d1dce8; border-radius:10px; font:700 12px system-ui; cursor:pointer; }
#operatorConnectionRefresh:disabled { opacity:.75; cursor:default; }
#operatorConnectionRefresh svg { width:15px; height:15px; }
.is-checking #operatorConnectionRefresh svg { animation:hkConnectionSpin 1s linear infinite; }
#operatorConnectionGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.hk-connection-card { --conn:#596879; --conn-tint:#f1f4f7; min-width:0; padding:9px 11px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 7px; border:1px solid #dbe3eb; border-radius:12px; background:var(--conn-tint); }
.hk-connection-card[data-state="online"] { --conn:#137848; --conn-tint:#eff9f3; }
.hk-connection-card[data-state="busy"] { --conn:#2672b7; --conn-tint:#edf5ff; }
.hk-connection-card[data-state="offline"] { --conn:#b13d47; --conn-tint:#fff1f2; }
.hk-connection-card[data-state="warning"] { --conn:#9e610e; --conn-tint:#fff7e9; }
.hk-connection-card[data-state="disabled"] { --conn:#596879; --conn-tint:#f1f3f6; }
.hk-connection-heading { display:flex; gap:7px; align-items:center; min-width:0; }
.hk-connection-dot { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:var(--conn); box-shadow:0 0 0 3px color-mix(in srgb,var(--conn) 12%,transparent); }
.hk-connection-label { font-size:13px; font-weight:750; color:#263548; }
.hk-connection-status { font-size:11px; line-height:17px; font-weight:750; color:var(--conn); text-align:right; overflow-wrap:anywhere; }
.hk-connection-detail { grid-column:1/-1; font-size:11px; line-height:1.35; color:#536477; }
#operatorConnectionNote { margin:8px 2px 4px; font-size:11px; line-height:1.4; color:#64758a; }
html[data-staff-theme="dark"] #operatorInfoPanel .operator-info-row { background:#354456; border-color:#526276; }
html[data-staff-theme="dark"] #operatorInfoPanel .operator-info-row > span { color:#c5cfdb; }
html[data-staff-theme="dark"] #operatorInfoPanel .operator-info-row > strong { color:#f0f4f8; }
html[data-staff-theme="dark"] #operatorConnections { color:#ecf2f8; }
html[data-staff-theme="dark"] #operatorConnectionRefresh { background:#40556e; color:#e5effa; border-color:#61758d; }
html[data-staff-theme="dark"] .hk-connection-card { background:#354456; border-color:#526276; }
html[data-staff-theme="dark"] .hk-connection-card[data-state="online"] { --conn:#81ddb0; }
html[data-staff-theme="dark"] .hk-connection-card[data-state="busy"] { --conn:#92c8ff; }
html[data-staff-theme="dark"] .hk-connection-card[data-state="offline"] { --conn:#ffadb4; }
html[data-staff-theme="dark"] .hk-connection-card[data-state="warning"] { --conn:#ffcf83; }
html[data-staff-theme="dark"] .hk-connection-card[data-state="disabled"],html[data-staff-theme="dark"] .hk-connection-card[data-state="unknown"] { --conn:#c3ceda; }
html[data-staff-theme="dark"] .hk-connection-label { color:#f0f4f8; }
html[data-staff-theme="dark"] .hk-connection-detail,html[data-staff-theme="dark"] #operatorConnectionNote { color:#cbd6e2; }
@keyframes hkConnectionSpin { to { transform:rotate(360deg); } }
@media(max-width:600px) { #operatorInfoPanel .operator-info-list { grid-template-columns:1fr; } .hk-connection-card { grid-template-columns:1fr; } .hk-connection-status { text-align:left; padding-left:16px; } }
@media(prefers-reduced-motion:reduce) { .is-checking #operatorConnectionRefresh svg { animation:none; } }