/* BitBeam Admin Theme — matches bitbeam.space frontend design system */

:root {
    --bb-bg: #0a0e1a;
    --bb-surface: #111827;
    --bb-surface-2: #1a2235;
    --bb-border: #2a3548;
    --bb-text: #e5e7eb;
    --bb-text-dim: #9ca3af;
    --bb-primary: #3b82f6;
    --bb-primary-hover: #2563eb;
    --bb-accent: #06b6d4;
    --bb-success: #10b981;
    --bb-warning: #f59e0b;
    --bb-danger: #ef4444;
}

/* ===== wp-admin background ===== */
body.wp-admin, body.login {
    background: var(--bb-bg) !important;
    color: var(--bb-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif !important;
}
#wpwrap, #wpcontent, #wpbody, #wpbody-content,
.wrap, .wrap > form, .wrap .form-wrap,
.update-core-php #wpbody-content, .plugins-php #wpbody-content,
.themes-php #wpbody-content, .options-general-php #wpbody-content {
    background: var(--bb-bg) !important;
    color: var(--bb-text) !important;
}

/* ===== Admin bar ===== */
#wpadminbar {
    background: var(--bb-surface) !important;
    border-bottom: 1px solid var(--bb-border) !important;
    color: var(--bb-text) !important;
}
#wpadminbar .ab-item, #wpadminbar .ab-item .ab-label {
    color: var(--bb-text-dim) !important;
}
#wpadminbar .ab-item:hover, #wpadminbar .hover .ab-item {
    color: var(--bb-text) !important;
}
#wpadminbar #wp-admin-bar-bitbeam-logo .ab-item {
    font-size: 16px !important;
    padding: 0 12px !important;
}

/* ===== Admin menu (left sidebar) ===== */
#adminmenu, #adminmenu .wp-submenu {
    background: var(--bb-surface) !important;
    color: var(--bb-text-dim) !important;
}
#adminmenu .wp-menu-name {
    color: var(--bb-text-dim) !important;
}
#adminmenu a {
    color: var(--bb-text-dim) !important;
}
#adminmenu a:hover, #adminmenu .menu-top:hover, #adminmenu .opensub .wp-menu-name {
    color: var(--bb-text) !important;
    background: var(--bb-surface-2) !important;
}
#adminmenu .current > .wp-menu-name, #adminmenu .wp-has-current-submenu .wp-menu-name {
    color: #fff !important;
    background: var(--bb-primary) !important;
}
#adminmenu .current > a.menu-top {
    background: var(--bb-primary) !important;
    color: #fff !important;
}
#adminmenu .wp-submenu a {
    color: var(--bb-text-dim) !important;
    background: var(--bb-surface-2) !important;
}
#adminmenu .wp-submenu a:hover {
    color: var(--bb-text) !important;
}
#adminmenu .wp-submenu .current a {
    color: var(--bb-primary) !important;
}

/* Menu icons */
#adminmenu div.wp-menu-image:before {
    color: var(--bb-text-dim) !important;
}
#adminmenu .current div.wp-menu-image:before,
#adminmenu .wp-has-current-submenu div.wp-menu-image:before {
    color: #fff !important;
}

/* ===== Content area ===== */
.wrap {
    color: var(--bb-text) !important;
}
.wrap h1, .wrap h2, .wrap h3 {
    color: var(--bb-text) !important;
}

/* ===== Cards / boxes ===== */
.postbox, .stuffbox, .card, .welcome-panel,
.health-check-accordion, .privacy-settings-accordion,
.theme-browser .theme, .plugin-card, .wp-filter {
    background: var(--bb-surface) !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 12px !important;
    color: var(--bb-text) !important;
}
.card h2, .card h3, .plugin-card-top, .plugin-card-bottom,
.theme-browser .theme .theme-name, .theme-browser .theme .theme-actions {
    background: var(--bb-surface) !important;
    color: var(--bb-text) !important;
    border-color: var(--bb-border) !important;
}
.postbox .hndle, .stuffbox .hndle {
    color: var(--bb-text) !important;
    border-bottom: 1px solid var(--bb-border) !important;
}
.postbox .inside {
    color: var(--bb-text-dim) !important;
}

/* ===== Tables ===== */
.wp-list-table {
    background: var(--bb-surface) !important;
    color: var(--bb-text) !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 8px !important;
    overflow: hidden;
}
.wp-list-table th {
    color: var(--bb-text-dim) !important;
    background: var(--bb-surface-2) !important;
    border-bottom: 1px solid var(--bb-border) !important;
}
.wp-list-table td {
    color: var(--bb-text) !important;
    border-top: 1px solid var(--bb-border) !important;
}
.wp-list-table .alternate {
    background: var(--bb-surface-2) !important;
}
.widefat, .widefat thead td, .widefat thead th,
.widefat tfoot td, .widefat tfoot th,
.widefat tbody td, .widefat tbody th,
.striped > tbody > :nth-child(odd), ul.striped > :nth-child(odd) {
    background: var(--bb-surface) !important;
    color: var(--bb-text) !important;
    border-color: var(--bb-border) !important;
}
.widefat tbody tr:nth-child(odd) td,
.widefat tbody tr:nth-child(odd) th { background: var(--bb-surface-2) !important; }
.tablenav, .subsubsub, .tablenav .displaying-num,
.row-actions, .row-actions span, .column-description,
.column-author, .column-date { color: var(--bb-text-dim) !important; }

/* ===== Forms ===== */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="url"], input[type="search"],
textarea, select {
    background: var(--bb-surface-2) !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 8px !important;
    color: var(--bb-text) !important;
    padding: 8px 12px !important;
}
input:disabled, select:disabled, textarea:disabled,
input[readonly], textarea[readonly] {
    background: #0f1625 !important;
    color: #7f8aa0 !important;
}
.wp-core-ui select, .wp-core-ui .select2-container--default .select2-selection--single,
.select2-dropdown, .select2-results, .select2-search__field {
    background: var(--bb-surface-2) !important;
    color: var(--bb-text) !important;
    border-color: var(--bb-border) !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,
input[type="number"]:focus, input[type="url"]:focus, input[type="search"]:focus,
textarea:focus, select:focus {
    border-color: var(--bb-primary) !important;
    box-shadow: 0 0 0 1px var(--bb-primary) !important;
}

/* ===== Buttons ===== */
.wp-core-ui .button, .wp-core-ui .button-primary {
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.2s !important;
}
.wp-core-ui .button-primary {
    background: var(--bb-primary) !important;
    border-color: var(--bb-primary) !important;
    color: #fff !important;
}
.wp-core-ui .button-primary:hover {
    background: var(--bb-primary-hover) !important;
    border-color: var(--bb-primary-hover) !important;
}
.wp-core-ui .button {
    background: var(--bb-surface-2) !important;
    border-color: var(--bb-border) !important;
    color: var(--bb-text) !important;
}
.wp-core-ui .button:hover {
    background: var(--bb-border) !important;
    border-color: var(--bb-border) !important;
    color: var(--bb-text) !important;
}

/* ===== Notices ===== */
.notice, .updated, .error {
    background: var(--bb-surface) !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 8px !important;
    color: var(--bb-text) !important;
}
.notice-success { border-left: 4px solid var(--bb-success) !important; }
.notice-warning { border-left: 4px solid var(--bb-warning) !important; }
.notice-error { border-left: 4px solid var(--bb-danger) !important; }
.notice p, .notice-title, .updated p, .error p { color: var(--bb-text) !important; }

/* ===== WordPress component UI, block editor chrome and modals ===== */
.components-modal__frame, .components-modal__header,
.components-popover__content, .components-dropdown__content,
.components-panel, .components-panel__body,
.components-panel__header, .components-menu-group,
.interface-interface-skeleton__header,
.interface-interface-skeleton__sidebar,
.interface-complementary-area,
.edit-post-sidebar, .edit-post-header,
.editor-post-publish-panel, .editor-post-publish-panel__header,
.media-modal, .media-modal-content, .media-frame,
.media-frame-content, .media-frame-router,
.media-frame-toolbar, .media-sidebar,
.attachment-details, .attachments-browser .media-toolbar {
    background: var(--bb-surface) !important;
    color: var(--bb-text) !important;
    border-color: var(--bb-border) !important;
}
.components-panel__body-title button,
.components-base-control__label, .components-input-control__label,
.components-form-token-field__label, .components-checkbox-control__label,
.media-frame-title h1, .media-sidebar h2, .attachment-info .filename {
    color: var(--bb-text) !important;
}
.components-text-control__input, .components-textarea-control__input,
.components-input-control__container, .components-combobox-control__suggestions-container,
.components-form-token-field__input-container {
    background: var(--bb-surface-2) !important;
    color: var(--bb-text) !important;
    border-color: var(--bb-border) !important;
}

/* ===== WooCommerce admin surfaces ===== */
.woocommerce-layout, .woocommerce-layout__header,
.woocommerce-card, .woocommerce-table,
.woocommerce-list, .woocommerce-list__item,
.woocommerce-summary, .woocommerce-inbox-message,
.woocommerce-profile-wizard__container,
.wc-settings-row, .wc-block-components-panel,
#woocommerce-product-data, #woocommerce-product-data .inside,
#woocommerce-product-data .panel-wrap,
#woocommerce-product-data .woocommerce_options_panel,
#woocommerce-product-data ul.wc-tabs {
    background: var(--bb-surface) !important;
    color: var(--bb-text) !important;
    border-color: var(--bb-border) !important;
}
.woocommerce-layout h1, .woocommerce-layout h2, .woocommerce-layout h3,
.woocommerce-card__header, .woocommerce-list__item-title,
.woocommerce-settings-group__title { color: var(--bb-text) !important; }
.woocommerce-layout__activity-panel-tabs,
.woocommerce-layout__activity-panel-wrapper {
    background: var(--bb-surface-2) !important;
    border-color: var(--bb-border) !important;
}

/* ===== Dashboard widgets ===== */
#dashboard-widgets .postbox {
    background: var(--bb-surface) !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 12px !important;
}
#dashboard-widgets .postbox .hndle {
    color: var(--bb-text) !important;
}
#dashboard-widgets .postbox .inside {
    color: var(--bb-text-dim) !important;
}

/* ===== Links ===== */
a {
    color: var(--bb-primary) !important;
}
a:hover {
    color: var(--bb-primary-hover) !important;
}

/* ===== Login page ===== */
body.login {
    background: var(--bb-bg) !important;
}
.login #login {
    background: var(--bb-surface);
    border: 1px solid var(--bb-border);
    border-radius: 16px;
    padding: 40px 32px;
    margin-top: 8vh;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
}
.login h1 a {
    display: none !important;
}
.login .bitbeam-sso-footer {
    text-align: center;
    margin-top: 1.5em;
    font-size: 12px;
    color: var(--bb-text-dim);
}
.login .bitbeam-sso-footer a {
    color: var(--bb-primary) !important;
    text-decoration: none;
}
.login form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.login label {
    color: var(--bb-text-dim) !important;
}
.login input[type="text"], .login input[type="password"] {
    background: var(--bb-surface-2) !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 8px !important;
    color: var(--bb-text) !important;
    padding: 12px !important;
}
.login .button-primary {
    background: var(--bb-primary) !important;
    border-color: var(--bb-primary) !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    width: 100% !important;
}
.login .button-primary:hover {
    background: var(--bb-primary-hover) !important;
}
.login #backtoblog, .login #nav {
    text-align: center;
}
.login #backtoblog a, .login #nav a {
    color: var(--bb-text-dim) !important;
}

/* ===== BitBeam branding on login ===== */
.login .bitbeam-sso-footer {
    display: block !important;
}

/* ===== Misc ===== */
.description, .description a {
    color: var(--bb-text-dim) !important;
}
.wp-heading-inline, .page-title-action {
    color: var(--bb-text) !important;
}
.page-title-action {
    background: var(--bb-primary) !important;
    border-color: var(--bb-primary) !important;
    color: #fff !important;
    border-radius: 8px !important;
}
.page-title-action:hover {
    background: var(--bb-primary-hover) !important;
    border-color: var(--bb-primary-hover) !important;
}

/* ===== Welcome panel ===== */
.welcome-panel {
    background: var(--bb-surface) !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 12px !important;
}

/* ===== Settings sections ===== */
.form-table th {
    color: var(--bb-text) !important;
}
.form-table td {
    color: var(--bb-text-dim) !important;
}

/* ===== Plugins page ===== */
.plugins .active td, .plugins .active th {
    background: rgba(59, 130, 246, 0.08) !important;
}