/* File Name: adsnet-theme-neutral.css */
/* Theme: Neutral — minimal grey productivity style */

body.adsnet-theme-neutral {
    --adsnet-theme-accent:#4f5965;
    --adsnet-theme-accent-strong:#343b43;
    --adsnet-theme-sidebar:#f1f2f3;
    --adsnet-theme-sidebar-deep:#e7e9eb;
    --adsnet-theme-sidebar-text:#20252b;
    --adsnet-theme-sidebar-muted:#737b84;
    --adsnet-theme-page:#ffffff;
    --adsnet-theme-surface:#ffffff;
    --adsnet-theme-text:#20252b;
    --adsnet-theme-muted:#737b84;
    --adsnet-theme-border:#e3e5e7;
    --adsnet-theme-switch-bg:#f4f5f6;
    --adsnet-theme-accent-text:#ffffff;
}

body.adsnet-theme-neutral .adsnet-app {
    background:#ffffff !important;
    color:var(--adsnet-theme-text) !important;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

body.adsnet-theme-neutral .adsnet-sidebar.adsnet-sidebar-v2 {
    background:linear-gradient(180deg,var(--adsnet-theme-sidebar),var(--adsnet-theme-sidebar-deep)) !important;
    color:var(--adsnet-theme-sidebar-text) !important;
    border-right:1px solid #dadde0 !important;
    box-shadow:none !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-user-card {
    background:rgba(255,255,255,.62) !important;
    border-color:#d9dcdf !important;
    color:var(--adsnet-theme-sidebar-text) !important;
    box-shadow:none !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-user-card strong,
body.adsnet-theme-neutral .adsnet-sidebar-user-card small,
body.adsnet-theme-neutral .adsnet-sidebar-package-list,
body.adsnet-theme-neutral .adsnet-sidebar-no-package {
    color:var(--adsnet-theme-sidebar-text) !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-user-avatar {
    background:#626b74 !important;
    color:#ffffff !important;
    border-color:#626b74 !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-heading-v2,
body.adsnet-theme-neutral .adsnet-sidebar-heading-label,
body.adsnet-theme-neutral .adsnet-sidebar-user-label,
body.adsnet-theme-neutral .adsnet-sidebar-package-label {
    color:var(--adsnet-theme-sidebar-muted) !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-heading-icon {
    filter:grayscale(1);
    opacity:.80;
}

body.adsnet-theme-neutral .adsnet-side-link-v2 {
    color:var(--adsnet-theme-sidebar-text) !important;
    transition:none !important;
    transform:none !important;
}

body.adsnet-theme-neutral .adsnet-side-link-v2:hover {
    background:#dedfe1 !important;
    color:#111418 !important;
    transform:none !important;
}

body.adsnet-theme-neutral .adsnet-side-link-v2.active {
    background:#d7d9dc !important;
    color:#111418 !important;
    box-shadow:none !important;
    transform:none !important;
}

body.adsnet-theme-neutral .adsnet-side-logout-v2,
body.adsnet-theme-neutral .adsnet-side-logout-v2:hover {
    color:#5d646c !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-account-v2 {
    border-color:#d4d7da !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-support-v2 {
    background:rgba(255,255,255,.50) !important;
    border-color:#d7dade !important;
    color:var(--adsnet-theme-sidebar-text) !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-support-v2 p {
    color:#626a73 !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-support-v2 a {
    background:#565f69 !important;
    color:#ffffff !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-support-v2 a:hover {
    background:#3f474f !important;
}

body.adsnet-theme-neutral .adsnet-dash-header,
body.adsnet-theme-neutral .adsnet-card,
body.adsnet-theme-neutral .adsnet-ppl-panel,
body.adsnet-theme-neutral .adsnet-ppl-overview-card {
    background:#ffffff !important;
    border-color:var(--adsnet-theme-border) !important;
    box-shadow:none !important;
}

body.adsnet-theme-neutral .adsnet-content {
    background:#ffffff !important;
}

body.adsnet-theme-neutral .adsnet-btn-blue,
body.adsnet-theme-neutral .adsnet-ppl-btn-primary {
    background:#505861 !important;
    border-color:#505861 !important;
    color:#ffffff !important;
}

body.adsnet-theme-neutral .adsnet-header-messages {
    background:#ffffff !important;
    border-color:#dfe2e5 !important;
    color:#4a525a !important;
}

body.adsnet-theme-neutral .adsnet-ppl-main-dashboard-link > .adsnet-side-link-v2,
body.adsnet-theme-neutral .adsnet-ppl-main-dashboard-link > .adsnet-side-link-v2:hover,
body.adsnet-theme-neutral .adsnet-ppl-main-dashboard-link > .adsnet-side-link-v2:focus,
body.adsnet-theme-neutral .adsnet-ppl-main-dashboard-link > .adsnet-side-link-v2:active {
    transform:none !important;
    transition:none !important;
    animation:none !important;
}

.adsnet-theme-switcher {
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:4px;
    border:1px solid var(--adsnet-theme-border);
    border-radius:12px;
    background:var(--adsnet-theme-switch-bg);
    box-shadow:none;
}

.adsnet-theme-switcher-label {
    padding-left:8px;
    color:var(--adsnet-theme-muted);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.adsnet-theme-options {
    display:inline-flex;
    align-items:center;
    gap:3px;
}

.adsnet-theme-option {
    min-height:32px;
    padding:0 10px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:var(--adsnet-theme-muted);
    font:inherit;
    font-size:12px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    transition:none !important;
    transform:none !important;
    box-shadow:none !important;
}

.adsnet-theme-option:hover,
.adsnet-theme-option:focus,
.adsnet-theme-option:active {
    transform:none !important;
    box-shadow:none !important;
}

.adsnet-theme-option[aria-pressed="true"] {
    background:var(--adsnet-theme-accent);
    color:var(--adsnet-theme-accent-text);
}

@media(max-width:760px) {
    .adsnet-theme-switcher-label { display:none; }
    .adsnet-theme-option { padding:0 8px; font-size:11px; }
}


/* =====================================================
   Dashboard Theme Selector — dropdown
   Elementor-safe hard override
===================================================== */

body.adsnet-theme-neutral .adsnet-theme-switcher {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 4px 5px 4px 10px !important;
    border: 1px solid var(--adsnet-theme-border) !important;
    border-radius: 11px !important;
    background: var(--adsnet-theme-switch-bg) !important;
    box-shadow: none !important;
    outline: none !important;
}

body.adsnet-theme-neutral .adsnet-theme-switcher-label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--adsnet-theme-muted) !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: .055em !important;
    white-space: nowrap !important;
}

body.adsnet-theme-neutral .adsnet-theme-select-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.adsnet-theme-neutral .adsnet-theme-select-wrap::after {
    content: "▾" !important;
    position: absolute !important;
    right: 11px !important;
    top: 50% !important;
    transform: translateY(-52%) !important;
    color: var(--adsnet-theme-muted) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

body.adsnet-theme-neutral select.adsnet-theme-select,
body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select,
body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select:hover,
body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select:focus,
body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select:active {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: block !important;
    width: auto !important;
    min-width: 112px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 30px 0 11px !important;
    border: 1px solid var(--adsnet-theme-border) !important;
    border-radius: 8px !important;
    background: var(--adsnet-theme-surface) !important;
    background-image: none !important;
    color: var(--adsnet-theme-text) !important;
    -webkit-text-fill-color: var(--adsnet-theme-text) !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
    box-shadow: none !important;
    outline: none !important;
    text-transform: none !important;
    transition: none !important;
    transform: none !important;
}

body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select:focus {
    border-color: var(--adsnet-theme-accent) !important;
    box-shadow: 0 0 0 2px var(--adsnet-theme-accent-soft) !important;
}

body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select option {
    background: var(--adsnet-theme-surface) !important;
    color: var(--adsnet-theme-text) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
}

@media (max-width: 760px) {
    body.adsnet-theme-neutral .adsnet-theme-switcher-label {
        display: none !important;
    }

    body.adsnet-theme-neutral .adsnet-theme-switcher {
        padding-left: 5px !important;
    }

    body.adsnet-theme-neutral select.adsnet-theme-select {
        min-width: 105px !important;
    }
}


/* =====================================================
   Mobile Dashboard Theme Selector
===================================================== */

@media (max-width: 900px) {

    body.adsnet-theme-neutral .adsnet-dash-header-actions {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.adsnet-theme-neutral .adsnet-theme-switcher {
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.adsnet-theme-neutral .adsnet-theme-switcher-label {
        display: none !important;
    }

    body.adsnet-theme-neutral .adsnet-theme-select-wrap {
        width: 100% !important;
        display: block !important;
    }

    body.adsnet-theme-neutral .adsnet-theme-select-wrap::after {
        right: 16px !important;
        color: var(--adsnet-theme-text) !important;
        font-size: 12px !important;
    }

    body.adsnet-theme-neutral select.adsnet-theme-select,
    body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select,
    body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select:hover,
    body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select:focus,
    body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select:active {
        width: 100% !important;
        min-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 42px 0 16px !important;
        border: 1px solid var(--adsnet-theme-border) !important;
        border-radius: 10px !important;
        background: var(--adsnet-theme-surface) !important;
        color: var(--adsnet-theme-text) !important;
        -webkit-text-fill-color: var(--adsnet-theme-text) !important;
        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 46px !important;
        text-align: center !important;
        text-align-last: center !important;
        box-shadow: none !important;
        outline: none !important;
        transition: none !important;
        transform: none !important;
    }

    body.adsnet-theme-neutral .adsnet-theme-switcher select.adsnet-theme-select:focus {
        border-color: var(--adsnet-theme-accent) !important;
        box-shadow: 0 0 0 2px var(--adsnet-theme-accent-soft) !important;
    }
}

/* =====================================================
   Neutral Theme — Sidebar Text Contrast
   Applies to both Master and PPL dashboard shells.
===================================================== */

body.adsnet-theme-neutral .adsnet-sidebar-user-identity strong,
body.adsnet-theme-neutral .adsnet-sidebar-user-card strong {
    color: #111418 !important;
    font-weight: 800 !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-user-label,
body.adsnet-theme-neutral .adsnet-sidebar-package-label {
    color: #4b5560 !important;
    font-weight: 800 !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-package-list,
body.adsnet-theme-neutral .adsnet-sidebar-package-list li,
body.adsnet-theme-neutral .adsnet-sidebar-no-package {
    color: #20252b !important;
    font-weight: 650 !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-heading-v2,
body.adsnet-theme-neutral .adsnet-sidebar-heading-label {
    color: #343b43 !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

body.adsnet-theme-neutral .adsnet-sidebar-heading-icon {
    filter: grayscale(1) contrast(1.35) !important;
    opacity: .95 !important;
}

body.adsnet-theme-neutral .adsnet-side-link-v2,
body.adsnet-theme-neutral .adsnet-side-link-v2:visited {
    color: #20252b !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    body.adsnet-theme-neutral .adsnet-sidebar-user-identity strong,
    body.adsnet-theme-neutral .adsnet-sidebar-user-card strong {
        color: #0f1419 !important;
        font-weight: 850 !important;
    }

    body.adsnet-theme-neutral .adsnet-sidebar-user-label,
    body.adsnet-theme-neutral .adsnet-sidebar-package-label {
        color: #414952 !important;
        font-weight: 850 !important;
        opacity: 1 !important;
    }

    body.adsnet-theme-neutral .adsnet-sidebar-heading-v2,
    body.adsnet-theme-neutral .adsnet-sidebar-heading-label {
        color: #29313a !important;
        font-weight: 900 !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.adsnet-theme-neutral .adsnet-sidebar-package-list,
    body.adsnet-theme-neutral .adsnet-sidebar-package-list li,
    body.adsnet-theme-neutral .adsnet-sidebar-no-package {
        color: #1b2026 !important;
        font-weight: 700 !important;
    }

    body.adsnet-theme-neutral .adsnet-side-link-v2,
    body.adsnet-theme-neutral .adsnet-side-link-v2:visited {
        color: #20252b !important;
        font-weight: 750 !important;
    }
}

/* =====================================================
   Neutral Theme — Mobile Sidebar Specificity Override
   Must outrank the base dashboard mobile !important rules.
===================================================== */

@media (max-width: 900px) {

    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-user-label {
        color: #414952 !important;
        -webkit-text-fill-color: #414952 !important;
        font-weight: 900 !important;
        opacity: 1 !important;
    }

    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-user-identity strong {
        color: #111418 !important;
        -webkit-text-fill-color: #111418 !important;
        font-weight: 900 !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-package-label {
        color: #414952 !important;
        -webkit-text-fill-color: #414952 !important;
        font-weight: 900 !important;
        opacity: 1 !important;
    }

    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-package-list,
    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-package-list li,
    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-no-package {
        color: #20252b !important;
        -webkit-text-fill-color: #20252b !important;
        font-weight: 700 !important;
        opacity: 1 !important;
    }

    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-heading-v2 {
        color: #29313a !important;
        -webkit-text-fill-color: #29313a !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-heading-label {
        color: #29313a !important;
        -webkit-text-fill-color: #29313a !important;
        font-weight: 900 !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-group-v2:has(.adsnet-side-link-v2.active)
    > .adsnet-sidebar-heading-v2,
    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-group-v2:has(.adsnet-side-link-v2.active)
    > .adsnet-sidebar-heading-v2
    .adsnet-sidebar-heading-label {
        color: #29313a !important;
        -webkit-text-fill-color: #29313a !important;
        opacity: 1 !important;
    }

    body.adsnet-theme-neutral
    .adsnet-sidebar.adsnet-sidebar-v2
    .adsnet-sidebar-heading-icon {
        filter: grayscale(1) contrast(1.5) !important;
        opacity: .95 !important;
    }
}

