/* After-hours James bubble (dpom-header-ooh.js): a fixed overlay under the header, never part of the menu layout. */
.dpom-jb{position:fixed;z-index:9000;display:flex;align-items:flex-start;gap:10px;width:min(320px,calc(100vw - 24px));padding:12px 12px 12px 12px;border-radius:16px 4px 16px 16px;background:rgba(12,18,38,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(52,210,123,.45);box-shadow:0 10px 30px rgba(0,0,0,.38);font-family:Montserrat,Arial,sans-serif;color:#fff;opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.dpom-jb:not(.dpom-jb-hide){opacity:1;transform:none;pointer-events:auto}
.dpom-jb::before{content:"";position:absolute;top:-6px;right:28px;width:12px;height:12px;background:rgba(12,18,38,.95);border-left:1px solid rgba(52,210,123,.45);border-top:1px solid rgba(52,210,123,.45);transform:rotate(45deg)}
.dpom-jb-av{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;border:1.5px solid #34d27b;background:#2d3a63}
.dpom-jb-body{flex:1;min-width:0;cursor:pointer}
.dpom-jb-name{display:flex;align-items:center;gap:7px;margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#9fe3bd}
.dpom-jb-text{font-size:13px;font-weight:600;line-height:1.4;min-height:18px;letter-spacing:0;text-transform:none}
.dpom-jb-x{flex:none;align-self:flex-start;width:22px;height:22px;margin:-4px -2px 0 0;padding:0;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.6);font-size:18px;line-height:20px;cursor:pointer}
.dpom-jb-x:hover{color:#fff;background:rgba(255,255,255,.1)}
.dpom-ooh-dot{position:relative;flex:none;display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d27b;box-shadow:0 0 0 0 rgba(52,210,123,.55);animation:dpomOohPulse 2.2s ease-out infinite}
@keyframes dpomOohPulse{0%{box-shadow:0 0 0 0 rgba(52,210,123,.55)}70%{box-shadow:0 0 0 7px rgba(52,210,123,0)}100%{box-shadow:0 0 0 0 rgba(52,210,123,0)}}
@media (prefers-reduced-motion:reduce){.dpom-ooh-dot{animation:none}.dpom-jb{transition:none}}
@media (max-width:767px){.dpom-jb::before{right:36px}}