html:has(.queue-overlay-page){background:0 0!important;overflow:hidden!important}html:has(.queue-overlay-page) body{background:0 0!important;overflow:hidden!important}.overlay-root{background:0 0;min-height:0}.queue-overlay-page{--overlay-panel:#161616;--overlay-heading:#161616;--overlay-border:#3a3a3a;--overlay-text:#fff;--overlay-muted:#c4c4c4;--overlay-accent:#fff;--overlay-rule:#3a3a3a;--overlay-badge:#292929;width:min(100%,600px);color:var(--overlay-text);padding:12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.queue-overlay-light{--overlay-panel:#fff;--overlay-heading:#fff;--overlay-border:#d4d4d4;--overlay-text:#171717;--overlay-muted:#555;--overlay-accent:#171717;--overlay-rule:#e5e5e5;--overlay-badge:#f5f5f5}.queue-overlay-ocean{--overlay-panel:#163b59;--overlay-heading:#163b59;--overlay-border:#0d2b43;--overlay-text:#fff;--overlay-muted:#d3e5f0;--overlay-accent:#85cee9;--overlay-rule:#315672;--overlay-badge:#244b68}.queue-overlay-sage{--overlay-panel:#e0ecd9;--overlay-heading:#e0ecd9;--overlay-border:#b8cdb1;--overlay-text:#203027;--overlay-muted:#4b6150;--overlay-accent:#477552;--overlay-rule:#b8cdb1;--overlay-badge:#d0e2c8}.queue-overlay-coral{--overlay-panel:#ffe0ce;--overlay-heading:#ffe0ce;--overlay-border:#e5b8a0;--overlay-text:#42281d;--overlay-muted:#704b3b;--overlay-accent:#b45636;--overlay-rule:#e5b8a0;--overlay-badge:#fbd1b9}.queue-overlay-sky{--overlay-panel:#fff;--overlay-heading:#a9e2ff;--overlay-border:#c9e4f2;--overlay-text:#17384c;--overlay-muted:#557488;--overlay-accent:#286f99;--overlay-rule:#e1edf3;--overlay-badge:#e8f7ff}.queue-overlay-sky .queue-overlay-section{background:#a9e2ff;border:1px solid #88caeb;border-radius:10px;padding:8px}.queue-overlay-sky .queue-overlay-heading{background:0 0;border:0;min-height:40px;margin-bottom:0;padding:3px 8px 9px}.queue-overlay-section+.queue-overlay-section{margin-top:12px}.queue-overlay-heading{border:1px solid var(--overlay-border);border-left:4px solid var(--overlay-accent);background:var(--overlay-heading);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:50px;margin-bottom:6px;padding:10px 16px;display:flex}.queue-overlay-heading h1,.queue-overlay-heading h2{color:var(--overlay-text);margin:0;font-size:18px;font-weight:800;line-height:1.2}.queue-overlay-count{color:var(--overlay-muted);white-space:nowrap;font-size:11px;font-weight:700}.queue-overlay-list{gap:6px;display:grid}.queue-overlay-row,.queue-overlay-message{border:1px solid var(--overlay-border);background:var(--overlay-panel);box-shadow:none;border-radius:8px}.queue-overlay-row{min-width:0;padding:11px 14px}.queue-overlay-row-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.queue-overlay-customer{flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;display:flex}.queue-overlay-name,.queue-overlay-package{overflow-wrap:anywhere}.queue-overlay-name{font-size:14px;font-weight:700}.queue-overlay-package{color:var(--overlay-muted);font-size:12px}.queue-overlay-status{border:1px solid var(--overlay-border);background:var(--overlay-badge);color:var(--overlay-text);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:4px;flex:none;padding:4px 7px;font-size:10px;font-weight:800}.queue-overlay-status-proses{border-color:var(--overlay-accent);color:var(--overlay-accent)}.queue-overlay-dates{border-top:1px solid var(--overlay-rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:10px;padding-top:9px;display:grid}.queue-overlay-dates div{min-width:0}.queue-overlay-dates dt{color:var(--overlay-muted);font-size:10px;line-height:1.3}.queue-overlay-dates dd{color:var(--overlay-text);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;font-weight:650;line-height:1.3;overflow:hidden}.queue-overlay-message{min-height:58px;color:var(--overlay-muted);align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:flex}@media (width<=440px){.queue-overlay-heading{padding-inline:12px}.queue-overlay-row{padding:10px 11px}.queue-overlay-name{font-size:12px}.queue-overlay-package,.queue-overlay-dates dd{font-size:11px}.queue-overlay-dates{gap:8px}}
