/* Nexus Control — Cards */

#nxctl-portal .nc-card {
    background: var(--nc-surface);
    border: 1px solid var(--nc-card-border);
    border-radius: var(--nc-radius-lg);
    overflow: hidden;
    box-shadow: var(--nc-shadow);
    transition: box-shadow var(--nc-dur), transform var(--nc-dur);
}
#nxctl-portal .nc-card:hover { box-shadow: var(--nc-shadow-md); }

#nxctl-portal .nc-card__header {
    padding: var(--nc-space-4) var(--nc-space-5);
    display: flex;
    align-items: center;
    gap: var(--nc-space-3);
    border-bottom: 1px solid var(--nc-border);
}
#nxctl-portal .nc-card__icon {
    width: 36px; height: 36px;
    border-radius: var(--nc-radius);
    background: rgba(var(--nc-accent-rgb),.15);
    display: flex; align-items: center; justify-content: center;
    color: var(--nc-accent);
    flex-shrink: 0;
}
#nxctl-portal .nc-card__icon svg { width: 18px; height: 18px; stroke: currentColor; }
#nxctl-portal .nc-card__title { font-size: var(--nc-fs-base); font-weight: 700; color: var(--nc-text); }
#nxctl-portal .nc-card__subtitle { font-size: var(--nc-fs-xs); color: var(--nc-muted); margin-top: 1px; }
#nxctl-portal .nc-card__actions { margin-left: auto; display: flex; gap: var(--nc-space-2); align-items: center; }
#nxctl-portal .nc-card__body { padding: var(--nc-space-5); }
#nxctl-portal .nc-card__footer {
    padding: var(--nc-space-3) var(--nc-space-5);
    border-top: 1px solid var(--nc-border);
    background: var(--nc-surface2);
    display: flex; align-items: center; justify-content: space-between; gap: var(--nc-space-3);
}

/* Stat cards */
#nxctl-portal .nc-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px,1fr));
    gap: var(--nc-space-4);
    margin-bottom: var(--nc-space-6);
}
#nxctl-portal .nc-stat-card {
    padding: var(--nc-space-4) var(--nc-space-4);
    border-radius: var(--nc-radius-lg);
    border: none;
    display: flex;
    flex-direction: column;
    gap: var(--nc-space-3);
    transition: transform var(--nc-dur), box-shadow var(--nc-dur);
}
#nxctl-portal .nc-stat-card:hover { transform: translateY(-2px); box-shadow: var(--nc-shadow-md); }
#nxctl-portal .nc-stat-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#nxctl-portal .nc-stat-card__icon {
    width: 34px; height: 34px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
#nxctl-portal .nc-stat-card__icon svg { width: 15px; height: 15px; }
#nxctl-portal .nc-stat-card__label {
    font-size: var(--nc-fs-xs); font-weight: 700;
    text-transform: uppercase; letter-spacing: .06em;
    margin-bottom: 0;
}
#nxctl-portal .nc-stat-card__value {
    font-size: var(--nc-fs-2xl); font-weight: 800; line-height: 1;
}
#nxctl-portal .nc-stat-card__sub { font-size: var(--nc-fs-xs); margin-top: var(--nc-space-1); }

/* List cards — replace tables */
#nxctl-portal .nc-list { display: flex; flex-direction: column; gap: var(--nc-space-3); }
#nxctl-portal .nc-list-card {
    background: var(--nc-surface);
    border: 1px solid var(--nc-card-border);
    border-radius: var(--nc-radius-lg);
    padding: var(--nc-space-4) var(--nc-space-5);
    display: flex;
    align-items: flex-start;
    gap: var(--nc-space-4);
    transition: box-shadow var(--nc-dur), background var(--nc-dur);
}
#nxctl-portal .nc-list-card:hover { box-shadow: var(--nc-shadow); background: var(--nc-hover); }
#nxctl-portal .nc-list-card__left { flex: 1; min-width: 0; }
#nxctl-portal .nc-list-card__right { display: flex; align-items: center; gap: var(--nc-space-2); flex-shrink: 0; }
#nxctl-portal .nc-list-card__title { font-weight: 600; font-size: var(--nc-fs-base); color: var(--nc-text); margin-bottom: 2px; }
#nxctl-portal .nc-list-card__meta {
    display: flex; flex-wrap: wrap; gap: var(--nc-space-3); margin-top: var(--nc-space-1);
}
#nxctl-portal .nc-list-card__meta-item {
    display: flex; align-items: center; gap: 5px;
    font-size: var(--nc-fs-xs); color: var(--nc-muted);
}
#nxctl-portal .nc-list-card__meta-item svg { width: 12px; height: 12px; stroke: currentColor; }

/* Empty state */
#nxctl-portal .nc-empty {
    text-align: center; padding: var(--nc-space-8) var(--nc-space-6);
    color: var(--nc-muted);
}
#nxctl-portal .nc-empty__icon { width: 48px; height: 48px; margin: 0 auto var(--nc-space-4); opacity: .3; }
#nxctl-portal .nc-empty__text { font-size: var(--nc-fs-base); font-weight: 600; }
#nxctl-portal .nc-empty__sub { font-size: var(--nc-fs-sm); margin-top: var(--nc-space-1); }

/* Section header */
#nxctl-portal .nc-section-header {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: var(--nc-space-5); flex-wrap: wrap; gap: var(--nc-space-3);
}
#nxctl-portal .nc-section-title { font-size: var(--nc-fs-lg); font-weight: 700; color: var(--nc-text); }
#nxctl-portal .nc-section-sub { font-size: var(--nc-fs-sm); color: var(--nc-muted); margin-top: 2px; }

/* Toolbar */
#nxctl-portal .nc-toolbar {
    display: flex; align-items: center; gap: var(--nc-space-3);
    margin-bottom: var(--nc-space-4); flex-wrap: wrap;
}
