/* Noaiseo Admin Styles (Dashboard + Settings) */

/* ==== Settings Page ==== */
#wpwrap, #wpcontent, #wpbody, #wpbody-content {
    background: linear-gradient(135deg,#0f1123,#1a1c2c) !important;
    min-height: 100vh !important;
    color: #fff !important;
}
.wrap.noai-settings .noai-card {
    width: 640px !important;
    margin: 40px auto !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    background-color: rgba(255,255,255,0.06) !important;
    border-radius: 18px !important;
    padding: 32px 36px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.6) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #f1f3fa !important;
}
.wrap.noai-settings label {
    display: block !important;
    margin-bottom: 6px !important;
    font-weight: 600 !important;
    color: #fff !important;
    font-size: 14px !important;
}
.wrap.noai-settings input[type=text],
.wrap.noai-settings select {
    width: 100% !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
    outline: none !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.4) !important;
    margin-bottom: 8px !important;
}
.wrap.noai-settings input[type=color] {
    -webkit-appearance: none !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    width: 50px !important;
    height: 36px !important;
    border-radius: 6px !important;
    cursor: pointer;
    background: none !important;
}
.wrap.noai-settings .row {
    margin-bottom: 20px !important;
}
.wrap.noai-settings .desc {
    font-size: 12px !important;
    color: rgba(255,255,255,0.7) !important;
    margin-top: 4px !important;
}
.wrap.noai-settings select option {
    background: #0f1123 !important;
    color: #fff !important;
}
.wrap.noai-settings h1 {
    text-align: center !important;
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    padding-bottom: 10px !important;
}
.wrap.noai-settings .button-primary {
    background: #3b82f6 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: 0.2s;
}
.wrap.noai-settings .button-primary:hover {
    background: #2563eb !important;
}

/* ==== Dashboard Page ==== */
body.wp-admin {
    background: linear-gradient(135deg,#0f1123,#1a1c2c) fixed !important;
}
.noai-dashboard h1 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff !important;
}
.noai-dashboard .stats-cards {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
}
.noai-dashboard .glass-card {
    flex: 1;
    max-width: 280px;
    text-align: center;
    padding: 20px;
    backdrop-filter: blur(20px) saturate(180%);
    background: rgba(255,255,255,0.08);
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.6);
}
.noai-dashboard .glass-card h2 {
    color: #fff !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}
.noai-dashboard .glass-card p {
    margin: 0 0 12px 0 !important;
    font-size: 14px !important;
    color: rgba(255,255,255,0.8) !important;
}
/* --- Fix notices + chart section h2 --- */
.notice.notice-success.is-dismissible p,
.notice.notice-error.is-dismissible p {
    color: #000 !important;
    background: #fff !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
}
/* Chart-section title color fix */
.noai-dashboard .chart-section h2 {
    color: #fff !important;
}
/* ✅ Fix for white-on-white notices */
#wpbody-content .notice,
#wpbody-content .notice p {
  color: #000 !important;
  background: #fff !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
}
.noai-dashboard .chart-section {
    margin: 0 auto !important;
    max-width: 900px !important;
    background: rgba(255,255,255,0.06) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    padding: 20px !important;
    border-radius: 16px !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.15);
}