/* FinanceOS account page — layout only; fields reuse workshops.css (sp-field). */

.fos-account {
	padding: 96px 24px 120px;
}
.fos-account__inner {
	max-width: 560px;
	margin: 0 auto;
}
.fos-account__head {
	margin-bottom: 32px;
}
.fos-account__title {
	font-size: var(--type-h2-size, 2rem);
	line-height: 1.2;
	margin: 8px 0;
	color: var(--ink, #0e1229);
}
.fos-account__sub {
	color: var(--ink-soft, #555);
	line-height: 1.6;
	margin: 0;
}
.fos-account__card {
	background: var(--paper, #fff);
	border: 1px solid var(--line, #e8e4da);
	border-radius: 16px;
	padding: 28px;
}
.fos-account__card--login {
	margin-top: 24px;
}
.fos-account__login-h {
	font-size: 1.1rem;
	margin: 0 0 4px;
}
.fos-account__login-form {
	display: flex;
	gap: 12px;
	align-items: flex-end;
	margin-top: 16px;
	flex-wrap: wrap;
}
.fos-account__login-form .sp-field {
	flex: 1 1 240px;
	margin: 0;
}
.fos-account__login-msg {
	margin: 12px 0 0;
	color: var(--ink-soft, #555);
}
.fos-account__notice {
	background: #fff6e8;
	border: 1px solid #f0dbb4;
	border-radius: 12px;
	padding: 14px 18px;
	margin-bottom: 24px;
	line-height: 1.5;
}
.fos-account__details {
	margin: 0 0 20px;
}
.fos-account__row {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 0;
	border-bottom: 1px solid var(--line, #eee);
}
.fos-account__row dt {
	color: var(--ink-soft, #777);
}
.fos-account__row dd {
	margin: 0;
	font-weight: 600;
	text-align: right;
}
.fos-account__empty {
	color: var(--ink-soft, #bbb);
	font-weight: 400;
}
.fos-account__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.fos-account__form .sp-field-input[readonly] {
	background: var(--surface-tinted, #f5f3ef);
	color: var(--ink-soft, #6b6b6b);
	cursor: default;
}
.fos-account__saved {
	margin: 0 0 20px;
	padding: 12px 16px;
	border-radius: 12px;
	background: #ecf8f0;
	border: 1px solid #bfe5cc;
	color: #1d5c34;
}