#opOverlay{display:none;position:fixed;inset:0;z-index:99990;background:rgba(10,15,40,.72);align-items:center;justify-content:center;font-family:"Segoe UI",sans-serif}
#opOverlay.open{display:flex}
#opCard{background:#fff;border-radius:20px;padding:32px 28px 24px;width:380px;max-width:95vw;box-shadow:0 24px 60px rgba(0,0,0,.32);text-align:center}
#opCard h3{font-size:20px;font-weight:900;color:#1a1a2e;margin-bottom:6px}
#opCard .op-sub{font-size:13px;color:#777;margin-bottom:22px}
#opCard label{display:block;text-align:left;font-size:12px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;margin-top:14px}
#opCard select,#opCard input[type=password]{width:100%;padding:11px 13px;border:1.5px solid #d0d7e2;border-radius:9px;font-size:15px;outline:none;box-sizing:border-box;transition:border .2s}
#opCard select:focus,#opCard input[type=password]:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.10)}
#opCard .op-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:9px 12px;font-size:13px;margin-top:12px;display:none}
#opCard .op-help{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:8px;padding:9px 12px;font-size:12px;margin-top:10px;text-align:left;line-height:1.35}
#opCard option:disabled{color:#94a3b8;background:#f1f5f9}
#opCard .op-actions{display:flex;gap:10px;margin-top:18px}
#opCard .op-btn-ok{flex:1;padding:12px;background:linear-gradient(90deg,#1d4ed8,#06b6d4);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}
#opCard .op-btn-ok:hover{opacity:.9}
#opCard .op-btn-cancel{padding:12px 18px;background:#f1f5f9;color:#475569;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}
#opBadge{display:none;position:fixed;bottom:18px;right:18px;z-index:9989;background:#1e293b;border:2px solid #38bdf8;border-radius:999px;padding:7px 16px 7px 12px;font-family:"Segoe UI",sans-serif;font-size:13px;color:#f0f9ff;cursor:pointer;user-select:none;box-shadow:0 4px 18px rgba(0,0,0,.35);align-items:center;gap:8px}
#opBadge .op-badge-nome{font-weight:800;color:#38bdf8}
#opBadge .op-badge-timer{background:#0284c7;color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;min-width:44px;text-align:center}
#opBadge .op-badge-timer.urgente{background:#ef4444;animation:opTimerPulse .9s infinite}
@keyframes opTimerPulse{0%,100%{opacity:1}50%{opacity:.5}}
#opTempoConfigWrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;margin-top:18px}
#opTempoConfigWrap label{font-size:12px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:10px}
.op-tempo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#opTempoInput{width:90px;padding:9px 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:15px;font-weight:700;text-align:center;outline:none}
#opTempoInput:focus{border-color:#2563eb}