/* ==========================================================================
   iSpazio Theme — /account bridge styles
   Loaded on every URL under /account/. Provides the layout shell that lets
   the plugin's account.css render correctly inside the new theme's chrome.
   The plugin owns all per-component styles (auth card, dashboard widgets,
   profile, etc.); this file only patches the integration points.
   ========================================================================== */

/* --- Account-specific sidebar width override ---
   The dashboard layout uses a narrower sidebar (240px) than the rest of the
   site (320px). Scoped to .isp-account-page so it does not leak. */
.isp-account-page {
    --isp-sidebar-w: 240px;
    background: var(--isp-bg);
    max-width: none;
    padding: 0;
    margin: 0;
}

/* --- Page wrap — sit below the sticky theme header --- */
body.page-template-page-account .isp-main-wrap,
body.page-template-page-account .main-wrap {
    background: var(--isp-bg);
}

/* --- Auth gate (logged-out) layout polish ---
   Matches the new theme's max-width and breathing room. */
.isp-auth-wrap {
    min-height: calc(100vh - 200px);
    padding: 48px 16px;
}

/* --- Dashboard grid: sidebar + content ---
   Uses the new theme's spacing tokens. */
.isp-dash-grid {
    display: grid;
    grid-template-columns: var(--isp-sidebar-w) 1fr;
    gap: var(--isp-sp-xl);
    max-width: var(--isp-max-w);
    margin: 0 auto;
    padding: var(--isp-sp-lg) var(--isp-sp-md);
}

@media (max-width: 1024px) {
    .isp-dash-grid {
        grid-template-columns: 1fr;
        gap: var(--isp-sp-md);
    }
}

/* --- Sidebar nav row (uses theme tokens) --- */
.isp-dash-nav__item {
    border-radius: var(--isp-radius-sm);
    transition: background .15s, color .15s;
}
.isp-dash-nav__item:hover {
    background: var(--isp-bg);
    color: var(--isp-brand);
}
.isp-dash-nav__item.is-active {
    background: var(--isp-brand-soft);
    color: var(--isp-brand);
}

/* --- Cards inside the dashboard inherit theme containment --- */
.isp-dash-card {
    contain: layout style;
}