/* ARS-X 3.3 — единый слой уточнений дизайна программы: ровные радиусы, мягкие тени, аккуратные таблицы и формы.
   Подключается последним и только уточняет, не меняя раскладку. */
:root { --r33: 12px; --shadow33: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .06); }
html[data-theme="dark"] { --shadow33: none; }
.card, .panel, .modal, .dialog, .widget { border-radius: var(--r33); }
.card, .panel { box-shadow: var(--shadow33); }
button, .btn, .button, input:not([type=checkbox]):not([type=radio]), select, textarea { border-radius: 10px; }
table th { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.nav-group-head { letter-spacing: .06em; text-transform: uppercase; font-size: 11.5px; }
:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
/* 3.4: тариф и оплата */
.plan-invoice-dialog .next-modal-body { display: grid; gap: 12px; }
.plan-invoice-dialog .field small { display: block; margin-top: 4px; }
.plan-invoice-total { display: grid; gap: 2px; padding: 12px 14px; border-radius: 12px; background: var(--surface-2, var(--bg)); margin: 4px 0 8px; }
.plan-invoice-total span { font-size: 12.5px; color: var(--muted); }
.plan-invoice-total b { font-size: 24px; }
.plan-invoice-dialog .field-error { color: var(--danger, #c03a32); margin: 0 0 6px; }
.plan-current .actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.notice-card { border-color: color-mix(in srgb, var(--warning, #a86a12) 40%, var(--line)); margin-bottom: 14px; }
.plan-invoices { overflow-x: auto; margin-bottom: 18px; }
.plan-invoices table { width: 100%; border-collapse: collapse; }
.plan-invoices th, .plan-invoices td { padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; }
.plan-invoices .num { text-align: right; white-space: nowrap; }
.plan-current .badge { white-space: normal; max-width: 100%; }