/* Nova Admin Skin - login */
:root {
	--nas-bg: #20252c;
	--nas-panel: rgba(255,255,255,.04);
	--nas-border: rgba(255,255,255,.08);
	--nas-text: rgba(255,255,255,.85);
	--nas-shadow-out: 12px 12px 24px rgba(0,0,0,.50), -12px -12px 24px rgba(255,255,255,.04);
	--nas-shadow-in: inset 8px 8px 16px rgba(0,0,0,.55), inset -8px -8px 16px rgba(255,255,255,.05);
	--nas-radius: 16px;
}

body.login {
	background: radial-gradient(1200px 700px at 30% 20%, #2a313a 0%, var(--nas-bg) 45%, #181c22 100%) !important;
	color: var(--nas-text) !important;
}

.login h1 a {
	filter: grayscale(1) brightness(1.25);
	opacity: .9;
}

#login {
	padding: 28px 24px 40px;
}

.login form {
	background: var(--nas-panel) !important;
	border: 1px solid var(--nas-border) !important;
	border-radius: var(--nas-radius) !important;
	box-shadow: var(--nas-shadow-out) !important;
}

.login form .input, .login input[type="text"] {
	background: rgba(0,0,0,.22) !important;
	border: 1px solid rgba(255,255,255,.10) !important;
	border-radius: 12px !important;
	color: var(--nas-text) !important;
	box-shadow: var(--nas-shadow-in) !important;
}
.login form .input:focus {
	box-shadow: var(--nas-shadow-in), 0 0 0 3px rgba(58,120,194,.35) !important;
	border-color: rgba(58,120,194,.55) !important;
}

.wp-core-ui .button-primary {
	border-radius: 12px !important;
	border: 1px solid rgba(58,120,194,.55) !important;
	background: linear-gradient(180deg, rgba(58,120,194,.80), rgba(47,95,152,.85)) !important;
	box-shadow: 6px 6px 14px rgba(0,0,0,.45), -6px -6px 14px rgba(255,255,255,.04) !important;
	text-shadow: none !important;
}
.wp-core-ui .button-primary:hover {
	filter: brightness(1.05);
}

/* Headings slightly brighter for hierarchy */
.nova-admin-skin h1,
.nova-admin-skin h2,
.nova-admin-skin h3,
.nova-admin-skin h4,
.nova-admin-skin h5,
.nova-admin-skin h6 {
    color: #d6deef !important;
}

/* Secondary / helper text */
.nova-admin-skin .description,
.nova-admin-skin small {
    color: #9aa7c2 !important;
}


/* Nova Admin Skin – readable text fix (scoped to plugin page only) */
body.appearance_page_nova-admin-skin label,
body.appearance_page_nova-admin-skin p,
body.appearance_page_nova-admin-skin span,
body.appearance_page_nova-admin-skin th,
body.appearance_page_nova-admin-skin td,
body.appearance_page_nova-admin-skin .description {
    color: #aebad5 !important;
}

/* Headings */
body.appearance_page_nova-admin-skin h1,
body.appearance_page_nova-admin-skin h2,
body.appearance_page_nova-admin-skin h3,
body.appearance_page_nova-admin-skin h4,
body.appearance_page_nova-admin-skin h5,
body.appearance_page_nova-admin-skin h6 {
    color: #d6deef !important;
}

/* Secondary text */
body.appearance_page_nova-admin-skin small {
    color: #9aa7c2 !important;
}



/* Nova Admin Skin – background readability improvement (Medium) */
body.appearance_page_nova-admin-skin .wrap {
    background: linear-gradient(
        180deg,
        #282E36 0%,
        #242931 100%
    );
}


/* Nova Admin Skin – text color adjustment */
label, .form-table th, .form-table td, .description {
    color: #8f99c1 !important;
}

.form-wrap p, p.description, p.help, span.description {
    color: #8f99c1 !important;
}

.widefat th, .widefat td, .wp-list-table th, .wp-list-table td {
    color: #8f99c1 !important;
}





body.appearance_page_nova-admin-skin .nav-tab {
    background: #242931;
    color: #8f99c1;
    border: none;
    border-radius: 12px 12px 0 0;
    padding: 8px 16px;
    margin-right: 6px;
    transition: all 0.2s ease;
}

body.appearance_page_nova-admin-skin .nav-tab:hover {
    background: #2b313a;
    color: #d6deef;
}

body.appearance_page_nova-admin-skin .nav-tab-active {
    background: #2b313a;
    color: #d6deef;
    box-shadow: inset 0 -2px 0 #3a82f7;
}


/* Nova Admin Skin – force neumorphic tabs (override WP core) */
body.appearance_page_nova-admin-skin .nav-tab-wrapper {
    border-bottom: none !important;
}

body.appearance_page_nova-admin-skin .nav-tab-wrapper .nav-tab {
    background: #242931 !important;
    color: #8f99c1 !important;
    border: none !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 8px 16px !important;
    margin-right: 6px !important;
    transition: all 0.2s ease !important;
}

body.appearance_page_nova-admin-skin .nav-tab-wrapper .nav-tab:hover {
    background: #2b313a !important;
    color: #d6deef !important;
}

body.appearance_page_nova-admin-skin .nav-tab-wrapper .nav-tab.nav-tab-active {
    background: #2b313a !important;
    color: #d6deef !important;
    box-shadow: inset 0 -2px 0 #3a82f7 !important;
}



/* Nova Admin Skin – custom NAS tabs (premium) */
.nas-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
}

.nas-tab {
    background: #242931;
    color: #8f99c1;
    padding: 8px 18px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.nas-tab:hover {
    background: #2b313a;
    color: #d6deef;
}

.nas-tab.active {
    background: #2b313a;
    color: #d6deef;
    box-shadow: inset 0 -2px 0 #3a82f7;
}