/* ✅ account.css — overrides/additions for auth/account/quotations/static */

/* --- auth card --- */
.auth-wrap { justify-content: center; }
.auth-card { width: 100%; max-width: 420px; padding: var(--space-5) var(--space-4); }
.auth-head h1 { margin-bottom: var(--space-2); }
.auth-foot { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-border); text-align: center; font-size: var(--font-size-sm); color: var(--color-text-muted); }

/* --- account sidebar --- */
.account-wrap { display: grid; grid-template-columns: 240px 1fr; gap var(--space-6); align-items: start; }
.account-nav { padding: var(--space-4); position: sticky; top: calc(var(--header-height) + var(--space-4)); }
.account-nav-title { font-size: var(--font-size-xs); text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-text-muted); margin-bottom var(--space-3); }
.account-nav ul { list-style: none; display: flex; flex-direction: column; gap 2px; margin-bottom var(--space-4); }
.account-nav-link { display: flex; align-items: center; gap var(--space-3); padding var(--space-3); color: var(--color-text); font-size var(--font-size-sm); font-weight var(--font-weight-medium); }
.account-nav-link:hover { background: var(--color-primary-50); color: var(--color-primary-800); }
.account-nav-link.is-active { background: var(--color-primary-500); color: #fff; }
.account-logout { width: 100%; margin-top: var(--space-4); }

/* --- account page content --- */
.account-main { padding: var(--space-6) var(--space-5); }

/* --- quotation line (account list) --- */
.quotation-line { padding:var(--space-3) 0; border-bottom:1px solid var(--color-border); }