/* /Components/Pages/BwtLive.razor.rz.scp.css */
.bwt-live-page[b-nwwuwyxo66] { padding: 24px; }
.bwt-live-header[b-nwwuwyxo66] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.bwt-live-header h1[b-nwwuwyxo66] { margin: 0; font-size: 24px; font-weight: 700; }
.bwt-live-header h1:focus[b-nwwuwyxo66] { outline: none; }
.bwt-live-subtitle[b-nwwuwyxo66] { font-size: 12px; color: var(--bs-secondary-color, #64748b); }
.bwt-live-header-actions[b-nwwuwyxo66] { display: flex; align-items: center; gap: 8px; }
.bwt-live-announce-btn[b-nwwuwyxo66] { background: #7c3aed; color: #fff; border: none; border-radius: 6px; padding: 8px 14px; font-weight: 600; cursor: pointer; }
.bwt-live-announce-btn:hover[b-nwwuwyxo66] { filter: brightness(1.1); }
.bwt-live-create-btn[b-nwwuwyxo66] { background:#e94560; color:#fff; border:none; border-radius:6px; padding:8px 16px; font-weight:600; cursor:pointer; }
.bwt-live-create-btn:hover[b-nwwuwyxo66] { filter: brightness(1.1); }
.bwt-live-section[b-nwwuwyxo66] { margin-bottom: 24px; }
.bwt-live-section-header[b-nwwuwyxo66] { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; opacity: 0.7; border-bottom: 1px solid var(--bs-border-color, #e5e7eb); padding-bottom: 6px; margin-bottom: 12px; }
.bwt-live-card-grid[b-nwwuwyxo66] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.bwt-live-card[b-nwwuwyxo66] { background: var(--bs-secondary-bg, #f8fafc); border-radius: 8px; padding: 12px; border-left: 3px solid; transition: transform 0.1s; position: relative; }
.bwt-live-card-name-row[b-nwwuwyxo66] { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 6px; }
.bwt-live-card-edit[b-nwwuwyxo66] { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; background: none; border: none; color: #64748b; font-size: 17px; line-height: 1; cursor: pointer; padding: 0; border-radius: 5px; opacity: 0.82; flex-shrink: 0; margin-left: auto; }
.bwt-live-card-edit:hover[b-nwwuwyxo66] { color: #2563eb; background: rgba(37,99,235,0.1); opacity: 1; }
.bwt-live-card-delete[b-nwwuwyxo66] { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; background: none; border: none; color: #94a3b8; font-size: 22px; line-height: 1; cursor: pointer; padding: 0; border-radius: 5px; opacity: 0.68; flex-shrink: 0; }
.bwt-live-card-delete:hover[b-nwwuwyxo66] { color: #dc2626; background: rgba(220,38,38,0.1); opacity: 1; }
.bwt-live-card-confirm[b-nwwuwyxo66] { position: absolute; inset: 0; background: rgba(15,23,42,0.9); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; z-index: 1; }
.bwt-live-card-confirm-text[b-nwwuwyxo66] { color: #e2e8f0; font-size: 12px; font-weight: 600; text-align: center; padding: 0 8px; }
.bwt-live-card-confirm-btns[b-nwwuwyxo66] { display: flex; gap: 6px; }
.bwt-live-card-confirm-yes[b-nwwuwyxo66] { background: #dc2626; color: #fff; border: none; border-radius: 4px; padding: 4px 14px; font-size: 12px; cursor: pointer; }
.bwt-live-card-confirm-yes:hover[b-nwwuwyxo66] { filter: brightness(1.15); }
.bwt-live-card-confirm-no[b-nwwuwyxo66] { background: #475569; color: #e2e8f0; border: none; border-radius: 4px; padding: 4px 14px; font-size: 12px; cursor: pointer; }
.bwt-live-card:hover[b-nwwuwyxo66] { transform: translateY(-1px); }
.bwt-live-card.type-trade[b-nwwuwyxo66] { border-left-color: #e94560; }
.bwt-live-card.type-community[b-nwwuwyxo66] { border-left-color: #22c55e; }
.bwt-live-card.type-coaching[b-nwwuwyxo66] { border-left-color: #a78bfa; }
.bwt-live-card.type-support[b-nwwuwyxo66] { border-left-color: #f59e0b; }
.bwt-live-card-name[b-nwwuwyxo66] { font-weight: 600; min-width: 0; }
.bwt-live-card-meta[b-nwwuwyxo66] { display: flex; justify-content: space-between; font-size: 11px; opacity: 0.7; margin-bottom: 8px; }
.bwt-live-status.live[b-nwwuwyxo66] { color: #e94560; font-weight: 600; }
.bwt-live-card-actions[b-nwwuwyxo66] { display: flex; gap: 4px; }
.bwt-live-join-btn[b-nwwuwyxo66] { flex: 1; background: #1e293b; color: #fff; border: none; border-radius: 4px; padding: 6px 0; font-size: 12px; cursor: pointer; }
.bwt-live-join-btn:hover[b-nwwuwyxo66] { filter: brightness(1.15); }
.bwt-live-join-btn:disabled[b-nwwuwyxo66] { background: #94a3b8; cursor: not-allowed; filter: none; }
.bwt-live-monitor-btn[b-nwwuwyxo66] { flex: 1; background: #475569; color: #fff; border: none; border-radius: 4px; padding: 6px 0; font-size: 11px; cursor: pointer; }
.bwt-live-monitor-btn:hover[b-nwwuwyxo66] { filter: brightness(1.2); }
.bwt-live-full[b-nwwuwyxo66] { color: #f59e0b; font-weight: 600; }
.bwt-live-empty[b-nwwuwyxo66] { font-size: 12px; opacity: 0.6; padding: 12px 0; }
.bwt-live-loading[b-nwwuwyxo66] { padding: 24px; text-align: center; opacity: 0.7; }
.bwt-live-invite-btn[b-nwwuwyxo66] { padding: 4px 10px; background: #2563eb; color: #fff; border: none; border-radius: 4px; font-size: 12px; font-weight: 600; cursor: pointer; }
.bwt-live-invite-btn:hover[b-nwwuwyxo66] { background: #1d4ed8; }
.bwt-live-pending-chip[b-nwwuwyxo66] { padding: 2px 8px; background: #fef3c7; color: #92400e; border: none; border-radius: 10px; font-size: 11px; cursor: pointer; margin-left: 4px; }
.bwt-live-pending-chip:hover[b-nwwuwyxo66] { background: #fde68a; }
.bwt-modal-backdrop[b-nwwuwyxo66] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000; }
.bwt-modal[b-nwwuwyxo66] { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: var(--bs-body-bg, #fff); border-radius: 8px; min-width: 400px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); z-index: 1001; }
.bwt-invite-modal[b-nwwuwyxo66] { max-width: 600px; }
@media (max-width: 599px) {
    .bwt-modal[b-nwwuwyxo66] {
        min-width: 0;
        width: calc(100vw - 16px);
        max-height: calc(100dvh - 32px);
        top: 16px;
        transform: translateX(-50%);
        overflow-y: auto;
        border-radius: 12px;
    }
}
/* /Components/Pages/InvitePanel.razor.rz.scp.css */
.bwt-invite-panel[b-s7neezardf] { background: var(--bs-body-bg, #fff); padding: 18px;
                    border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.08);
                    max-width: 540px; width: 100%; }
.bwt-invite-header[b-s7neezardf] { display: flex; align-items: center; justify-content: space-between;
                     margin-bottom: 14px; }
.bwt-invite-header h3[b-s7neezardf] { margin: 0; font-size: 16px; }
.bwt-invite-close[b-s7neezardf] { background: none; border: none; font-size: 22px; cursor: pointer;
                    color: #666; }
.bwt-invite-row[b-s7neezardf] { margin-bottom: 12px; }
.bwt-invite-row label[b-s7neezardf] { display: block; font-size: 12px; color: #666; margin-bottom: 4px; }
.bwt-invite-row input[b-s7neezardf] { width: 100%; padding: 6px 8px; border: 1px solid #d1d5db;
                        border-radius: 4px; }
.bwt-invite-search-row[b-s7neezardf] { display: flex; gap: 12px; align-items: center; }
.bwt-invite-search[b-s7neezardf] { flex: 1; padding: 8px 10px; border: 1px solid #d1d5db;
                     border-radius: 4px; }
.bwt-invite-browse-btn[b-s7neezardf] { white-space: nowrap; padding: 7px 12px; font-size: 12px;
                         background: #374151; color: #f9fafb; border: 1px solid #4b5563;
                         border-radius: 4px; cursor: pointer; }
.bwt-invite-browse-btn:disabled[b-s7neezardf] { opacity: 0.5; cursor: not-allowed; }
.bwt-invite-browse-btn:hover:not(:disabled)[b-s7neezardf] { background: #4b5563; }
.bwt-invite-selected[b-s7neezardf] { background: #f3f4f6; padding: 8px; border-radius: 4px;
                       margin-bottom: 12px; }
.bwt-invite-selected-label[b-s7neezardf] { font-size: 12px; color: #666; margin-right: 6px; }
.bwt-invite-chip[b-s7neezardf] { display: inline-flex; align-items: center; gap: 4px; padding: 2px 6px;
                   background: #fff; border: 1px solid #d1d5db; border-radius: 12px;
                   font-size: 12px; margin: 2px; }
.bwt-invite-chip button[b-s7neezardf] { background: none; border: none; cursor: pointer; padding: 0 2px; }
.bwt-invite-section[b-s7neezardf] { max-height: 240px; overflow-y: auto; margin-bottom: 12px; }
.bwt-invite-section h5[b-s7neezardf] { font-size: 12px; color: #666; margin: 6px 0; }
.bwt-invite-result[b-s7neezardf] { display: flex; gap: 8px; align-items: center; padding: 6px;
                     cursor: pointer; border-radius: 4px; }
.bwt-invite-result:hover[b-s7neezardf] { background: #f3f4f6; color: #111827; }
.bwt-invite-result:hover .bwt-invite-result-name[b-s7neezardf] { color: #111827; }
.bwt-invite-result:hover .bwt-invite-result-email[b-s7neezardf] { color: #6b7280; }
.bwt-invite-result-name[b-s7neezardf] { font-weight: 600; font-size: 13px; }
.bwt-invite-result-email[b-s7neezardf] { font-size: 11px; color: #666; }
.bwt-invite-pending-badge[b-s7neezardf] { background: #fef3c7; color: #92400e; font-size: 10px;
                            padding: 2px 6px; border-radius: 10px; }
.bwt-invite-resolved[b-s7neezardf] { padding: 8px; border-radius: 4px; font-size: 13px; margin-bottom: 12px; }
.bwt-invite-resolved-known[b-s7neezardf] { background: #d1fae5; color: #065f46; }
.bwt-invite-resolved-unknown[b-s7neezardf] { background: #fef3c7; color: #92400e; }
.bwt-invite-counter[b-s7neezardf] { font-size: 11px; color: #666; margin: 6px 0; }
.bwt-invite-summary[b-s7neezardf] { background: #ecfeff; color: #0c4a6e; padding: 8px; border-radius: 4px;
                      font-size: 13px; margin: 8px 0; }
.bwt-invite-error[b-s7neezardf] { background: #fee2e2; color: #991b1b; padding: 8px; border-radius: 4px;
                    font-size: 13px; margin: 8px 0; }
.bwt-invite-footer[b-s7neezardf] { display: flex; align-items: center; justify-content: space-between;
                     margin-top: 10px; }
.bwt-invite-pending-link[b-s7neezardf] { background: none; border: none; color: #2563eb; cursor: pointer;
                           font-size: 12px; text-decoration: underline; }
.bwt-invite-send-btn[b-s7neezardf] { padding: 8px 14px; background: #e94560; color: #fff; border: none;
                       border-radius: 4px; font-weight: 600; cursor: pointer; }
.bwt-invite-send-btn:disabled[b-s7neezardf] { opacity: 0.5; cursor: not-allowed; }
.bwt-invite-pending-row[b-s7neezardf] { display: flex; align-items: center; justify-content: space-between;
                          padding: 8px 0; border-bottom: 1px solid #e5e7eb; }
.bwt-invite-pending-name[b-s7neezardf] { font-weight: 600; font-size: 13px; }
.bwt-invite-pending-meta[b-s7neezardf] { font-size: 11px; color: #666; }
.bwt-invite-pending-actions[b-s7neezardf] { display: flex; gap: 6px; align-items: center; }
.bwt-invite-resend-btn[b-s7neezardf] { padding: 4px 10px; font-size: 12px; }
.bwt-invite-cancel-btn[b-s7neezardf] { padding: 4px 10px; font-size: 12px; background: none;
                         border: 1px solid #d1d5db; border-radius: 4px; color: #6b7280;
                         cursor: pointer; }
.bwt-invite-cancel-btn:hover:not(:disabled)[b-s7neezardf] { border-color: #ef4444; color: #ef4444; }
.bwt-invite-cancel-btn:disabled[b-s7neezardf] { opacity: 0.5; cursor: not-allowed; }
.bwt-invite-back[b-s7neezardf] { background: none; border: none; color: #2563eb; cursor: pointer;
                   font-size: 12px; margin-bottom: 8px; }
.bwt-invite-empty[b-s7neezardf] { font-size: 12px; color: #666; }
.bwt-channel-chooser[b-s7neezardf] { display: flex; gap: 14px; margin: 10px 0; }
.bwt-channel[b-s7neezardf] { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; }
.bwt-channel-disabled[b-s7neezardf] { opacity: 0.5; }

@media (max-width: 599px) {
    .bwt-invite-panel[b-s7neezardf] { padding: 12px; }
    .bwt-invite-search-row[b-s7neezardf] { flex-direction: column; align-items: stretch; gap: 8px; }
    .bwt-invite-browse-btn[b-s7neezardf] { width: 100%; padding: 10px; font-size: 13px; }
    .bwt-invite-result[b-s7neezardf] { padding: 10px 6px; flex-wrap: wrap; }
    .bwt-invite-result input[type="checkbox"][b-s7neezardf] { width: 18px; height: 18px; flex-shrink: 0; }
    .bwt-invite-result-email[b-s7neezardf] { flex-basis: 100%; padding-left: 26px; margin-top: 2px; }
    .bwt-invite-footer[b-s7neezardf] { flex-wrap: wrap; gap: 8px; }
    .bwt-invite-send-btn[b-s7neezardf] { flex: 1; padding: 10px; font-size: 14px; }
    .bwt-channel[b-s7neezardf] { font-size: 14px; gap: 6px; }
    .bwt-channel input[type="checkbox"][b-s7neezardf] { width: 18px; height: 18px; }
    .bwt-invite-section[b-s7neezardf] { max-height: 200px; }
}