/* VA Cabinet — стили личного кабинета (используют токены темы almaty-biz) */

.va-cab{ display:grid; grid-template-columns:280px 1fr; gap:32px; padding-block:40px 80px; align-items:start; }
@media(max-width:900px){ .va-cab{ grid-template-columns:1fr; } }

.va-cab__side{ position:sticky; top:88px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:18px; }
.va-cab__user{ display:flex; gap:12px; align-items:center; padding-bottom:16px; border-bottom:1px solid var(--line); margin-bottom:12px; }
.va-cab__avatar{ width:44px; height:44px; border-radius:50%; background:var(--navy); color:#fff; display:grid; place-items:center; font-weight:800; }
.va-cab__nav{ display:grid; gap:4px; }
.va-cab__link{ display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:10px; font-weight:600; color:var(--ink); }
.va-cab__link .ic{ width:20px; text-align:center; opacity:.7; }
.va-cab__link:hover{ background:var(--bg-soft); }
.va-cab__link.is-active{ background:var(--navy); color:#fff; }
.va-cab__logout{ margin-top:8px; color:#c0392b; }

.va-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.va-head h1{ font-size:clamp(24px,3vw,34px); margin:0; }

.va-kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
@media(max-width:700px){ .va-kpis{ grid-template-columns:1fr 1fr; } }
.va-kpi{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px; }
.va-kpi .n{ font-size:34px; font-weight:800; color:var(--navy); }
.va-kpi .l{ color:var(--ink-2); font-size:14px; }

.va-list{ display:grid; gap:10px; }
.va-row{ display:flex; align-items:center; gap:14px; justify-content:space-between; background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px 16px; }
.va-row strong{ flex:1; }
.va-badge{ display:inline-block; background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--pill); padding:4px 12px; font-size:13px; font-weight:600; }
.va-badge--pending{ background:#fff5e6; border-color:#ffd8a8; }
.va-badge--publish{ background:#e9f8ef; border-color:#b2e6c6; }

.va-f{ display:block; margin-bottom:14px; font-weight:600; font-size:14px; }
.va-f input, .va-f select, .va-f textarea{
	width:100%; margin-top:6px; padding:12px 14px; border-radius:10px;
	border:1px solid var(--line); font:inherit; background:#fff;
}
.card--dark .va-f{ color:#fff; }
.card--dark .va-f input, .card--dark .va-f select, .card--dark .va-f textarea{ background:var(--navy-soft); border-color:transparent; color:#fff; }

/* мини-календарь */
.va-cal{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin-top:16px; }
.va-cal__day{ aspect-ratio:1; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; font-size:14px; }
.va-cal__day.is-busy{ background:var(--navy); color:#fff; border-color:var(--navy); }

/* форма входа WP */
.va-auth .card input[type=text], .va-auth .card input[type=password]{
	width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:10px; margin:6px 0 14px; font:inherit;
}
.va-auth .login-submit .button, .va-auth #wp-submit{
	background:var(--accent); color:#fff; border:none; border-radius:999px; padding:12px 24px; font-weight:700; cursor:pointer;
}
