/* This page doesn't load full Bootstrap CSS, but _TeamChat uses Bootstrap
           modals. Give them standalone overlay styling so "Contact Support"
           renders as a proper centered modal instead of a broken raw block. */
        .modal{display:none!important}
        .modal.show{display:flex!important;position:fixed;inset:0;width:100%;max-width:none;max-height:none;border-radius:0;box-shadow:none;z-index:1090;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:16px;overflow:auto}
        .modal.show .modal-dialog{width:100%;max-width:520px;margin:auto}
        .modal.show .modal-content{background:#fff;color:#1f2937;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
        .modal.show .modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}
        .modal.show .modal-body{padding:18px;max-height:70vh;overflow:auto}
        .modal.show .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #e5e7eb}
        .modal.show .btn-close{background:none;border:0;line-height:1;color:inherit;cursor:pointer;opacity:.85;font-size:0}
        .modal.show .btn-close::before{content:"\00d7";font-size:24px}
        .modal.show .form-control,.modal.show .form-select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font:inherit;margin-bottom:4px}
        .modal.show .btn{padding:8px 16px;border-radius:8px;border:0;cursor:pointer;font-weight:600}
        .modal.show .btn-primary{background:var(--primary,#00b3c9);color:#fff}
        .modal.show .alert{padding:10px 12px;border-radius:8px;margin-bottom:12px}
        .modal.show .alert-success{background:#dcfce7;color:#166534}
        .modal.show .alert-warning{background:#fef3c7;color:#92400e}
        .modal-backdrop{display:none!important}
        [data-theme="dark"] .modal.show .modal-content{background:#1e293b;color:#e2e8f0}
        [data-theme="dark"] .modal.show .form-control,[data-theme="dark"] .modal.show .form-select{background:#0f172a;color:#e2e8f0;border-color:#334155}

        /* Make the _NotificationBell partial match the other chat-header buttons */
        .chat-header-right .nb-wrap { margin: 0; }
        .chat-header-right .nb-btn {
            width: 40px;
            height: 40px;
            padding: 0;
            background: var(--bg-light, #f1f5f9);
            color: var(--text-dark, #0f172a);
            border-radius: 999px;
            font-size: 1rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
        .chat-header-right .nb-btn:hover {
            background: var(--primary, #00b3c9);
            color: white;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(0, 179, 201, 0.3);
        }
        [data-theme="dark"] .chat-header-right .nb-btn {
            background: var(--bg-card, #1e293b);
            color: var(--text-dark, #e2e8f0);
        }