.oi-bell{position:relative!important}.oi-badge{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#c62828;color:white;font:bold 11px/18px Arial;text-align:center}.oi-badge[hidden],.oi-overlay[hidden]{display:none!important}
.oi-overlay{position:fixed;inset:0;z-index:1600;background:#0f172a44;display:flex;align-items:flex-start;justify-content:flex-end;padding:76px 20px 20px}.oi-panel{width:min(540px,100%);max-height:calc(100dvh - 96px);background:white;color:#1e293b;border:1px solid #dbe2ea;border-radius:14px;box-shadow:0 16px 50px #0003;display:flex;flex-direction:column;overflow:hidden;font:14px/1.4 Arial,sans-serif}.oi-panel button,.oi-taskbar button{font:inherit;cursor:pointer;border:1px solid #cbd5e1;border-radius:7px;padding:7px 11px;background:white;color:#1e293b}.oi-panel button:focus-visible,.oi-taskbar button:focus-visible{outline:3px solid #1976d2;outline-offset:-2px}.oi-panel button:disabled,.oi-taskbar button:disabled{opacity:.5;cursor:wait}.oi-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.oi-head h2{font-size:20px;margin:0}.oi-close{font-size:22px!important;line-height:1!important}.oi-tabs{display:flex;padding:0 12px;gap:6px;flex-wrap:wrap}.oi-tabs button{font-size:12px}.oi-tabs button[aria-pressed=true]{background:#e7f0ff;color:#1455a0;border-color:#1976d2}.oi-notice{font-size:12px;color:#64748b;margin:10px 16px}.oi-items{overflow:auto;min-height:80px;overscroll-behavior:contain}.oi-card{margin:0 12px 10px;border:1px solid #dbe2ea;border-radius:9px;overflow:hidden}.oi-new{border-left:4px solid #1976d2;background:#f4f8ff}.oi-panel .oi-order{display:grid;gap:5px;width:100%;text-align:left;border:0;border-radius:0;background:transparent;padding:12px}.oi-top{display:flex;justify-content:space-between;gap:10px}.oi-top b{color:#1455a0}.oi-status{font-size:12px;color:#64748b}.oi-trip{overflow-wrap:anywhere}.oi-date{font-size:13px}.oi-price{font-size:16px}.oi-contact{font-size:12px;overflow-wrap:anywhere}.oi-created{font-size:11px;color:#64748b}.oi-actions{display:flex;justify-content:flex-end;padding:0 10px 9px}.oi-actions:empty{display:none}.oi-actions button{font-size:12px}.oi-empty{padding:20px;text-align:center;color:#64748b}.oi-error{background:#fff0f0;color:#9c2525;margin:0 12px 12px;padding:10px;border-radius:7px}.oi-error button{margin-left:8px}.oi-refresh,.oi-more{margin:0 12px 10px}.oi-taskbar{position:fixed;bottom:12px;right:12px;z-index:1500;max-width:min(850px,calc(100vw - 24px));display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #bdd3ee;border-radius:10px;background:#f1f7ff;box-shadow:0 4px 20px #0002;color:#1e293b;font:13px/1.4 Arial,sans-serif}.oi-taskbar strong{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oi-taskbar .oi-primary{background:#1976d2;color:white;border-color:#1976d2}@media(max-width:650px){.oi-overlay{padding:65px 8px 10px}.oi-panel{max-height:calc(100dvh - 75px)}.oi-taskbar{flex-wrap:wrap}.oi-taskbar strong{width:100%;max-width:100%}.oi-taskbar button{font-size:12px}}