/*
 * Личный кабинет — главная страница (account/account), 18.09.2026.
 *
 * Цвета берутся из палитры nwa-inner.css через переменные --nwa-*: она
 * задана на body.nwa-page, а класс кабинету ставит uni_new_data.php, как
 * всем внутренним страницам. Карточки повторяют карточки товара на
 * «Услугах»: белые, рамка #E2E2DE, скругление 10.
 *
 * Все правила привязаны к body.nwa-page .nwa-acc — у темы свои правила по
 * голым тегам (h1, a, ul), и без этой привязки они перебивали бы наши.
 */

body.nwa-page .nwa-acc{
	padding-bottom:48px;
	color:var(--nwa-text);
}

body.nwa-page .nwa-acc__head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:16px;
	margin:8px 0 24px;
}
/* ⚠️ ТИПОГРАФИКА — ПО ЭТАЛОНУ ГЛАВНОЙ (владелец, 15.09 и 23.09.2026):
   блок «Что мы делаем» в nwa-lab-home.css — .nwa-section-head__kicker,
   __title, __text. Заголовок страницы — как __title: тонкий 300, ПРОПИСНЫЕ,
   разрядка .14em. Подписи карточек — как __kicker. Свои начертания здесь
   не придумывать: 18.09 заголовки кабинета сделали жирными (700), они
   перебили тонкий h1 из nwa-inner.css, и кабинет выбился из стиля сайта. */
body.nwa-page .nwa-acc__title{
	margin:0 0 4px;
	font-family:'Montserrat', 'Helvetica Neue', Arial, sans-serif;
	font-size:clamp(21px, 2vw, 28px);
	font-weight:300;
	line-height:1.4;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--nwa-text);
}
body.nwa-page .nwa-acc__email{
	font-size:14px;
	color:var(--nwa-text-secondary);
	word-break:break-all;
}
/* break-all выше — для длинной почты. Число баллов под заголовком покупки
   («2 350 баллов») им рвалось посреди слова. */
body.nwa-page .nwa-acc__email strong{
	white-space:nowrap;
}

body.nwa-page .nwa-acc__alert{
	margin:0 0 20px;
	padding:12px 16px;
	border:1px solid #BFD9C3;
	border-radius:8px;
	background:#EEF7EF;
	color:#2F6B3A;
	font-size:14px;
}

/* ⚠️ Две колонки из четырёх карточек: баланс и файлы сверху — за ними и
   приходят, заказы и профиль снизу. На узком экране одна колонка. */
body.nwa-page .nwa-acc__grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px;
	align-items:start;
}

body.nwa-page .nwa-acc__card{
	padding:22px 24px;
	border:1px solid #E2E2DE;
	border-radius:10px;
	background:#FFFFFF;
}
body.nwa-page .nwa-acc__card--viewer{grid-column:1/-1}
body.nwa-page .nwa-acc__access{
	margin:0 0 20px;
	padding:20px 22px;
	border:1px solid #BFD9C3;
	border-left:4px solid #2F7A3F;
	border-radius:10px;
	background:#F4FAF5;
}
body.nwa-page .nwa-acc__access p{margin:0 0 14px}
body.nwa-page .nwa-acc__access .nwa-acc__hint{margin:14px 0 0}
body.nwa-page .nwa-acc__credentials{
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	gap:8px 18px;
	margin:0;
}
body.nwa-page .nwa-acc__credentials dt{color:var(--nwa-text-secondary);font-weight:400}
body.nwa-page .nwa-acc__credentials dd{
	margin:0;
	font-family:Consolas,"Courier New",monospace;
	font-weight:700;
	word-break:break-all;
}
body.nwa-page .nwa-acc__viewer--divided{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #EEEEEA;
}
body.nwa-page .nwa-acc__viewer-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin-bottom:14px;
	font-size:18px;
}
body.nwa-page .nwa-acc__status{
	flex:none;
	padding:4px 9px;
	border-radius:999px;
	background:#FBEFED;
	color:#9A3324;
	font-size:12px;
	font-weight:600;
}
body.nwa-page .nwa-acc__status.is-active{background:#EAF5EC;color:#2F7A3F}
body.nwa-page .nwa-acc__profile--compact{margin-bottom:16px}
body.nwa-page .nwa-acc__card--viewer .nwa-acc__error{
	margin:14px 0 0;
	color:#B03A2A;
	font-size:13px;
}
/* Подпись карточки — как рубрика над заголовком на главной
   (.nwa-section-head__kicker): мелкие ПРОПИСНЫЕ, вес 500, разрядка .16em,
   оранжевый акцент. !important у цвета: nwa-inner.css красит все h2 в
   тёмный с !important, и без него рубрика оставалась чёрной. */
body.nwa-page .nwa-acc__card-title{
	margin:0 0 14px;
	font-size:12px;
	font-weight:500;
	line-height:1.4;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--nwa-accent) !important;
}

/* Баллы — внутренняя валюта сайта, 23.09.2026: число и мельче него
   слово «баллов». */
body.nwa-page .nwa-acc__balance{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:4px 8px;
	font-size:34px;
	font-weight:700;
	line-height:1.1;
	color:var(--nwa-text);
}
body.nwa-page .nwa-acc__balance-unit{
	font-size:17px;
	font-weight:600;
	color:var(--nwa-text-secondary);
}
body.nwa-page .nwa-acc__hint{
	margin:6px 0 16px;
	font-size:13px;
	color:var(--nwa-text-secondary);
}

/* Списки: строка — название с подписью слева, сумма или кнопка справа. */
body.nwa-page .nwa-acc__list{
	margin:0;
	padding:0;
	list-style:none;
}
body.nwa-page .nwa-acc__card--balance .nwa-acc__list{
	margin-top:18px;
	border-top:1px solid #EEEEEA;
}
body.nwa-page .nwa-acc__row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:10px 0;
	border-bottom:1px solid #EEEEEA;
	color:var(--nwa-text);
	text-decoration:none;
}
body.nwa-page .nwa-acc__list li:last-child > .nwa-acc__row,
body.nwa-page .nwa-acc__list > .nwa-acc__row:last-child{
	border-bottom:0;
}
body.nwa-page a.nwa-acc__row--link{
	margin:0 -8px;
	padding-left:8px;
	padding-right:8px;
	border-radius:6px;
	color:var(--nwa-text);
}
body.nwa-page a.nwa-acc__row--link:hover{
	background:#F7F5F1;
	color:var(--nwa-text);
}
body.nwa-page .nwa-acc__row-main{
	display:flex;
	flex-direction:column;
	min-width:0;
}
body.nwa-page .nwa-acc__row-name{
	font-size:15px;
	font-weight:600;
	overflow:hidden;
	text-overflow:ellipsis;
}
body.nwa-page .nwa-acc__row-meta{
	margin-top:2px;
	font-size:12px;
	color:var(--nwa-text-secondary);
}
body.nwa-page .nwa-acc__amount{
	flex:none;
	font-size:15px;
	font-weight:600;
	white-space:nowrap;
}
body.nwa-page .nwa-acc__amount.is-income{
	color:#2F7A3F;
}

body.nwa-page .nwa-acc__icon-btn{
	flex:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:8px;
	/* Серая подложка под оранжевым значком (владелец, 23.09.2026). */
	background:#EEEEEA;
	color:var(--nwa-accent-hover);
	text-decoration:none;
	transition:background .15s, color .15s;
}
body.nwa-page .nwa-acc__icon-btn:hover{
	background:var(--nwa-accent);
	color:#FFFFFF;
}

body.nwa-page .nwa-acc__empty{
	margin:0 0 8px;
	font-size:14px;
	color:var(--nwa-text-secondary);
}

body.nwa-page .nwa-acc__more{
	display:inline-flex;
	align-items:center;
	gap:6px;
	margin-top:12px;
	font-size:13px;
	font-weight:600;
	color:var(--nwa-accent-hover);
	text-decoration:none;
}
body.nwa-page .nwa-acc__more:hover{
	color:var(--nwa-accent);
}
body.nwa-page .nwa-acc__more i{font-size:11px}

/* Кнопки. !important на цвете не ставим: у ссылок темы правило a:visited
   слабее класса с привязкой к body.nwa-page. */
body.nwa-page .nwa-acc__btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:40px;
	padding:0 18px;
	border:1px solid #D6D3CC;
	border-radius:8px;
	background:#FFFFFF;
	color:var(--nwa-text);
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	cursor:pointer;
	transition:border-color .15s, background .15s, color .15s;
}
body.nwa-page .nwa-acc__btn:hover{
	border-color:var(--nwa-accent);
	color:var(--nwa-text);
}
body.nwa-page .nwa-acc__btn--primary{
	border-color:var(--nwa-accent);
	background:var(--nwa-accent);
	color:#FFFFFF;
}
body.nwa-page .nwa-acc__btn--primary:hover{
	border-color:var(--nwa-accent-hover);
	background:var(--nwa-accent-hover);
	color:#FFFFFF;
}
body.nwa-page .nwa-acc__btn--ghost{
	flex:none;
	background:transparent;
}

body.nwa-page .nwa-acc__profile{
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	gap:8px 18px;
	margin:0 0 18px;
	font-size:14px;
}
body.nwa-page .nwa-acc__profile dt{
	font-weight:400;
	color:var(--nwa-text-secondary);
}
body.nwa-page .nwa-acc__profile dd{
	margin:0;
	font-weight:600;
	word-break:break-word;
}
body.nwa-page .nwa-acc__actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

body.nwa-page .nwa-acc__newsletter{
	margin-top:18px;
	padding-top:16px;
	border-top:1px solid #EEEEEA;
}
body.nwa-page .nwa-acc__check{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0;
	font-size:14px;
	font-weight:400;
	color:var(--nwa-text);
	cursor:pointer;
}
body.nwa-page .nwa-acc__check input{
	flex:none;
	margin:0;
}

body.nwa-page .nwa-acc__alert--error{
	border-color:#E7C3BD;
	background:#FBEFED;
	color:#9A3324;
}

/* ── Покупка баллов (account/nwa_topup) ─────────────────────────────── */

body.nwa-page .nwa-acc__topup{
	max-width:560px;
}
body.nwa-page .nwa-acc__card-title--gap{
	margin-top:26px;
}
/* Поле количества баллов (владелец, 23.09.2026: пустое поле было непонятно,
   что в него вводить). Оранжевая обводка, слово «баллов» в конце поля и
   мигающий курсор-приглашение, пока поле пустое и не в фокусе. */
body.nwa-page .nwa-acc__amount-box{
	position:relative;
	display:block;
	width:100%;
	max-width:240px;
}
/* Селектор длиннее обычного намеренно: общее правило полей в nwa-inner.css
   (body.nwa-page input[type="text"]) весомее одного класса и красило рамку
   в серый #E2E2DE. */
body.nwa-page .nwa-acc__amount-box input.nwa-acc__input--amount{
	max-width:none;
	padding-right:84px;
	border:2px solid var(--nwa-accent);
}
body.nwa-page .nwa-acc__unit{
	position:absolute;
	top:50%;
	right:14px;
	transform:translateY(-50%);
	font-size:15px;
	font-weight:500;
	color:var(--nwa-text-secondary);
	pointer-events:none;
}
/* Курсор виден, пока поле пустое и не в фокусе. Пустоту ловит
   :placeholder-shown (подсказка в шаблоне — один пробел, её не видно). В
   фокусе мигает уже настоящий курсор браузера на том же месте. */
body.nwa-page .nwa-acc__caret{
	display:none;
	position:absolute;
	top:50%;
	left:16px;
	width:2px;
	height:22px;
	margin-top:-11px;
	background:var(--nwa-accent);
	pointer-events:none;
	animation:nwa-acc-caret 1.1s linear infinite;
}
body.nwa-page .nwa-acc__input--amount:placeholder-shown:not(:focus) ~ .nwa-acc__caret{
	display:block;
}
@keyframes nwa-acc-caret{
	0%, 49%{opacity:1}
	50%, 100%{opacity:0}
}
@media (prefers-reduced-motion:reduce){
	body.nwa-page .nwa-acc__caret{animation:none}
}

/* Быстрый выбор — под полем и неброско (решение владельца 23.09.2026):
   главный путь — ввести число самому. Простые серые числа: без рамок, без
   подписи «Быстрый выбор» и без строки о границах под ними — с ними ряд
   бросался в глаза, и было непонятно, что число вводится в поле. */
body.nwa-page .nwa-acc__quick{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:4px 18px;
	margin:8px 0 0;
}
body.nwa-page .nwa-acc__chip{
	min-height:28px;
	padding:0;
	border:0;
	background:none;
	color:var(--nwa-text-secondary);
	font-size:13px;
	font-weight:500;
	line-height:1;
	cursor:pointer;
	transition:color .15s;
}
body.nwa-page .nwa-acc__chip:hover,
body.nwa-page .nwa-acc__chip.is-active{
	color:var(--nwa-accent-hover);
}

body.nwa-page .nwa-acc__field{
	display:flex;
	flex-direction:column;
	gap:6px;
	margin:0;
	font-weight:400;
}
body.nwa-page .nwa-acc__field-label{
	font-size:13px;
	color:var(--nwa-text-secondary);
}
/* background-color, а не shorthand: так же, как у общих полей в
   nwa-inner.css, — тёмная тема красит поля прямыми значениями. */
body.nwa-page .nwa-acc__input{
	width:100%;
	max-width:240px;
	height:46px;
	padding:0 14px;
	border:1px solid #D6D3CC;
	/* !important: тема отдельно скругляет input[type=tel] сильнее, и поле
	   «Телефон» выбивалось из ряда. */
	border-radius:8px !important;
	background-color:#FFFFFF;
	color:var(--nwa-text) !important;
	font-size:18px;
	font-weight:600;
}
body.nwa-page .nwa-acc__input:focus{
	outline:none;
	border-color:var(--nwa-accent);
	box-shadow:0 0 0 3px rgba(222,78,16,.18);
}
/* «К оплате» под полем количества — то же число в рублях, 1 балл = 1 ₽. */
body.nwa-page .nwa-acc__price{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:4px 12px;
	margin:18px 0 0;
	padding:14px 16px;
	border-radius:8px;
	background:#F7F5F1;
}
body.nwa-page .nwa-acc__price-label{
	font-size:13px;
	color:var(--nwa-text-secondary);
}
body.nwa-page .nwa-acc__price-sum{
	font-size:22px;
	font-weight:700;
	color:var(--nwa-text);
}
body.nwa-page .nwa-acc__price-rate{
	margin-left:auto;
	font-size:13px;
	color:var(--nwa-text-secondary);
}

body.nwa-page .nwa-acc__methods{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-bottom:22px;
}
body.nwa-page .nwa-acc__method{
	display:flex;
	align-items:center;
	gap:12px;
	margin:0;
	padding:12px 14px;
	border:1px solid #E2E2DE;
	border-radius:8px;
	font-size:14px;
	font-weight:600;
	color:var(--nwa-text);
	cursor:pointer;
}
body.nwa-page .nwa-acc__method:has(input:checked){
	border-color:var(--nwa-accent);
	background:#FDF5F2;
}
body.nwa-page .nwa-acc__method input{
	flex:none;
	margin:0;
	accent-color:var(--nwa-accent);
}

body.nwa-page .nwa-acc__btn--wide{
	width:100%;
	min-height:48px;
	font-size:15px;
}
body.nwa-page .nwa-acc__btn:disabled{
	opacity:.7;
	cursor:wait;
}

body.nwa-page .nwa-acc__note{
	margin:16px 0 0;
	font-size:12px;
	line-height:1.55;
	color:var(--nwa-text-secondary);
}

/* ── Страницы разделов кабинета (заказы, файлы, баланс, профиль) ───── */

/* Вкладки разделов — nwa_account_nav.twig. На узком экране не
   переносятся, а прокручиваются вбок: пять слов в две строки читаются хуже. */
body.nwa-page .nwa-acc__nav{
	display:flex;
	gap:4px;
	margin:0 0 22px;
	padding:4px;
	border:1px solid #E2E2DE;
	border-radius:10px;
	background:#FFFFFF;
	overflow-x:auto;
	scrollbar-width:none;
}
body.nwa-page .nwa-acc__nav::-webkit-scrollbar{display:none}
body.nwa-page .nwa-acc__nav-link{
	flex:none;
	padding:9px 18px;
	border-radius:7px;
	color:var(--nwa-text-secondary);
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	white-space:nowrap;
	transition:background .15s, color .15s;
}
body.nwa-page .nwa-acc__nav-link:hover{
	background:#F4F2EE;
	color:var(--nwa-text);
}
body.nwa-page .nwa-acc__nav-link.is-active{
	background:var(--nwa-accent);
	color:#FFFFFF;
}

/* Метка статуса — nwa_order_status.twig. */
body.nwa-page .nwa-acc__status{
	display:inline-flex;
	align-items:center;
	flex:none;
	padding:3px 10px;
	border-radius:20px;
	font-size:12px;
	font-weight:600;
	line-height:1.4;
	white-space:nowrap;
	vertical-align:middle;
}
body.nwa-page .nwa-acc__status--done{background:#E7F3E9;color:#2F6B3A}
body.nwa-page .nwa-acc__status--wait{background:#FBF1DE;color:#8A5A12}
body.nwa-page .nwa-acc__status--other{background:#EFEFEC;color:#5A5D60}

/* Строка заказа: название растягивается, статус, сумма и стрелка — по краю. */
body.nwa-page .nwa-acc__order .nwa-acc__row-main{flex:1 1 auto}
body.nwa-page .nwa-acc__order .nwa-acc__amount{min-width:90px;text-align:right}
body.nwa-page .nwa-acc__chevron{
	flex:none;
	font-size:12px;
	color:#B9B6AF;
}
body.nwa-page .nwa-acc__row-name--wrap{
	white-space:normal;
	overflow:visible;
}

/* Заказ и баланс: широкая основная колонка и узкая боковая. */
body.nwa-page .nwa-acc__grid--wide{
	grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
}
body.nwa-page .nwa-acc__side{
	display:flex;
	flex-direction:column;
	gap:20px;
}

body.nwa-page .nwa-acc__totals{
	margin:14px 0 0;
	padding-top:12px;
	border-top:1px solid #EEEEEA;
}
body.nwa-page .nwa-acc__totals-row{
	display:flex;
	justify-content:space-between;
	gap:12px;
	padding:4px 0;
	font-size:14px;
}
body.nwa-page .nwa-acc__totals-row dt{font-weight:400;color:var(--nwa-text-secondary)}
body.nwa-page .nwa-acc__totals-row dd{margin:0;font-weight:600}
body.nwa-page .nwa-acc__totals-row.is-grand{
	margin-top:6px;
	padding-top:10px;
	border-top:1px solid #EEEEEA;
	font-size:17px;
}
body.nwa-page .nwa-acc__totals-row.is-grand dt{color:var(--nwa-text);font-weight:700}

body.nwa-page .nwa-acc__comment{
	margin-top:14px;
	padding:12px 14px;
	border-radius:8px;
	background:#F7F5F1;
	font-size:13px;
	line-height:1.5;
}

/* История заказа лентой: свежая запись сверху, отмечена акцентом. */
body.nwa-page .nwa-acc__timeline{
	margin:0;
	padding:0;
	list-style:none;
}
body.nwa-page .nwa-acc__timeline-item{
	position:relative;
	display:flex;
	flex-direction:column;
	padding:0 0 16px 22px;
}
body.nwa-page .nwa-acc__timeline-item::before{
	content:"";
	position:absolute;
	left:4px;
	top:6px;
	width:9px;
	height:9px;
	border-radius:50%;
	background:#D6D3CC;
}
body.nwa-page .nwa-acc__timeline-item::after{
	content:"";
	position:absolute;
	left:8px;
	top:18px;
	bottom:0;
	width:1px;
	background:#E2E2DE;
}
body.nwa-page .nwa-acc__timeline-item:last-child{padding-bottom:0}
body.nwa-page .nwa-acc__timeline-item:last-child::after{display:none}
body.nwa-page .nwa-acc__timeline-item.is-current::before{background:var(--nwa-accent)}
body.nwa-page .nwa-acc__timeline-comment{
	margin-top:4px;
	font-size:13px;
	color:var(--nwa-text-secondary);
}

body.nwa-page .nwa-acc__more--small{
	margin-top:6px;
	font-size:12px;
}

body.nwa-page .nwa-acc__file-icon{
	flex:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:8px;
	/* Серая подложка под оранжевым значком (владелец, 23.09.2026). */
	background:#EEEEEA;
	color:var(--nwa-accent-hover);
	font-size:17px;
}
body.nwa-page .nwa-acc__row .nwa-acc__file-icon + .nwa-acc__row-main{flex:1 1 auto}
body.nwa-page .nwa-acc__btn--small{
	flex:none;
	min-height:36px;
	padding:0 14px;
	font-size:13px;
}

/* Формы профиля и пароля. Поля во всю ширину колонки — ограничение
   ширины (240) нужно только полю количества на странице покупки баллов. */
body.nwa-page .nwa-acc__form{max-width:760px}
body.nwa-page .nwa-acc__form--narrow{max-width:440px}
body.nwa-page .nwa-acc__form .nwa-acc__input{
	max-width:none;
	font-size:15px;
	font-weight:400;
}
body.nwa-page .nwa-acc__form .nwa-acc__field + .nwa-acc__field{margin-top:14px}
body.nwa-page .nwa-acc__form-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px 18px;
}
body.nwa-page .nwa-acc__form-grid .nwa-acc__field + .nwa-acc__field{margin-top:0}
body.nwa-page .nwa-acc__input--area{height:auto;padding:10px 14px}
body.nwa-page .nwa-acc__field-error{
	font-size:12px;
	color:#B03A2A;
}
body.nwa-page .nwa-acc__actions--form{
	margin-top:22px;
	padding-top:18px;
	border-top:1px solid #EEEEEA;
}

/* Постраничная навигация — разметка штатная (ul.pagination). */
body.nwa-page .nwa-acc__pages{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-top:18px;
}
body.nwa-page .nwa-acc__pages .pagination{
	display:flex;
	gap:6px;
	margin:0;
}
body.nwa-page .nwa-acc__pages .pagination > li > a,
body.nwa-page .nwa-acc__pages .pagination > li > span{
	float:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:38px;
	height:38px;
	margin:0;
	padding:0 10px;
	border:1px solid #E2E2DE;
	border-radius:8px !important;
	background:#FFFFFF;
	color:var(--nwa-text);
	font-weight:600;
}
body.nwa-page .nwa-acc__pages .pagination > .active > span{
	border-color:var(--nwa-accent);
	background:var(--nwa-accent);
	color:#FFFFFF;
}
body.nwa-page .nwa-acc__pages-text{
	font-size:13px;
	color:var(--nwa-text-secondary);
}

/* ── Вход, регистрация, восстановление пароля ───────────────────────── */

body.nwa-page .nwa-acc__grid--auth{
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	max-width:980px;
}
/* Серая, а не оранжевая: в ней оранжевые подпись и значки, а оранжевое на
   оранжевом читалось плохо (владелец, 23.09.2026). */
body.nwa-page .nwa-acc__card--promo{
	background:#EEEEEA;
	border-color:#E2E2DE;
}
body.nwa-page .nwa-acc__lead{
	margin:0 0 14px;
	font-size:15px;
	line-height:1.5;
	color:var(--nwa-text);
}
body.nwa-page .nwa-acc__perks{
	margin:0 0 20px;
	padding:0;
	list-style:none;
}
body.nwa-page .nwa-acc__perks li{
	display:flex;
	gap:12px;
	padding:7px 0;
	font-size:14px;
	line-height:1.45;
	color:var(--nwa-text);
}
body.nwa-page .nwa-acc__perks i{
	flex:none;
	width:18px;
	margin-top:3px;
	color:var(--nwa-accent);
	text-align:center;
}
body.nwa-page .nwa-acc__link{
	color:var(--nwa-accent-hover);
	font-weight:600;
	text-decoration:underline;
	text-underline-offset:2px;
}
body.nwa-page .nwa-acc__more--inline{
	margin:0 0 0 8px;
	align-self:center;
}
body.nwa-page .nwa-acc__login-recovery{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	max-width:980px;
	margin:0 0 20px;
	padding:16px 18px;
	border:1px solid #E7C3BD;
	border-left:4px solid var(--nwa-accent);
	border-radius:10px;
	background:#FFF8F5;
}
body.nwa-page .nwa-acc__login-recovery-copy{
	dis:flex;
	flex-direction:column;
	gap:3px;
	font-size:14px;
	line-height:1.45;
}
body.nwa-page .nwa-acc__login-recovery-copy strong{color:var(--nwa-text)}
body.nwa-page .nwa-acc__login-recovery-copy span{color:var(--nwa-text-secondary)}
body.nwa-page .nwa-acc__btn--recovery{
	flex:none;
	border-color:var(--nwa-accent);
	color:var(--nwa-accent-hover);
}
body.nwa-page .nwa-acc__actions--login{align-items:center}
body.nwa-page .nwa-acc__field--block{margin-top:16px}
body.nwa-page .nwa-acc__checks{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-top:20px;
}
body.nwa-page .nwa-acc__checks .nwa-acc__check{align-items:flex-start}
body.nwa-page .nwa-acc__checks .nwa-acc__check input{margin-top:3px}
body.nwa-page .nwa-acc__check a{color:var(--nwa-accent-hover);text-decoration:underline}
body.nwa-page .nwa-acc__captcha{margin-top:16px}

/* ── Код из письма: регистрация и смена почты (26.09.2026) ─────────────
   Блок появляется в форме после первого нажатия кнопки — сервер прислал код
   (account/register.twig, account/edit.twig). Подпись — рубрикой, как у
   карточек (.nwa-acc__card-title), текст — как подсказки кабинета. */
body.nwa-page .nwa-acc__field-note{
	font-size:12px;
	color:var(--nwa-text-secondary);
}
body.nwa-page .nwa-acc__verify{
	margin-top:22px;
	padding:18px 20px;
	border:1px solid #E2E2DE;
	border-left:3px solid var(--nwa-accent);
	border-radius:8px;
	background:#F7F5F1;
}
body.nwa-page .nwa-acc__verify .nwa-acc__card-title{
	margin-bottom:8px;
}
body.nwa-page .nwa-acc__verify-text{
	margin:0 0 14px;
	font-size:14px;
	line-height:1.5;
	color:var(--nwa-text);
}
body.nwa-page .nwa-acc__verify-text--error{
	color:#9A3324;
}
body.nwa-page .nwa-acc__form .nwa-acc__input--code{
	max-width:200px;
	font-size:22px;
	font-weight:600;
	letter-spacing:.3em;
}
body.nwa-page .nwa-acc__verify-note{
	margin:10px 0 0;
	font-size:12px;
	color:var(--nwa-text-secondary);
}
/* Страница «Подтверждение почты» (account/nwa_confirm): шире узкой формы
   входа — кнопки «Подтвердить» и «Отправить код ещё раз» встают в ряд. */
body.nwa-page .nwa-acc__form--confirm{max-width:560px}

/* Поле с ошибкой — класс ставит form_error() из common.js темы. */
body.nwa-page .nwa-acc .input-warning{
	border-color:#C9503D !important;
	box-shadow:0 0 0 3px rgba(201,80,61,.14);
}

@media (max-width:991px){
	body.nwa-page .nwa-acc__grid--wide{grid-template-columns:1fr}
	body.nwa-page .nwa-acc__grid--auth{grid-template-columns:1fr;max-width:560px}
}

@media (max-width:767px){
	body.nwa-page .nwa-acc__form-grid{grid-template-columns:1fr}
	body.nwa-page .nwa-acc__login-recovery{align-items:stretch;flex-direction:column}
	body.nwa-page .nwa-acc__login-recovery .nwa-acc__btn{width:100%}
	body.nwa-page .nwa-acc__actions--login .nwa-acc__btn{flex:1 1 100%;width:100%}
	/* На телефоне у строки заказа статус уходит под название, иначе
	   название сжимается до пары букв. */
	body.nwa-page .nwa-acc__order{flex-wrap:wrap}
	body.nwa-page .nwa-acc__order .nwa-acc__row-main{flex:1 1 60%}
	body.nwa-page .nwa-acc__order .nwa-acc__status{order:3}
	body.nwa-page .nwa-acc__order .nwa-acc__chevron{display:none}
	/* Пять вкладок на 390px помещаются только с уменьшенными полями:
	   с обычными «Профиль» уходил за край, и прокрутку никто не замечал. */
	body.nwa-page .nwa-acc__nav-link{flex:1 1 auto;padding:8px 6px;font-size:13px;text-align:center}
	body.nwa-page .nwa-acc__btn-text{display:none}
	body.nwa-page .nwa-acc__btn--small{width:40px;padding:0}
}

/* Узкие телефоны (360px): вкладки не влезали на 12px. */
@media (max-width:380px){
	body.nwa-page .nwa-acc__nav{gap:2px}
	body.nwa-page .nwa-acc__nav-link{padding:8px 3px;font-size:12px}
}

/* Шесть вкладок (29.09.2026 добавлены «Счета») в одну строку на телефоне
   уже не помещаются — «Профиль» снова уходил за край. Сеткой 3 × 2: все
   видны без прокрутки. */
@media (max-width:575px){
	body.nwa-page .nwa-acc__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
	body.nwa-page .nwa-acc__nav-link{padding:8px 4px;font-size:13px}
}
/* Седьмая вкладка «Подписки» (04.10.2026): сеткой 4 × 2, а не 3 + 3 + 1 с
   одинокой последней. */
@media (max-width:575px){
	body.nwa-page .nwa-acc__nav{grid-template-columns:repeat(4,minmax(0,1fr))}
	body.nwa-page .nwa-acc__nav-link{padding:8px 2px;font-size:12px}
}

@media (max-width:767px){
	body.nwa-page .nwa-acc__grid{grid-template-columns:1fr}
	body.nwa-page .nwa-acc__head{align-items:flex-start}
	/* Разрядка на планшете и телефоне — как у эталона (.nwa-section-head__title
	   в nwa-lab-home.css): .1em, а на узких экранах 19px и .06em. */
	body.nwa-page .nwa-acc__title{letter-spacing:.1em}
	body.nwa-page .nwa-acc__card{padding:18px 16px}
	body.nwa-page .nwa-acc__balance{font-size:28px}
	body.nwa-page .nwa-acc__input{max-width:none}
	body.nwa-page .nwa-acc__amount-box{max-width:none}
}

/*
 * Compatibility layer for the less-used stock account pages (addresses,
 * wishlist, returns, rewards, newsletter and affiliate forms). Their Twig
 * markup still comes from UniShop/OpenCart, but it must not fall back to the
 * old dark cards while the rest of the account is light.
 */
body.nwa-page [id^="account-"]{
	padding-bottom:48px;
	color:var(--nwa-text);
}
body.nwa-page [id^="account-"] h1,
body.nwa-page [id^="account-"] h2,
body.nwa-page [id^="account-"] h3,
body.nwa-page [id^="account-"] .uni-form__heading{
	color:var(--nwa-text) !important;
}
body.nwa-page [id^="account-"] .uni-wrapper,
body.nwa-page [id^="account-"] .uni-item,
body.nwa-page [id^="account-"] .uni-item-bg,
body.nwa-page [id^="account-"] .well,
body.nwa-page [id^="account-"] .panel,
body.nwa-page [id^="account-"] .table-responsive{
	border-color:#E2E2DE !important;
	background:#FFFFFF !important;
	color:var(--nwa-text) !important;
}
body.nwa-page [id^="account-"] .uni-wrapper,
body.nwa-page [id^="account-"] .uni-item-bg,
body.nwa-page [id^="account-"] .well,
body.nwa-page [id^="account-"] .panel{
	border:1px solid #E2E2DE;
	border-radius:10px;
	box-shadow:none !important;
}
body.nwa-page [id^="account-"] .form-control,
body.nwa-page [id^="account-"] input[type="text"],
body.nwa-page [id^="account-"] input[type="email"],
body.nwa-page [id^="account-"] input[type="tel"],
body.nwa-page [id^="account-"] input[type="password"],
body.nwa-page [id^="account-"] select,
body.nwa-page [id^="account-"] textarea{
	border-color:#D9D8D3 !important;
	background:#FFFFFF !important;
	color:var(--nwa-text) !important;
}
body.nwa-page [id^="account-"] .table,
body.nwa-page [id^="account-"] .table td,
body.nwa-page [id^="account-"] .table th{
	border-color:#E8E6E1 !important;
	background:#FFFFFF !important;
	color:var(--nwa-text) !important;
}
body.nwa-page [id^="account-"] .div-text-empty,
body.nwa-page [id^="account-"] .text-muted,
body.nwa-page [id^="account-"] .control-label{
	color:var(--nwa-text-secondary) !important;
}
body.nwa-page [id^="account-"] .btn-primary{
	border-color:#DE4E10 !important;
	background:#DE4E10 !important;
	color:#FFFFFF !important;
}
body.nwa-page [id^="account-"] .btn-default{
	border-color:#D9D8D3 !important;
	background:#FFFFFF !important;
	color:var(--nwa-text) !important;
}
body.nwa-page [id^="account-"] .pagination > .active > span,
body.nwa-page [id^="account-"] .pagination > .active > a{
	border-color:var(--nwa-accent) !important;
	background:var(--nwa-accent) !important;
	color:#FFFFFF !important;
}

@media (max-width:767px){
	body.nwa-page [id^="account-"] .uni-wrapper{padding:16px}
	body.nwa-page [id^="account-"] .breadcrumb-h1 h1,
	body.nwa-page [id^="account-"] > h1{font-size:22px}
}

/* ── Итог оплаты: checkout/success и checkout/failure, 22.09.2026 ──────
   Шаблоны checkout/nwa_success.twig и nwa_failure.twig. Одна карточка по
   центру: значок, заголовок, что будет дальше, кнопки. */

body.nwa-page .nwa-result{
	max-width:640px;
	margin:8px auto 0;
	padding:36px 40px 30px;
	text-align:center;
}
body.nwa-page .nwa-result__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:64px;
	height:64px;
	margin-bottom:18px;
	border-radius:50%;
	font-size:28px;
}
body.nwa-page .nwa-result__icon--ok{
	background:#EEF7EF;
	color:#2F7A3F;
}
body.nwa-page .nwa-result__icon--fail{
	background:#FBEFED;
	color:#9A3324;
}
/* Заголовок — по эталону, как .nwa-acc__title (23.09.2026: был жирный
   строчный 700 — выбивался из остальных страниц). */
body.nwa-page .nwa-result__title{
	margin:0 0 6px;
	font-family:'Montserrat', 'Helvetica Neue', Arial, sans-serif;
	font-size:clamp(21px, 2vw, 28px);
	font-weight:300;
	line-height:1.4;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--nwa-text);
}
body.nwa-page .nwa-result__meta{
	font-size:15px;
	color:var(--nwa-text-secondary);
}
body.nwa-page .nwa-result__text{
	margin:18px 0 0;
	font-size:15px;
	line-height:1.6;
	color:var(--nwa-text);
}
/* Общий шаблон common/success.twig (регистрация, выход, письмо из
   «Контактов»), 27.09.2026: текст приходит из языкового файла готовыми
   абзацами <p>, между ними — обычный отступ, ссылка «напишите нам» — как в
   .nwa-result__help. */
body.nwa-page .nwa-result__text--html p{
	margin:0 0 10px;
}
body.nwa-page .nwa-result__text--html p:last-child{
	margin-bottom:0;
}
body.nwa-page .nwa-result__text--html a{
	color:var(--nwa-accent-hover);
	font-weight:600;
}
body.nwa-page .nwa-result__note{
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin:20px 0 0;
	padding:14px 16px;
	border-radius:8px;
	background:#F7F5F1;
	font-size:14px;
	line-height:1.5;
	text-align:left;
	color:var(--nwa-text);
}
body.nwa-page .nwa-result__note i{
	flex:none;
	margin-top:3px;
	color:var(--nwa-accent-hover);
}
body.nwa-page .nwa-result__actions{
	justify-content:center;
	margin-top:26px;
}
body.nwa-page .nwa-result__help{
	margin:22px 0 0;
	font-size:13px;
	color:var(--nwa-text-secondary);
}
body.nwa-page .nwa-result__help a{
	color:var(--nwa-accent-hover);
	font-weight:600;
}

@media (max-width:767px){
	body.nwa-page .nwa-result{padding:28px 18px 22px}
	body.nwa-page .nwa-result__title{letter-spacing:.1em}
	body.nwa-page .nwa-result__actions .nwa-acc__btn{flex:1 1 100%}
}

/* Узкий телефон — кегль и разрядка заголовков как у эталона на 575px. */
@media (max-width:575px){
	body.nwa-page .nwa-acc__title,
	body.nwa-page .nwa-result__title{font-size:19px;letter-spacing:.06em}
}

/* ── Вкладка «Подписки» (04.10.2026) ─────────────────────────────────────
   account/nwa_subscriptions: карточка на каждую программу. Название — та же
   рубрика, что у карточек «Обзора» (.nwa-acc__card-title); метка состояния
   справа: активна — зелёная, проба — зелёная вкладки пробы, истекла — серая. */
body.nwa-page .nwa-subs__grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px;
	align-items:start;
}
body.nwa-page .nwa-subs__head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
}
body.nwa-page .nwa-subs__head .nwa-acc__card-title{margin-bottom:16px}
body.nwa-page .nwa-subs__status{
	flex:none;
	padding:3px 10px;
	border-radius:999px;
	font-size:12px;
	font-weight:600;
	line-height:1.4;
	white-space:nowrap;
}
body.nwa-page .nwa-subs__status--active{background:#EAF5EC;color:#2F7A3F}
body.nwa-page .nwa-subs__status--trial{background:#15803D;color:#FFFFFF}
body.nwa-page .nwa-subs__status--expired{background:#EFEFEC;color:#5A5D60}
body.nwa-page .nwa-subs__facts{
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	gap:8px 18px;
	margin:0 0 16px;
	font-size:14px;
}
body.nwa-page .nwa-subs__facts dt{color:var(--nwa-text-secondary);font-weight:400}
body.nwa-page .nwa-subs__facts dd{margin:0;color:var(--nwa-text)}
body.nwa-page .nwa-subs__secret{
	font-family:Consolas,"Courier New",monospace;
	font-weight:700;
	word-break:break-all;
}
body.nwa-page .nwa-subs__muted{color:var(--nwa-text-secondary)}
body.nwa-page .nwa-subs__fresh{
	margin:0 0 16px;
	padding:10px 12px;
	border-left:4px solid #15803D;
	border-radius:6px;
	background:#F4FAF5;
	font-size:13px;
}
body.nwa-page .nwa-subs__branding[hidden],
body.nwa-page .nwa-subs__branding-delete[hidden]{display:none}
body.nwa-page .nwa-subs__branding{
	margin:0 0 18px;
	padding:16px;
	border:1px solid #E2E2DE;
	border-radius:10px;
	background:#FAFAF8;
}
body.nwa-page .nwa-subs__branding-head h3{
	margin:0 0 4px;
	font-size:16px;
	font-weight:700;
}
body.nwa-page .nwa-subs__branding-head p{
	margin:0;
	color:var(--nwa-text-secondary);
	font-size:13px;
	line-height:1.45;
}
body.nwa-page .nwa-subs__branding-state{
	margin:12px 0;
	padding:8px 10px;
	border-radius:6px;
	background:#F1F0EC;
	color:var(--nwa-text-secondary);
	font-size:12px;
}
body.nwa-page .nwa-subs__branding-state.is-success{background:#EAF5EC;color:#2F7A3F}
body.nwa-page .nwa-subs__branding-state.is-error{background:#FFF0EC;color:#A53A24}
body.nwa-page .nwa-subs__branding-form{
	display:grid;
	gap:13px;
}
body.nwa-page .nwa-subs__branding-field{
	dis:grid;
	gap:5px;
	margin:0;
	font-weight:400;
}
body.nwa-page .nwa-subs__branding-field > span{
	font-size:13px;
	font-weight:600;
}
body.nwa-page .nwa-subs__branding-field em{
	color:var(--nwa-text-secondary);
	font-size:12px;
	font-style:normal;
	font-weight:400;
}
body.nwa-page .nwa-subs__branding-field small{
	color:var(--nwa-text-secondary);
	font-size:11px;
	line-height:1.4;
}
body.nwa-page .nwa-subs__branding-field input[type="url"]{
	width:100%;
	height:42px;
	padding:0 12px;
	border:1px solid #D6D3CC;
	border-radius:8px;
	background:#FFFFFF;
	color:var(--nwa-text);
	font-size:14px;
}
body.nwa-page .nwa-subs__branding-field input[type="url"]:focus{
	border-color:var(--nwa-accent);
	outline:none;
	box-shadow:0 0 0 3px rgba(222,78,16,.1);
}
body.nwa-page .nwa-subs__branding-field input[type="file"]{
	width:100%;
	min-height:42px;
	padding:6px;
	border:1px dashed #CBC8C0;
	border-radius:8px;
	background:#FFFFFF;
	color:var(--nwa-text-secondary);
	font-size:12px;
}
body.nwa-page .nwa-subs__branding-field input[type="file"]::file-selector-button{
	min-height:28px;
	margin-right:9px;
	padding:0 10px;
	border:1px solid #D6D3CC;
	border-radius:6px;
	background:#F4F2EE;
	color:var(--nwa-text);
	font-weight:600;
	cursor:pointer;
}
body.nwa-page .nwa-subs__branding-actions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding-top:3px;
}
body.nwa-page .nwa-subs__branding-actions .nwa-acc__btn{
	min-height:38px;
	padding:0 13px;
	font-size:13px;
}
body.nwa-page .nwa-subs__branding-delete{color:#A53A24}
body.nwa-page .nwa-subs__branding-delete:hover{border-color:#A53A24;color:#8E2E1C}
body.nwa-page .nwa-subs__files{
	margin:0 0 16px;
	padding:0;
	list-style:none;
	border-top:1px solid #EEEEEA;
}
body.nwa-page .nwa-subs__file{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px 0;
	border-bottom:1px solid #EEEEEA;
	color:var(--nwa-text);
	text-decoration:none;
}
body.nwa-page a.nwa-subs__file:hover .nwa-subs__file-name{color:var(--nwa-accent)}
body.nwa-page .nwa-subs__file > i{
	flex:none;
	width:32px;
	height:32px;
	border-radius:8px;
	background:#F4F2EE;
	color:var(--nwa-accent);
	line-height:32px;
	text-align:center;
}
body.nwa-page .nwa-subs__file.is-soon{color:var(--nwa-text-secondary)}
body.nwa-page .nwa-subs__file.is-soon > i{color:var(--nwa-text-secondary)}
body.nwa-page .nwa-subs__file-name{display:block;font-weight:600}
body.nwa-page .nwa-subs__file-note{display:block;font-size:12px;color:var(--nwa-text-secondary)}
body.nwa-page .nwa-subs .nwa-acc__alert--error[hidden]{display:none}

@media (max-width:767px){
	body.nwa-page .nwa-subs__grid{grid-template-columns:1fr}
	body.nwa-page .nwa-subs__branding{padding:14px}
	body.nwa-page .nwa-subs__branding-actions .nwa-acc__btn{flex:1 1 100%}
}