/* Globall Cloud Customer Portal — realtime notification surface */
body.gc-customer-app .gc-realtime-status{display:inline-flex;align-items:center;gap:7px;margin-inline-start:auto;padding:7px 10px;border:1px solid rgba(99,232,182,.22);border-radius:999px;background:rgba(99,232,182,.07);color:#bdf7e3;font:700 10px/1.2 JetBrains Mono,Vazirmatn,monospace;white-space:nowrap}
body.gc-customer-app .gc-realtime-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#63e8b6;box-shadow:0 0 0 4px rgba(99,232,182,.10)}
body.gc-customer-app .gc-realtime-status.is-connecting{border-color:rgba(255,211,125,.24);background:rgba(255,211,125,.07);color:#ffe2a3}
body.gc-customer-app .gc-realtime-status.is-connecting::before{background:#ffd37d;box-shadow:0 0 0 4px rgba(255,211,125,.10)}
body.gc-customer-app .gc-realtime-status.is-offline{border-color:rgba(255,113,128,.22);background:rgba(255,113,128,.07);color:#ffcbd1}
body.gc-customer-app .gc-realtime-status.is-offline::before{background:#ff7180;box-shadow:0 0 0 4px rgba(255,113,128,.10)}
body.gc-customer-app .gc-realtime-toast{position:fixed;inset-inline-end:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:900;display:grid;gap:3px;width:min(340px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(83,216,229,.32);border-radius:15px;background:rgba(4,20,34,.96);color:#effcff;box-shadow:0 18px 44px rgba(0,0,0,.34);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
body.gc-customer-app .gc-realtime-toast.is-visible{opacity:1;transform:none}
body.gc-customer-app .gc-realtime-toast strong{font-size:12px;line-height:1.5}
body.gc-customer-app .gc-realtime-toast span{color:#a9c7d6;font-size:10px;line-height:1.7}
body.gc-customer-app .gc-live-notification-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ffcf71;color:#152433;font:900 9px/1 JetBrains Mono,Vazirmatn,monospace}
@media(max-width:760px){body.gc-customer-app .gc-realtime-status{margin-inline-start:0;font-size:9px}body.gc-customer-app .gc-realtime-toast{inset-inline:12px;width:auto;bottom:calc(88px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){body.gc-customer-app .gc-realtime-toast{transition:none}}
