/* Nexus Control — Light Mode */

body.nc-light #nxctl-portal {
    --nc-bg:            #f2f4f8;
    --nc-surface:       #ffffff;
    --nc-surface2:      #f2f4f8;
    --nc-surface3:      #e8eaf0;
    --nc-sidebar-bg:    #ffffff;
    --nc-topbar-bg:     rgba(255,255,255,.92);
    --nc-border:        rgba(0,0,0,.08);
    --nc-text:          #111827;
    --nc-text-2:        #374151;
    --nc-muted:         #6b7280;
    --nc-hover:         rgba(0,0,0,.04);
    --nc-input-bg:      #ffffff;
    --nc-input-border:  rgba(0,0,0,.15);
    --nc-card-border:   rgba(0,0,0,.07);
    --nc-badge-active:  rgba(34,197,94,.12);
    --nc-badge-expired: rgba(239,68,68,.12);
    --nc-badge-revoked: rgba(156,163,175,.12);
    --nc-badge-pending: rgba(234,179,8,.12);
}

/* ── Background: subtle light gradient ──────────────────────────── */
body.nc-light #nxctl-portal {
    background: linear-gradient(160deg, #f8f9fc 0%, #f0f2f8 100%);
}

/* ── Primary button: gradient ────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-btn--primary {
    background: linear-gradient(135deg, var(--nc-accent) 0%, #000000 100%);
    color: #fff;
    border-color: transparent;
}
body.nc-light #nxctl-portal .nc-btn--primary:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--nc-accent) 0%, #1a1a1a 100%);
    box-shadow: 0 4px 16px rgba(var(--nc-accent-rgb),.4);
    transform: translateY(-1px);
}

/* ── Card headers: gradient accent ───────────────────────────────── */
body.nc-light #nxctl-portal .nc-card__header {
    background: linear-gradient(135deg, var(--nc-accent) 0%, #000000 100%);
    color: #fff;
    border-bottom: none;
}
body.nc-light #nxctl-portal .nc-card__header .nc-card__title,
body.nc-light #nxctl-portal .nc-card__header .nc-card__subtitle { color: rgba(255,255,255,.95); }
body.nc-light #nxctl-portal .nc-card__header .nc-icon-btn { color: rgba(255,255,255,.8); }
body.nc-light #nxctl-portal .nc-card__header .nc-icon-btn:hover { background: rgba(255,255,255,.18); color: #fff; }
body.nc-light #nxctl-portal .nc-card__icon { background: rgba(var(--nc-accent-rgb),.12); color: var(--nc-accent); }

/* ── Modal header: gradient ──────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-modal__header {
    background: linear-gradient(135deg, var(--nc-accent) 0%, #000000 100%);
}

/* ── Sidebar brand accent ─────────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-sidebar__logo {
    background: linear-gradient(135deg, var(--nc-accent) 0%, #000000 100%);
}

/* ── Stat cards: Option A icon badge + Option C tinted fill ──────── */
body.nc-light #nxctl-portal .nc-stat-card {
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    border: none;
}
/* Total Licenses — accent/brand */
body.nc-light #nxctl-portal .nc-stat-card--licenses {
    background: #fff3f0;
}
body.nc-light #nxctl-portal .nc-stat-card--licenses .nc-stat-card__label { color: #b94a26; }
body.nc-light #nxctl-portal .nc-stat-card--licenses .nc-stat-card__value { color: var(--nc-accent); }
body.nc-light #nxctl-portal .nc-stat-card--licenses .nc-stat-card__icon { background: rgba(232,76,30,.15); }
body.nc-light #nxctl-portal .nc-stat-card--licenses .nc-stat-card__icon svg { stroke: var(--nc-accent); }
/* Active — green */
body.nc-light #nxctl-portal .nc-stat-card--active {
    background: #f0fdf4;
}
body.nc-light #nxctl-portal .nc-stat-card--active .nc-stat-card__label { color: #166534; }
body.nc-light #nxctl-portal .nc-stat-card--active .nc-stat-card__value { color: #16a34a; }
body.nc-light #nxctl-portal .nc-stat-card--active .nc-stat-card__icon { background: rgba(22,163,74,.15); }
body.nc-light #nxctl-portal .nc-stat-card--active .nc-stat-card__icon svg { stroke: #16a34a; }
/* Expired — red */
body.nc-light #nxctl-portal .nc-stat-card--expired {
    background: #fff1f2;
}
body.nc-light #nxctl-portal .nc-stat-card--expired .nc-stat-card__label { color: #9f1239; }
body.nc-light #nxctl-portal .nc-stat-card--expired .nc-stat-card__value { color: #ef4444; }
body.nc-light #nxctl-portal .nc-stat-card--expired .nc-stat-card__icon { background: rgba(239,68,68,.15); }
body.nc-light #nxctl-portal .nc-stat-card--expired .nc-stat-card__icon svg { stroke: #ef4444; }
/* Customers — blue */
body.nc-light #nxctl-portal .nc-stat-card--customers {
    background: #eff6ff;
}
body.nc-light #nxctl-portal .nc-stat-card--customers .nc-stat-card__label { color: #1e40af; }
body.nc-light #nxctl-portal .nc-stat-card--customers .nc-stat-card__value { color: #2563eb; }
body.nc-light #nxctl-portal .nc-stat-card--customers .nc-stat-card__icon { background: rgba(37,99,235,.15); }
body.nc-light #nxctl-portal .nc-stat-card--customers .nc-stat-card__icon svg { stroke: #2563eb; }
/* Downloads — purple */
body.nc-light #nxctl-portal .nc-stat-card--downloads {
    background: #faf5ff;
}
body.nc-light #nxctl-portal .nc-stat-card--downloads .nc-stat-card__label { color: #6b21a8; }
body.nc-light #nxctl-portal .nc-stat-card--downloads .nc-stat-card__value { color: #a855f7; }
body.nc-light #nxctl-portal .nc-stat-card--downloads .nc-stat-card__icon { background: rgba(168,85,247,.15); }
body.nc-light #nxctl-portal .nc-stat-card--downloads .nc-stat-card__icon svg { stroke: #a855f7; }
/* Plugins — indigo */
body.nc-light #nxctl-portal .nc-stat-card--plugins {
    background: #eef2ff;
}
body.nc-light #nxctl-portal .nc-stat-card--plugins .nc-stat-card__label { color: #3730a3; }
body.nc-light #nxctl-portal .nc-stat-card--plugins .nc-stat-card__value { color: #4f46e5; }
body.nc-light #nxctl-portal .nc-stat-card--plugins .nc-stat-card__icon { background: rgba(79,70,229,.15); }
body.nc-light #nxctl-portal .nc-stat-card--plugins .nc-stat-card__icon svg { stroke: #4f46e5; }
/* Expiring — amber */
body.nc-light #nxctl-portal .nc-stat-card--expiring {
    background: #fefce8;
}
body.nc-light #nxctl-portal .nc-stat-card--expiring .nc-stat-card__label { color: #92400e; }
body.nc-light #nxctl-portal .nc-stat-card--expiring .nc-stat-card__value { color: #d97706; }
body.nc-light #nxctl-portal .nc-stat-card--expiring .nc-stat-card__icon { background: rgba(217,119,6,.15); }
body.nc-light #nxctl-portal .nc-stat-card--expiring .nc-stat-card__icon svg { stroke: #d97706; }

/* ── Nav active item ─────────────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-nav__item.active {
    background: rgba(var(--nc-accent-rgb),.1);
    color: var(--nc-accent);
}
body.nc-light #nxctl-portal .nc-nav__item.active::before { background: var(--nc-accent); }

/* ── Topbar + sidebar shadows ─────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-sidebar { box-shadow: 2px 0 12px rgba(0,0,0,.06); }
body.nc-light #nxctl-portal .nc-topbar  { box-shadow: 0 1px 6px rgba(0,0,0,.06); }

/* ── Template card active ────────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-template-card.active {
    border-color: var(--nc-accent);
    background: rgba(var(--nc-accent-rgb),.07);
    box-shadow: 0 0 0 2px rgba(var(--nc-accent-rgb),.2);
}
body.nc-light #nxctl-portal .nc-template-card.active .nc-template-card__name { color: var(--nc-accent); font-weight: 700; }

/* ── Tone card active ────────────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-tone-card.active {
    background: rgba(var(--nc-accent-rgb),.08);
    border-color: var(--nc-accent);
    color: var(--nc-accent);
}

/* ── Login hero gradient ─────────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-login-hero {
    background: linear-gradient(135deg, var(--nc-accent) 0%, #000000 100%);
}

/* ── Role tab active ─────────────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-role-tab.active {
    background: var(--nc-accent);
    color: #fff;
    box-shadow: 0 2px 8px rgba(var(--nc-accent-rgb),.3);
}

/* ── Badge accent ────────────────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-badge--accent {
    background: rgba(var(--nc-accent-rgb),.1);
    color: var(--nc-accent);
}

/* ── Changelog dot ───────────────────────────────────────────────── */
body.nc-light #nxctl-portal .nc-changelog-dot { background: var(--nc-accent); }

/* ── Card/modal header icons are white on gradient background ──── */
body.nc-light #nxctl-portal .nc-card__header .nc-card__icon {
    background: rgba(255,255,255,.18);
    color: #ffffff;
}
body.nc-light #nxctl-portal .nc-card__header .nc-card__icon svg {
    stroke: #ffffff;
}
/* Plugin card icon specifically */
body.nc-light #nxctl-portal .nc-plugin-card .nc-card__icon {
    background: rgba(255,255,255,.18);
    color: #ffffff;
}
body.nc-light #nxctl-portal .nc-plugin-card .nc-card__icon svg {
    stroke: #ffffff;
    fill: none;
}