/* Account / Login block. Frame (.b-card) injected at runtime; this file styles
   only the inner content. Colours/type via tokens. */

/* .b-card carries no padding (it's just surface+border+radius), so the carded
   variant supplies its own via the shared --card-pad token. */
.kab-account.b-card{ padding:var(--card-pad); }

.kab-account__title{
	font-family:var(--font-display); font-weight:var(--display-w);
	letter-spacing:var(--display-ls); line-height:1.1;
	font-size:1.35rem; color:var(--ink); margin:.15rem 0 .35rem;
}
.kab-account__intro{
	margin:0 0 1rem; color:var(--ink-soft); font-size:.95rem; line-height:1.5;
}
.kab-account__email{
	margin:.1rem 0 1rem; color:var(--muted); font-size:.9rem;
}
.kab-account__loading{
	margin:.2rem 0; color:var(--muted); font-size:.9rem;
}
.kab-account__details{
	display:grid; grid-template-columns:auto 1fr; gap:6px 16px;
	margin:.4rem 0 1rem; padding:.9rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}
.kab-account__dt{
	font-family:var(--font-mono, monospace); font-size:.66rem; text-transform:uppercase;
	letter-spacing:.06em; color:var(--muted); align-self:center;
}
.kab-account__dd{ margin:0; font-size:.92rem; color:var(--ink); }

/* Language preference row (kept visible — the one editable setting). */
.kab-account__lang-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:.5rem 0 1rem; }
.kab-account__lang-label{ font-size:.85rem; font-weight:600; color:var(--ink-soft); }
.kab-account__lang.b-select{ width:auto; min-width:140px; height:38px; }
.kab-account__lang-status{ font-size:.8rem; color:var(--muted); }
.kab-account__lang-status.is-ok{ color:var(--ok, #1a7f37); }
.kab-account__lang-status.is-error{ color:var(--no, #b00020); }

/* Account details disclosure — subtle, closed by default. */
.kab-account__more{ margin:0 0 1rem; }
.kab-account__more-summary{
	cursor:pointer; font-size:.85rem; font-weight:600; color:var(--accent);
	list-style:none; user-select:none;
}
.kab-account__more-summary::-webkit-details-marker{ display:none; }
.kab-account__more-summary::before{
	content:'›'; display:inline-block; margin-right:6px; transition:transform .15s ease;
}
.kab-account__more[open] .kab-account__more-summary::before{ transform:rotate(90deg); }
.kab-account__more .kab-account__details{ margin-top:.6rem; }

.kab-account__note{ margin:.6rem 0 0; font-size:.82rem; color:var(--muted); line-height:1.5; }

.kab-account__actions{
	display:flex; flex-wrap:wrap; gap:10px;
}
.kab-account__actions .btn{ flex:0 1 auto; }

@media (max-width:420px){
	.kab-account__actions{ flex-direction:column; }
	.kab-account__actions .btn{ width:100%; justify-content:center; }
}