/* 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;
}

/* ===== 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 {
    background: var(--bb-surface) !important;
    border: 1px solid var(--bb-border) !important;
    border-radius: 12px !important;
    color: var(--bb-text) !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;
}

/* ===== 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[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; }

/* ===== 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;
}