#page-table {
    background: var(--table-bg);
    border: 1px solid var(--table-border);
    border-radius: 0
}

#page-table .table-header {
    border-bottom: 1px solid var(--table-border);
    overflow: visible;
    background: var(--bg-white);
    position: sticky;
    top: 0;
    z-index: 6;
    width: max-content;
    min-width: 100%;
    user-select: none;
    -webkit-user-select: none
}

#page-table .table-header table,#page-table .table-responsive table {
    border-collapse: collapse;
    width: max-content;
    min-width: 0;
    background: var(--table-bg);
    table-layout: fixed
}

#page-table .table-responsive {
    max-height: calc(100vh - 108px);
    overflow: auto
}

#page-table th,#page-table td {
    border: 1px solid var(--table-border);
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.25;
    color: var(--table-text);
    background: var(--table-bg);
    vertical-align: middle
}

#page-table th {
    background: var(--table-header-bg);
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    z-index: 2
}

#page-table td {
    font-weight: 500
}

#page-table tbody tr:hover td {
    background: var(--row-hover)
}

#page-table td.drag-selected {
    background: var(--row-selected)!important
}

#page-table .status-cell {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 12px
}

#page-table .status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor
}

#page-table .status-cell.is-live {
    color: var(--status-live)
}

#page-table .status-cell.is-die {
    color: var(--status-die)
}

#page-table .status-cell.is-warn {
    color: var(--status-warn)
}

#page-table .status-cell.is-muted {
    color: var(--status-muted)
}

#page-table .page-name-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-width: 0
}

#page-table .page-avatar {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    object-fit: cover;
    flex-shrink: 0
}

#page-table .page-name-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    line-height: 1.2
}

#page-table .page-name-link {
    color: var(--table-text);
    font-weight: 700;
    text-decoration: none;
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#page-table .page-name-link:hover {
    text-decoration: none
}

#page-table .page-id-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-secondary);
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#remove-page-admin-overlay .remove-page-admin-modal,#rename-fanpage-overlay .remove-page-admin-modal,#receive-page-overlay .remove-page-admin-modal {
    width: min(96vw,1260px);
    max-width: 1260px;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 12px
}

#remove-page-admin-overlay .remove-page-admin-head,#rename-fanpage-overlay .remove-page-admin-head,#receive-page-overlay .remove-page-admin-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#remove-page-admin-overlay .remove-page-admin-head h3,#rename-fanpage-overlay .remove-page-admin-head h3,#receive-page-overlay .remove-page-admin-head h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: var(--text-primary)
}

#remove-page-admin-overlay .remove-page-admin-loading,#rename-fanpage-overlay .remove-page-admin-loading,#receive-page-overlay .remove-page-admin-loading {
    text-align: center;
    padding: 40px 16px;
    border: 1px dashed var(--table-border);
    background: #f8fafc
}

#remove-page-admin-overlay .remove-page-admin-loading i,#rename-fanpage-overlay .remove-page-admin-loading i,#receive-page-overlay .remove-page-admin-loading i {
    font-size: 32px;
    color: var(--primary)
}

#remove-page-admin-overlay .remove-page-admin-loading p,#rename-fanpage-overlay .remove-page-admin-loading p,#receive-page-overlay .remove-page-admin-loading p {
    margin: 12px 0 0;
    color: var(--table-muted);
    font-size: 13px
}

#remove-page-admin-overlay .remove-page-admin-table-card,#rename-fanpage-overlay .remove-page-admin-table-card,#receive-page-overlay .remove-page-admin-table-card {
    border: 1px solid var(--table-border);
    background: var(--table-bg);
    min-height: 320px;
    display: flex;
    flex-direction: column
}

#remove-page-admin-overlay .remove-page-admin-search-bar {
    padding: 12px 12px 0
}

#remove-page-admin-overlay .remove-page-admin-search-bar input {
    width: 100%;
    min-height: 38px;
    border: 1px solid var(--table-border);
    background: #fff;
    padding: 0 12px;
    border-radius: 0;
    font-size: 13px;
    color: var(--table-text)
}

#remove-page-admin-overlay .remove-page-admin-search-bar input::placeholder {
    color: var(--table-muted)
}

#remove-page-admin-overlay th[data-remove-page-admin-sort]:hover {
    background: #e0e7ff;
    color: #1d4ed8
}

#remove-page-admin-overlay th[data-remove-page-admin-sort].sort-active {
    background: #dbeafe;
    color: #1d4ed8
}

#remove-page-admin-overlay .remove-page-admin-table-scroll,#rename-fanpage-overlay .remove-page-admin-table-scroll,#receive-page-overlay .remove-page-admin-table-scroll {
    overflow: auto;
    max-height: min(50vh,460px);
    scrollbar-gutter: stable
}

#remove-page-admin-overlay .remove-page-admin-table-scroll table,#rename-fanpage-overlay .remove-page-admin-table-scroll table,#receive-page-overlay .remove-page-admin-table-scroll table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

#remove-page-admin-overlay .remove-page-admin-table-scroll th,#remove-page-admin-overlay .remove-page-admin-table-scroll td,#rename-fanpage-overlay .remove-page-admin-table-scroll th,#rename-fanpage-overlay .remove-page-admin-table-scroll td,#receive-page-overlay .remove-page-admin-table-scroll th,#receive-page-overlay .remove-page-admin-table-scroll td {
    border: 1px solid var(--table-border);
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.25;
    color: var(--table-text);
    background: var(--table-bg);
    vertical-align: middle
}

#remove-page-admin-overlay .remove-page-admin-table-scroll th,#rename-fanpage-overlay .remove-page-admin-table-scroll th,#receive-page-overlay .remove-page-admin-table-scroll th {
    background: var(--table-header-bg);
    font-weight: 700;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 2
}

#remove-page-admin-overlay .remove-page-admin-table-scroll tbody tr:hover td,#rename-fanpage-overlay .remove-page-admin-table-scroll tbody tr:hover td,#receive-page-overlay .remove-page-admin-table-scroll tbody tr:hover td {
    background: var(--row-hover)
}

#remove-page-admin-overlay .remove-page-admin-table-scroll tbody tr.is-custom td {
    background: #fff7d6
}

#remove-page-admin-overlay .remove-page-admin-tools,#rename-fanpage-overlay .remove-page-admin-tools,#receive-page-overlay .remove-page-admin-tools {
    border: 1px solid var(--table-border);
    background: #f8fafc;
    padding: 12px
}

#remove-page-admin-overlay .remove-page-admin-tools-row,#rename-fanpage-overlay .remove-page-admin-tools-row,#receive-page-overlay .remove-page-admin-tools-row {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 12px;
    align-items: start
}

#remove-page-admin-overlay .remove-page-admin-tool-col,#rename-fanpage-overlay .remove-page-admin-tool-col,#receive-page-overlay .remove-page-admin-tool-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

#remove-page-admin-overlay .remove-page-admin-tools label,#rename-fanpage-overlay .remove-page-admin-tools label,#receive-page-overlay .remove-page-admin-tools label {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary)
}

#remove-page-admin-overlay .remove-page-admin-tools-group,#rename-fanpage-overlay .remove-page-admin-tools-group,#receive-page-overlay .remove-page-admin-tools-group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

#remove-page-admin-overlay .remove-page-admin-user-input,#rename-fanpage-overlay .remove-page-admin-user-input,#receive-page-overlay .remove-page-admin-user-input {
    width: 100%;
    min-height: 84px;
    resize: vertical;
    border: 1px solid var(--table-border);
    background: #fff;
    padding: 8px 10px;
    border-radius: 0;
    font-size: 13px;
    color: var(--table-text)
}

#remove-page-admin-overlay .remove-page-admin-load-btn,#rename-fanpage-overlay .remove-page-admin-load-btn,#receive-page-overlay .remove-page-admin-load-btn {
    align-self: flex-end
}

#remove-page-admin-overlay .remove-page-admin-actions,#rename-fanpage-overlay .remove-page-admin-actions,#receive-page-overlay .remove-page-admin-actions {
    margin-top: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#remove-page-admin-overlay .remove-page-admin-count,#rename-fanpage-overlay .remove-page-admin-count,#receive-page-overlay .remove-page-admin-count {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary)
}

#remove-page-admin-overlay .remove-page-admin-action-buttons,#rename-fanpage-overlay .remove-page-admin-action-buttons,#receive-page-overlay .remove-page-admin-action-buttons {
    display: flex;
    gap: 10px
}

#remove-page-admin-overlay .remove-page-admin-empty,#rename-fanpage-overlay .remove-page-admin-empty,#receive-page-overlay .remove-page-admin-empty {
    text-align: center;
    color: var(--table-muted);
    font-size: 13px;
    padding: 16px
}

#remove-page-admin-overlay .remove-page-admin-empty.is-error,#rename-fanpage-overlay .remove-page-admin-empty.is-error,#receive-page-overlay .remove-page-admin-empty.is-error {
    color: var(--danger)
}

#remove-page-admin-overlay .remove-page-admin-cell,#rename-fanpage-overlay .remove-page-admin-cell,#receive-page-overlay .remove-page-admin-cell {
    font-size: 13px
}

#remove-page-admin-overlay .remove-page-admin-id,#rename-fanpage-overlay .remove-page-admin-id,#receive-page-overlay .remove-page-admin-id {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

#remove-page-admin-overlay .remove-page-admin-name,#rename-fanpage-overlay .remove-page-admin-name,#receive-page-overlay .remove-page-admin-name,#remove-page-admin-overlay .remove-page-admin-role,#rename-fanpage-overlay .remove-page-admin-role,#receive-page-overlay .remove-page-admin-role {
    font-weight: 700
}

#remove-page-admin-overlay .text-center,#rename-fanpage-overlay .text-center,#receive-page-overlay .text-center {
    text-align: center!important
}

#rename-fanpage-overlay .rename-fanpage-name-cell {
    display: flex;
    align-items: center;
    gap: 8px
}

#rename-fanpage-overlay .rename-fanpage-name-input {
    flex: 1;
    min-width: 0;
    border: 1px solid var(--table-border);
    background: #fff;
    color: var(--table-text);
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 8px
}

#rename-fanpage-overlay .rename-fanpage-name-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px #2563eb24
}

#rename-fanpage-overlay .rename-fanpage-edit-btn {
    width: 34px;
    height: 34px;
    border: 1px solid var(--table-border);
    background: #fff;
    color: var(--primary);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

#rename-fanpage-overlay .rename-fanpage-edit-btn:hover {
    background: #eff6ff
}

#remove-page-admin-overlay .remove-page-admin-check,#remove-page-admin-overlay #remove-page-admin-check-all,#rename-fanpage-overlay .rename-fanpage-check,#rename-fanpage-overlay #rename-fanpage-check-all,#receive-page-overlay .remove-page-admin-check,#receive-page-overlay #receive-page-check-all {
    cursor: pointer
}

#reactivate-page-overlay .remove-page-admin-modal {
    width: min(96vw,1260px);
    max-width: 1260px;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 12px
}

#reactivate-page-overlay .remove-page-admin-head,#reactivate-page-overlay .remove-page-admin-actions {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#reactivate-page-overlay .remove-page-admin-head h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: var(--text-primary)
}

#reactivate-page-overlay .remove-page-admin-loading {
    text-align: center;
    padding: 40px 16px;
    border: 1px dashed var(--table-border);
    background: #f8fafc
}

#reactivate-page-overlay .remove-page-admin-loading i {
    font-size: 32px;
    color: var(--primary)
}

#reactivate-page-overlay .remove-page-admin-loading p {
    margin: 12px 0 0;
    color: var(--table-muted);
    font-size: 13px
}

#reactivate-page-overlay .remove-page-admin-table-card {
    border: 1px solid var(--table-border);
    background: var(--table-bg);
    min-height: 320px;
    display: flex;
    flex-direction: column
}

#reactivate-page-overlay .remove-page-admin-table-scroll {
    overflow: auto;
    max-height: min(50vh,460px);
    scrollbar-gutter: stable
}

#reactivate-page-overlay .remove-page-admin-table-scroll table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

#reactivate-page-overlay .remove-page-admin-table-scroll th,#reactivate-page-overlay .remove-page-admin-table-scroll td {
    border: 1px solid var(--table-border);
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.25;
    color: var(--table-text);
    background: var(--table-bg);
    vertical-align: middle
}

#reactivate-page-overlay .remove-page-admin-table-scroll th {
    background: var(--table-header-bg);
    font-weight: 700;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 2
}

#reactivate-page-overlay .remove-page-admin-table-scroll tbody tr:hover td {
    background: var(--row-hover)
}

#reactivate-page-overlay .remove-page-admin-empty {
    text-align: center;
    color: var(--table-muted);
    font-size: 13px;
    padding: 16px
}

#reactivate-page-overlay .remove-page-admin-empty.is-error {
    color: var(--danger)
}

#reactivate-page-overlay .remove-page-admin-count {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary)
}

#reactivate-page-overlay .remove-page-admin-action-buttons {
    display: flex;
    gap: 10px
}

#reactivate-page-overlay .text-center {
    text-align: center!important
}

#reactivate-page-overlay .reactivate-page-check,#reactivate-page-overlay #reactivate-page-check-all {
    cursor: pointer
}

body.dark #remove-admin-fanpage-overlay,body.dark #remove-page-admin-overlay,body.dark #rename-fanpage-overlay,body.dark #receive-page-overlay,body.dark #reactivate-page-overlay {
    --page-modal-bg: #0f172a;
    --page-modal-panel: #111827;
    --page-modal-panel-2: #172033;
    --page-modal-border: #334155;
    --page-modal-border-soft: #1e293b;
    --page-modal-text: #e5e7eb;
    --page-modal-muted: #94a3b8;
    --page-modal-input: #0b1220;
    --page-modal-hover: #1e293b;
    --page-modal-active: #1e3a8a;
    --page-modal-warn: #3a2f12;
    background: #020617b8!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-modal,body.dark #remove-page-admin-overlay .remove-page-admin-modal,body.dark #rename-fanpage-overlay .remove-page-admin-modal,body.dark #receive-page-overlay .remove-page-admin-modal,body.dark #reactivate-page-overlay .remove-page-admin-modal {
    background: var(--page-modal-bg)!important;
    border: 1px solid var(--page-modal-border)!important;
    color: var(--page-modal-text)!important;
    box-shadow: 0 24px 80px #00000080!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-head,body.dark #remove-page-admin-overlay .remove-page-admin-head,body.dark #rename-fanpage-overlay .remove-page-admin-head,body.dark #receive-page-overlay .remove-page-admin-head,body.dark #reactivate-page-overlay .remove-page-admin-head {
    background: transparent!important;
    border-color: var(--page-modal-border-soft)!important;
    color: var(--page-modal-text)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-head h3,body.dark #remove-page-admin-overlay .remove-page-admin-head h3,body.dark #rename-fanpage-overlay .remove-page-admin-head h3,body.dark #receive-page-overlay .remove-page-admin-head h3,body.dark #reactivate-page-overlay .remove-page-admin-head h3,body.dark #remove-admin-fanpage-overlay .remove-page-admin-tools label,body.dark #remove-page-admin-overlay .remove-page-admin-tools label,body.dark #rename-fanpage-overlay .remove-page-admin-tools label,body.dark #receive-page-overlay .remove-page-admin-tools label,body.dark #reactivate-page-overlay .remove-page-admin-tools label {
    color: var(--page-modal-text)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-loading,body.dark #remove-page-admin-overlay .remove-page-admin-loading,body.dark #rename-fanpage-overlay .remove-page-admin-loading,body.dark #receive-page-overlay .remove-page-admin-loading,body.dark #reactivate-page-overlay .remove-page-admin-loading,body.dark #remove-admin-fanpage-overlay .remove-page-admin-table-card,body.dark #remove-page-admin-overlay .remove-page-admin-table-card,body.dark #rename-fanpage-overlay .remove-page-admin-table-card,body.dark #receive-page-overlay .remove-page-admin-table-card,body.dark #reactivate-page-overlay .remove-page-admin-table-card,body.dark #remove-admin-fanpage-overlay .remove-page-admin-tools,body.dark #remove-page-admin-overlay .remove-page-admin-tools,body.dark #rename-fanpage-overlay .remove-page-admin-tools,body.dark #receive-page-overlay .remove-page-admin-tools,body.dark #reactivate-page-overlay .remove-page-admin-tools {
    background: var(--page-modal-panel)!important;
    border-color: var(--page-modal-border)!important;
    color: var(--page-modal-text)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-actions,body.dark #remove-page-admin-overlay .remove-page-admin-actions,body.dark #rename-fanpage-overlay .remove-page-admin-actions,body.dark #receive-page-overlay .remove-page-admin-actions,body.dark #reactivate-page-overlay .remove-page-admin-actions {
    background: transparent!important;
    border-top-color: var(--page-modal-border-soft)!important;
    color: var(--page-modal-text)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-search-bar,body.dark #remove-page-admin-overlay .remove-page-admin-search-bar,body.dark #rename-fanpage-overlay .remove-page-admin-search-bar,body.dark #receive-page-overlay .remove-page-admin-search-bar,body.dark #reactivate-page-overlay .remove-page-admin-search-bar {
    background: var(--page-modal-panel)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-search-bar input,body.dark #remove-page-admin-overlay .remove-page-admin-search-bar input,body.dark #rename-fanpage-overlay .rename-fanpage-name-input,body.dark #rename-fanpage-overlay .rename-fanpage-edit-btn,body.dark #remove-admin-fanpage-overlay .remove-page-admin-user-input,body.dark #remove-page-admin-overlay .remove-page-admin-user-input,body.dark #rename-fanpage-overlay .remove-page-admin-user-input,body.dark #receive-page-overlay .remove-page-admin-user-input,body.dark #reactivate-page-overlay .remove-page-admin-user-input {
    background: var(--page-modal-input)!important;
    border-color: var(--page-modal-border)!important;
    color: var(--page-modal-text)!important;
    box-shadow: none!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-search-bar input::placeholder,body.dark #remove-page-admin-overlay .remove-page-admin-search-bar input::placeholder,body.dark #remove-admin-fanpage-overlay .remove-page-admin-user-input::placeholder,body.dark #remove-page-admin-overlay .remove-page-admin-user-input::placeholder,body.dark #rename-fanpage-overlay .remove-page-admin-user-input::placeholder,body.dark #receive-page-overlay .remove-page-admin-user-input::placeholder,body.dark #reactivate-page-overlay .remove-page-admin-user-input::placeholder {
    color: var(--page-modal-muted)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-table-scroll,body.dark #remove-page-admin-overlay .remove-page-admin-table-scroll,body.dark #rename-fanpage-overlay .remove-page-admin-table-scroll,body.dark #receive-page-overlay .remove-page-admin-table-scroll,body.dark #reactivate-page-overlay .remove-page-admin-table-scroll {
    background: var(--page-modal-panel)!important;
    border-color: var(--page-modal-border)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-table-scroll table,body.dark #remove-page-admin-overlay .remove-page-admin-table-scroll table,body.dark #rename-fanpage-overlay .remove-page-admin-table-scroll table,body.dark #receive-page-overlay .remove-page-admin-table-scroll table,body.dark #reactivate-page-overlay .remove-page-admin-table-scroll table {
    background: var(--page-modal-panel)!important;
    color: var(--page-modal-text)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-table-scroll th,body.dark #remove-admin-fanpage-overlay .remove-page-admin-table-scroll td,body.dark #remove-page-admin-overlay .remove-page-admin-table-scroll th,body.dark #remove-page-admin-overlay .remove-page-admin-table-scroll td,body.dark #rename-fanpage-overlay .remove-page-admin-table-scroll th,body.dark #rename-fanpage-overlay .remove-page-admin-table-scroll td,body.dark #receive-page-overlay .remove-page-admin-table-scroll th,body.dark #receive-page-overlay .remove-page-admin-table-scroll td,body.dark #reactivate-page-overlay .remove-page-admin-table-scroll th,body.dark #reactivate-page-overlay .remove-page-admin-table-scroll td {
    background: var(--page-modal-panel)!important;
    border-color: var(--page-modal-border)!important;
    color: var(--page-modal-text)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-table-scroll th,body.dark #remove-page-admin-overlay .remove-page-admin-table-scroll th,body.dark #rename-fanpage-overlay .remove-page-admin-table-scroll th,body.dark #receive-page-overlay .remove-page-admin-table-scroll th,body.dark #reactivate-page-overlay .remove-page-admin-table-scroll th {
    background: var(--page-modal-panel-2)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-table-scroll tbody tr:hover td,body.dark #remove-page-admin-overlay .remove-page-admin-table-scroll tbody tr:hover td,body.dark #rename-fanpage-overlay .remove-page-admin-table-scroll tbody tr:hover td,body.dark #receive-page-overlay .remove-page-admin-table-scroll tbody tr:hover td,body.dark #reactivate-page-overlay .remove-page-admin-table-scroll tbody tr:hover td {
    background: var(--page-modal-hover)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-table-scroll tbody tr.is-custom td,body.dark #remove-page-admin-overlay .remove-page-admin-table-scroll tbody tr.is-custom td,body.dark #rename-fanpage-overlay .remove-page-admin-table-scroll tbody tr.is-custom td,body.dark #receive-page-overlay .remove-page-admin-table-scroll tbody tr.is-custom td,body.dark #reactivate-page-overlay .remove-page-admin-table-scroll tbody tr.is-custom td {
    background: var(--page-modal-warn)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-empty,body.dark #remove-page-admin-overlay .remove-page-admin-empty,body.dark #rename-fanpage-overlay .remove-page-admin-empty,body.dark #receive-page-overlay .remove-page-admin-empty,body.dark #reactivate-page-overlay .remove-page-admin-empty,body.dark #remove-admin-fanpage-overlay .remove-page-admin-loading p,body.dark #remove-page-admin-overlay .remove-page-admin-loading p,body.dark #rename-fanpage-overlay .remove-page-admin-loading p,body.dark #receive-page-overlay .remove-page-admin-loading p,body.dark #reactivate-page-overlay .remove-page-admin-loading p {
    color: var(--page-modal-muted)!important
}

body.dark #remove-admin-fanpage-overlay .remove-page-admin-count,body.dark #remove-page-admin-overlay .remove-page-admin-count,body.dark #rename-fanpage-overlay .remove-page-admin-count,body.dark #receive-page-overlay .remove-page-admin-count,body.dark #reactivate-page-overlay .remove-page-admin-count,body.dark #rename-fanpage-overlay .rename-fanpage-edit-btn {
    color: #93c5fd!important
}

body.dark #remove-page-admin-overlay th[data-remove-page-admin-sort]:hover,body.dark #remove-page-admin-overlay th[data-remove-page-admin-sort].sort-active {
    background: var(--page-modal-active)!important;
    color: #bfdbfe!important
}

body.dark #remove-admin-fanpage-overlay .btn-light,body.dark #remove-page-admin-overlay .btn-light,body.dark #rename-fanpage-overlay .btn-light,body.dark #receive-page-overlay .btn-light,body.dark #reactivate-page-overlay .btn-light {
    background: var(--page-modal-input)!important;
    border-color: var(--page-modal-border)!important;
    color: var(--page-modal-text)!important
}

body.dark #remove-admin-fanpage-overlay .btn-light:hover,body.dark #remove-page-admin-overlay .btn-light:hover,body.dark #rename-fanpage-overlay .btn-light:hover,body.dark #receive-page-overlay .btn-light:hover,body.dark #reactivate-page-overlay .btn-light:hover {
    background: var(--page-modal-hover)!important
}

#rag-overlay .rag-modal {
    width: min(96vw,1260px);
    max-width: 1260px;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 12px
}

#rag-overlay .rag-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#rag-overlay .rag-head h3 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 800;
    color: var(--text-primary)
}

#rag-overlay .rag-head h3 i {
    color: var(--danger)
}

#rag-overlay .rag-table-card {
    border: 1px solid var(--table-border);
    background: var(--table-bg);
    min-height: 320px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

#rag-overlay .rag-search-bar {
    padding: 12px;
    border-bottom: 1px solid var(--table-border);
    background: #fff
}

#rag-overlay .rag-search-bar input {
    width: 100%;
    border: 1px solid var(--table-border);
    background: #fff;
    padding: 8px 10px;
    border-radius: 0;
    font-size: 13px;
    color: var(--table-text)
}

#rag-overlay .rag-table-scroll {
    overflow: auto;
    max-height: min(50vh,460px);
    scrollbar-gutter: stable
}

#rag-overlay .rag-table-scroll table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

#rag-overlay .rag-table-scroll th,#rag-overlay .rag-table-scroll td {
    border: 1px solid var(--table-border);
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.25;
    color: var(--table-text);
    background: var(--table-bg);
    vertical-align: middle
}

#rag-overlay .rag-table-scroll th {
    background: var(--table-header-bg);
    font-weight: 700;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 2
}

#rag-overlay .rag-table-scroll tbody tr:hover td {
    background: var(--row-hover)
}

#rag-overlay .rag-page-id {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

#rag-overlay .rag-page-name {
    font-weight: 700
}

#rag-overlay .rag-tools {
    border: 1px solid var(--table-border);
    background: #f8fafc;
    padding: 12px
}

#rag-overlay .rag-tools-row {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 12px;
    align-items: start
}

#rag-overlay .rag-tool-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

#rag-overlay .rag-tools label {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary)
}

#rag-overlay .rag-tools-group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

#rag-overlay .rag-page-input {
    border: 1px solid var(--table-border);
    background: #fff;
    padding: 8px 10px;
    border-radius: 0;
    font-size: 13px;
    color: var(--table-text);
    width: 100%;
    min-height: 84px;
    resize: vertical
}

#rag-overlay .rag-load-btn {
    align-self: flex-end
}

#rag-overlay .rag-empty {
    text-align: center;
    color: var(--table-muted);
    font-size: 13px;
    padding: 16px
}

#rag-overlay .rag-empty.is-error {
    color: var(--danger)
}

#rag-overlay .rag-check,#rag-overlay #rag-check-all {
    cursor: pointer
}

#rag-overlay .rag-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px
}

#rag-overlay .rag-actions-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

#rag-overlay .rag-count {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary)
}

#rag-overlay .rag-inline-status {
    font-size: 13px;
    color: var(--table-muted)
}

#rag-overlay .rag-action-buttons {
    display: flex;
    gap: 10px
}

@media(max-width: 820px) {
    #rag-overlay .rag-actions {
        flex-direction:column;
        align-items: stretch
    }

    #rag-overlay .rag-actions-meta {
        justify-content: space-between;
        flex-wrap: wrap
    }

    #rag-overlay .rag-action-buttons {
        justify-content: flex-end
    }
}

body.dark #rag-overlay {
    --rag-modal-bg: #0f172a;
    --rag-modal-panel: #111827;
    --rag-modal-panel-2: #172033;
    --rag-modal-input: #0b1220;
    --rag-modal-border: #334155;
    --rag-modal-border-soft: #1e293b;
    --rag-modal-text: #e5e7eb;
    --rag-modal-muted: #94a3b8;
    --rag-modal-hover: #1e293b;
    background: #020617b8!important
}

body.dark #rag-overlay .rag-modal {
    background: var(--rag-modal-bg)!important;
    border: 1px solid var(--rag-modal-border)!important;
    color: var(--rag-modal-text)!important;
    box-shadow: 0 24px 80px #00000080!important
}

body.dark #rag-overlay .rag-head,body.dark #rag-overlay .rag-actions {
    background: transparent!important;
    border-color: var(--rag-modal-border-soft)!important;
    color: var(--rag-modal-text)!important
}

body.dark #rag-overlay .rag-head h3,body.dark #rag-overlay .rag-tools label {
    color: var(--rag-modal-text)!important
}

body.dark #rag-overlay .rag-table-card,body.dark #rag-overlay .rag-search-bar,body.dark #rag-overlay .rag-tools {
    background: var(--rag-modal-panel)!important;
    border-color: var(--rag-modal-border)!important;
    color: var(--rag-modal-text)!important
}

body.dark #rag-overlay .rag-search-bar input,body.dark #rag-overlay .rag-page-input {
    background: var(--rag-modal-input)!important;
    border-color: var(--rag-modal-border)!important;
    color: var(--rag-modal-text)!important;
    box-shadow: none!important
}

body.dark #rag-overlay .rag-search-bar input::placeholder,body.dark #rag-overlay .rag-page-input::placeholder {
    color: var(--rag-modal-muted)!important
}

body.dark #rag-overlay .rag-table-scroll,body.dark #rag-overlay .rag-table-scroll table,body.dark #rag-overlay .rag-table-scroll th,body.dark #rag-overlay .rag-table-scroll td {
    background: var(--rag-modal-panel)!important;
    border-color: var(--rag-modal-border)!important;
    color: var(--rag-modal-text)!important
}

body.dark #rag-overlay .rag-table-scroll th {
    background: var(--rag-modal-panel-2)!important
}

body.dark #rag-overlay .rag-table-scroll tbody tr:hover td {
    background: var(--rag-modal-hover)!important
}

body.dark #rag-overlay .rag-empty,body.dark #rag-overlay .rag-inline-status {
    color: var(--rag-modal-muted)!important
}

body.dark #rag-overlay .rag-count {
    color: #93c5fd!important
}

body.dark #rag-overlay .btn-light {
    background: var(--rag-modal-input)!important;
    border-color: var(--rag-modal-border)!important;
    color: var(--rag-modal-text)!important
}

body.dark #rag-overlay .btn-light:hover {
    background: var(--rag-modal-hover)!important
}