/* Портал поддержки /portal-podderzhki/: оболочка страницы по макету v3/support.html (секция #portal) и тёмная тема клиентского приложения Fluent Support.
   Приложение рисуется плагином (Vue + Element Plus) и управляется переменными --fs-*; здесь они переопределены токенами темы. Ничего из плагина не отключается. */

/* Страница поддержки: секции вокруг портала. Клиенту, вошедшему с профилем, показан только портал */
body.fc-portal-client .fc-pt-extra{display:none}
.fc-pt-hero .fc-pt-search{max-width:var(--fc-measure-420);margin:var(--fc-space-34) 0 0}
.fc-pt-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fc-space-8);margin-top:var(--fc-space-16);font-size:var(--fc-text-sm)}
.fc-pt-chips-k{margin-right:var(--fc-space-6);color:var(--fc-color-muted)}
.fc-pt-chips a{padding:var(--fc-space-6) var(--fc-space-12);border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-pill);color:var(--fc-color-text-soft);transition:border-color var(--fc-dur-fast),color var(--fc-dur-fast)}
.fc-pt-chips a:hover{border-color:var(--fc-color-accent);color:var(--fc-color-accent)}
.fc-pt-more{display:inline-flex;align-items:center;gap:var(--fc-space-8);font-size:var(--fc-text-sm);color:var(--fc-color-accent);transition:gap var(--fc-dur-fast),color var(--fc-dur-fast)}
.fc-pt-more:hover{gap:var(--fc-space-12);color:var(--fc-color-accent-soft)}
.fc-pt-more .fc-ico{width:var(--fc-icon-sm);height:var(--fc-icon-sm)}
.fc-pt-plain{margin:0 0 var(--fc-space-12);padding:0;border:0;background:none}
.fc-pt-head-p{max-width:var(--fc-h-320);margin:0;line-height:1.6;color:var(--fc-color-text-soft)}

/* Преимущества */
.fc-pt-benefits{max-width:var(--fc-max);margin-inline:auto;padding-inline:var(--fc-pad)}
.fc-pt-benefits-in{display:grid;gap:var(--fc-space-24);padding-block:var(--fc-space-34);border-block:var(--fc-bw-hair) solid var(--fc-line)}
.fc-pt-benefit{display:flex;gap:var(--fc-space-16);color:var(--fc-color-accent)}
.fc-pt-benefit .fc-ico{flex:none}
.fc-pt-benefit-t{margin:0;color:var(--fc-color-text)}
.fc-pt-benefit-d{margin:var(--fc-space-6) 0 0;font-size:var(--fc-text-sm);line-height:1.5;color:var(--fc-color-muted)}
.fc-pt-benefits+.fc-section,.fc-pt-benefits+#topics{padding-top:var(--fc-space-48)}

/* Темы: рубрики документации */
.fc-pt-topics{display:grid;gap:var(--fc-space-16)}
.fc-pt-topic{position:relative;display:flex;flex-direction:column;gap:var(--fc-space-8);min-height:var(--fc-h-160);padding:var(--fc-space-24);border:var(--fc-bw-hair) solid var(--fc-line);border-radius:var(--fc-radius-md);background:var(--fc-card);color:var(--fc-color-accent);transition:border-color var(--fc-dur-fast),box-shadow var(--fc-dur-fast)}
.fc-pt-topic:hover{border-color:var(--fc-color-line-strong);box-shadow:var(--fc-shadow-rest)}
.fc-pt-topic-t{margin:var(--fc-space-16) 0 0;font-size:var(--fc-text-lg);font-weight:400;color:var(--fc-color-text-strong)}
.fc-pt-topic-d{margin:0;padding-right:var(--fc-space-34);font-size:var(--fc-text-sm);line-height:1.5;color:var(--fc-color-muted)}
.fc-pt-go{position:absolute;right:var(--fc-space-20);bottom:var(--fc-space-20);display:grid;place-items:center;width:var(--fc-w-32);height:var(--fc-h-32);border:var(--fc-bw-hair) solid var(--fc-color-line-strong);border-radius:var(--fc-radius-round);color:var(--fc-color-accent);transition:background var(--fc-dur-fast),color var(--fc-dur-fast)}
.fc-pt-go .fc-ico{width:var(--fc-icon-sm);height:var(--fc-icon-sm)}
.fc-pt-topic:hover .fc-pt-go{background:var(--fc-color-accent);color:var(--fc-color-bg)}

/* Каналы связи */
.fc-pt-channels{padding:clamp(var(--fc-space-24),4vw,var(--fc-space-40));border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-lg);background:linear-gradient(120deg,color-mix(in srgb,var(--lav-61) 16%,var(--fc-clear)),var(--fc-color-surface) 55%)}
.fc-pt-channels-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--fc-space-20)}
.fc-pt-channels-p{max-width:var(--fc-measure-420);margin:var(--fc-space-16) 0 0;line-height:1.6;color:var(--fc-color-text-soft)}
.fc-pt-live{display:inline-flex;align-items:center;gap:var(--fc-space-10);padding:var(--fc-space-8) var(--fc-space-16);border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-pill);font-size:var(--fc-text-sm);color:var(--fc-color-accent)}
.fc-pt-live i{width:var(--fc-w-8);height:var(--fc-h-8);border-radius:var(--fc-radius-round);background:var(--fc-color-accent);box-shadow:0 0 var(--fc-fx-16) var(--fc-color-glow)}
.fc-pt-channel-grid{display:grid;gap:var(--fc-space-16);margin-top:var(--fc-space-34)}
.fc-pt-channel{display:flex;flex-direction:column;align-items:flex-start;padding:var(--fc-space-24);border:var(--fc-bw-hair) solid var(--fc-line);border-radius:var(--fc-radius-md);background:var(--fc-card);color:var(--fc-color-accent)}
.fc-pt-channel-t{margin:var(--fc-space-20) 0 0;font-size:var(--fc-text-md);font-weight:400;color:var(--fc-color-text-strong)}
.fc-pt-channel-d{margin:var(--fc-space-6) 0 var(--fc-space-20);font-size:var(--fc-text-sm);line-height:1.5;color:var(--fc-color-muted)}
.fc-pt-channel .glow-pill,.fc-pt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--fc-space-8);width:100%;box-sizing:border-box;height:var(--fc-h-44);margin-top:auto;padding:0 var(--fc-space-16);font-size:var(--fc-text-sm)}
.fc-pt-btn{border:var(--fc-bw-hair) solid var(--fc-color-line-strong);border-radius:var(--fc-radius-pill);color:var(--fc-color-text);transition:border-color var(--fc-dur-fast)}
.fc-pt-btn:hover{border-color:var(--fc-color-accent)}
.fc-pt-btn .fc-ico{width:var(--fc-icon-sm);height:var(--fc-icon-sm);flex:none}

/* Вопросы и ответы */
.fc-pt-faq{display:grid;gap:var(--fc-space-12);align-items:start}
.fc-pt-faq>div{display:grid;gap:var(--fc-space-12)}
.fc-pt-q{border:var(--fc-bw-hair) solid var(--fc-line);border-radius:var(--fc-radius-md);background:var(--fc-card);transition:border-color var(--fc-dur-fast)}
.fc-pt-q[open],.fc-pt-q:hover{border-color:var(--fc-color-line-strong)}
.fc-pt-q summary{display:flex;align-items:center;justify-content:space-between;gap:var(--fc-space-16);padding:var(--fc-space-18) var(--fc-space-20);list-style:none;cursor:pointer;color:var(--fc-color-text-strong)}
.fc-pt-q summary::-webkit-details-marker{display:none}
.fc-pt-q summary .fc-ico{flex:none;width:var(--fc-icon-sm);height:var(--fc-icon-sm);color:var(--fc-color-accent);transition:transform var(--fc-dur-fast)}
.fc-pt-q[open] summary .fc-ico{transform:rotate(180deg)}
.fc-pt-a{padding:0 var(--fc-space-20) var(--fc-space-20)}
.fc-pt-a p{margin:0 0 var(--fc-space-12);font-size:var(--fc-text-15);line-height:1.6;color:var(--fc-color-text-soft)}

/* Статьи */
.fc-pt-posts{display:grid;gap:var(--fc-space-16)}
.fc-pt-post-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.fc-pt-post:hover .fc-pt-post-img{transform:scale(1.05)}

/* Ресурсы */
.fc-pt-res-grid{display:grid;gap:var(--fc-space-16)}
.fc-pt-doc{display:flex;flex-direction:column;padding:var(--fc-space-24);border:var(--fc-bw-hair) solid var(--fc-line);border-radius:var(--fc-radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--lav-61) 16%,var(--fc-clear)),var(--fc-card));color:var(--fc-color-accent);transition:border-color var(--fc-dur-fast)}
.fc-pt-doc:hover{border-color:var(--fc-color-line-strong)}
.fc-pt-doc-t{margin:var(--fc-space-34) 0 0;font-size:var(--fc-text-24);font-weight:400;color:var(--fc-color-text-strong)}
.fc-pt-doc-d{margin:var(--fc-space-12) 0 0;line-height:1.6;color:var(--fc-color-text-soft)}
.fc-pt-doc-list{margin:var(--fc-space-20) 0 var(--fc-space-34);padding:0;list-style:none;display:grid;gap:var(--fc-space-10);font-size:var(--fc-text-sm);color:var(--fc-color-text)}
.fc-pt-doc-list li:before{content:"›";margin-right:var(--fc-space-8);color:var(--fc-color-accent)}
.fc-pt-doc .fc-pt-more{margin-top:auto}
.fc-pt-res{display:flex;align-items:flex-start;gap:var(--fc-space-16);padding:var(--fc-space-24);border:var(--fc-bw-hair) solid var(--fc-line);border-radius:var(--fc-radius-md);background:var(--fc-card);transition:border-color var(--fc-dur-fast)}
.fc-pt-res:hover{border-color:var(--fc-color-line-strong)}
.fc-pt-res>div{flex:1;min-width:0}
.fc-pt-res-ico{flex:none;display:grid;place-items:center;width:var(--fc-h-44);height:var(--fc-h-44);border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-sm);color:var(--fc-color-accent)}
.fc-pt-res-t{margin:0;font-size:var(--fc-text-lg);font-weight:400;color:var(--fc-color-text-strong)}
.fc-pt-res-d{margin:var(--fc-space-6) 0 0;font-size:var(--fc-text-sm);line-height:1.5;color:var(--fc-color-muted)}
.fc-pt-res-go{flex:none;width:var(--fc-icon-sm);height:var(--fc-icon-sm);color:var(--fc-color-muted);transition:color var(--fc-dur-fast)}
.fc-pt-res:hover .fc-pt-res-go{color:var(--fc-color-accent)}

@media(min-width:640px){.fc-pt-benefits-in{grid-template-columns:repeat(2,1fr)}.fc-pt-topics,.fc-pt-channel-grid,.fc-pt-posts{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){
.fc-pt-benefits-in{grid-template-columns:repeat(4,1fr)}
.fc-pt-topics{grid-template-columns:repeat(3,1fr)}
.fc-pt-channel-grid,.fc-pt-posts{grid-template-columns:repeat(4,1fr)}
.fc-pt-faq{grid-template-columns:repeat(2,1fr);gap:var(--fc-space-16)}
.fc-pt-res-grid{grid-template-columns:repeat(3,1fr)}
.fc-pt-doc{grid-row:span 2}
}
#portal{scroll-margin-top:var(--fc-space-64)}
body:not(.fc-portal-client) .fc-pt-layout{margin-bottom:var(--fc-space-34);border-top:var(--fc-bw-hair) solid var(--fc-line)}
body:not(.fc-portal-client) .fc-pt-layout{padding-top:var(--fc-space-64)}

/* Оболочка */
.fc-pt-layout{max-width:var(--fc-max);margin-inline:auto;padding:var(--fc-space-48) var(--fc-pad) var(--fc-space-64);display:grid;gap:var(--fc-space-40);align-items:start}
@media(min-width:1024px){.fc-pt-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--fc-space-64)}body.fc-portal-client .fc-pt-layout{grid-template-columns:minmax(0,1fr)}}
body.fc-portal-client .fc-pt-aside{display:none}
.fc-pt-aside .fc-eyebrow{margin:0 0 var(--fc-space-12)}
.fc-pt-aside-h{margin:0;font-weight:300;line-height:1.15;letter-spacing:-.01em;font-size:clamp(var(--fc-text-28),3vw,var(--fc-text-36));color:var(--fc-color-text-strong)}
.fc-pt-aside-p{margin:var(--fc-space-20) 0 0;max-width:var(--fc-h-480);line-height:1.6;color:var(--fc-color-text-soft)}
.fc-pt-perks{margin:var(--fc-space-34) 0 0;padding:0;list-style:none;display:grid;gap:var(--fc-space-18)}
.fc-pt-perk{display:flex;gap:var(--fc-space-12)}
.fc-pt-perk-ico{flex:none;display:grid;place-items:center;width:var(--fc-h-34);height:var(--fc-h-34);border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-round);background:var(--fc-color-bg-glow);color:var(--fc-color-accent)}
.fc-pt-perk-t{margin:0;color:var(--fc-color-text)}
.fc-pt-perk-d{margin:var(--fc-space-2) 0 0;font-size:var(--fc-text-sm);color:var(--fc-color-muted)}
.fc-pt-main{min-width:0}
.fc-pt-main .entry-content,.fc-pt-main .wp-block-post-content{margin:0;padding:0;max-width:none}

/* Гость: форма входа и сброс пароля в карточке портала */
.fc-pt-main .entry-content>p:first-child{margin:0 0 var(--fc-space-20);font-size:var(--fc-text-sm);line-height:1.6;color:var(--fc-color-muted)}
.fc-pt-main .fls_auth_wrapper{padding:var(--fc-space-24);border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-xl);background:var(--fc-color-surface);box-shadow:var(--fc-shadow-rest)}
.fc-pt-main .fls_auth_wrapper form{display:grid;gap:var(--fc-space-20);margin:0}
.fc-pt-main .fls_auth_wrapper p{margin:0}
.fc-pt-main .fls_auth_wrapper label,.fc-pt-main .fls_auth_wrapper .fls_field_label label{display:block;margin-bottom:var(--fc-space-8);font-size:var(--fc-text-sm);color:var(--fc-color-text)}
.fc-pt-main .fls_auth_wrapper .login-remember label{display:flex;align-items:center;gap:var(--fc-space-10);margin:0;color:var(--fc-color-text-soft)}
.fc-pt-main .fls_auth_wrapper input[type=text],.fc-pt-main .fls_auth_wrapper input[type=password],.fc-pt-main .fls_auth_wrapper input[type=email]{width:100%;box-sizing:border-box;padding:var(--fc-space-12) var(--fc-space-16);border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-sm);background:var(--fc-color-bg);font:inherit;font-size:var(--fc-text-md);color:var(--fc-color-text);outline:0;transition:border-color var(--fc-dur-fast)}
.fc-pt-main .fls_auth_wrapper input::placeholder{color:var(--fc-color-muted)}
.fc-pt-main .fls_auth_wrapper input:focus{border-color:var(--fc-color-accent)}
.fc-pt-main .fls_auth_wrapper input[type=checkbox]{accent-color:var(--fc-color-accent)}
.fc-pt-main .fls_auth_wrapper input[type=submit],.fc-pt-main .fls_auth_wrapper button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:var(--fc-space-8);width:100%;height:var(--fc-h-48);padding:0 var(--fc-space-24);border:var(--fc-bw-base) solid var(--fc-color-glow);border-radius:var(--fc-radius-pill);background:var(--fc-color-bg-glow);font:inherit;font-size:var(--fc-text-sm);color:var(--fc-color-btn-text);box-shadow:var(--fc-shadow-glow-pill);cursor:pointer;transition:box-shadow var(--fc-dur-fast)}
.fc-pt-main .fls_auth_wrapper input[type=submit]:hover,.fc-pt-main .fls_auth_wrapper button[type=submit]:hover{box-shadow:var(--fc-shadow-glow-pill-hover)}
.fc-pt-main .fls_auth_wrapper input#wp-submit{border:var(--fc-bw-base) solid var(--fc-color-glow);border-radius:var(--fc-radius-pill);background:var(--fc-color-bg-glow);color:var(--fc-color-btn-text);box-shadow:var(--fc-shadow-glow-pill)}
.fc-pt-main .fls_auth_wrapper input#wp-submit:hover{background:var(--fc-color-bg-glow-hover);box-shadow:var(--fc-shadow-glow-pill-hover)}
.fc-pt-main .fls_auth_wrapper a{color:var(--fc-color-link)}
.fc-pt-main .fls_auth_wrapper a:hover{color:var(--fc-color-accent-soft)}
.fc-pt-main .fls_auth_wrapper .hide{display:none}
.fc-pt-main .fls_auth_wrapper .fls_login_wrapper>p{margin-top:var(--fc-space-20);font-size:var(--fc-text-sm);color:var(--fc-color-muted)}

/* Администратор / сотрудник поддержки: у него нет профиля клиента, портал показывает только это сообщение и ссылку в админ-раздел */
.fc-pt-staff,.fc-pt-main .fs_customer_restriction{box-sizing:border-box}
.fc-pt-staff{display:grid;justify-items:center;gap:var(--fc-space-20);padding:var(--fc-space-48) var(--fc-space-24);border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-xl);background:var(--fc-color-surface);box-shadow:var(--fc-shadow-rest);text-align:center}
.fc-pt-staff-ico{display:grid;place-items:center;width:var(--fc-h-48);height:var(--fc-h-48);border:var(--fc-bw-hair) solid var(--fc-color-glow);border-radius:var(--fc-radius-round);color:var(--fc-color-accent)}
.fc-pt-staff h3{margin:0;max-width:var(--fc-h-480);font-size:var(--fc-text-20);font-weight:400;line-height:1.35;color:var(--fc-color-text-strong)}
.fc-pt-staff a.glow-pill{display:inline-flex;align-items:center;height:var(--fc-h-48);padding:0 var(--fc-space-24);font-size:var(--fc-text-sm);text-decoration:none}
#fluent_support_client_app .fs_customer_restriction{margin:0;padding:var(--fc-space-34) var(--fc-space-24);border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-xl);background:var(--fc-color-surface);font-size:var(--fc-text-lg);font-weight:400;color:var(--fc-color-text)}
#fluent_support_client_app .fs_loading_text{margin:0;font-size:var(--fc-text-sm);font-weight:400;color:var(--fc-color-muted)}

/* Клиент: приложение плагина на токенах темы */
.fc-portal #fluent_support_client_app,.fc-portal .fs_client_portal,.fc-portal .fs_email_claim_notice{
--fs-primary:var(--fc-color-accent);--fs-primary-dark:var(--fc-color-accent-strong);--fs-primary-hover:var(--fc-color-accent-soft);--fs-btn-primary:var(--fc-color-accent);--fs-btn-primary-bg:var(--fc-color-accent);--fs-btn-primary-hover:var(--fc-color-accent-soft);--fs-btn-text:var(--fc-color-bg);--fs-btn-disabled-bg:var(--fc-color-surface-raised);--fs-btn-disabled-text:var(--fc-color-muted);--fs-inline-btn-text:var(--fc-color-text-strong);--fs-subtle-btn-bg:var(--fc-color-surface-raised);
--fs-white:var(--fc-color-surface);--fs-black:var(--fc-color-text-strong);--fs-bg-white:var(--fc-color-surface);--fs-bg-primary:var(--fc-color-surface);--fs-bg-light:var(--fc-color-surface);--fs-bg-weak:var(--fc-color-bg);--fs-bg-subtle:var(--fc-color-bg);--fs-global-component-bg:var(--fc-color-bg);--fs-bg-lighter:var(--fc-color-surface-raised);--fs-bg-hover:var(--fc-color-surface-raised);--fs-bg-disabled:var(--fc-color-surface-raised);--fs-table-hover-bg:var(--fc-color-surface-raised);--fs-table-header-bg:var(--fc-color-bg);--fs-pagination-hover:var(--fc-color-surface-raised);--fs-pagination-text:var(--fc-color-text-soft);--fs-pagination-disabled:var(--fc-color-muted);
--fs-text-strong:var(--fc-color-text-strong);--fs-text-heading:var(--fc-color-text-strong);--fs-text-primary:var(--fc-color-text);--fs-text-dark:var(--fc-color-text);--fs-text-sub:var(--fc-color-text-soft);--fs-text-label:var(--fc-color-text-soft);--fs-text-secondary:var(--fc-color-text-soft);--fs-text-light:var(--fc-color-muted);--fs-text-lighter:var(--fc-color-muted);--fs-text-muted:var(--fc-color-muted);--fs-text-inactive:var(--fc-color-muted);--fs-text-white:var(--fc-color-bg);--fs-icon:var(--fc-color-muted);--fs-icon-light:var(--fc-color-muted);
--fs-border-soft:var(--fc-color-card-line);--fs-border-light:var(--fc-color-card-line);--fs-border-default:var(--fc-color-card-line);--fs-border-lighter:var(--fc-color-line);--fs-border-input:var(--fc-color-line);--fs-border-input-hover:var(--fc-color-line-strong);--fs-border-focus:var(--fc-color-accent);--fs-border-error:var(--copper-73);
--fs-link:var(--fc-color-link);--fs-link-hover:var(--fc-color-accent-soft);
--fs-status-success:var(--leaf-71);--fs-status-success-bg:color-mix(in srgb,var(--leaf-71) var(--a-18),transparent);--fs-status-info:var(--blue-73);--fs-status-info-bg:color-mix(in srgb,var(--blue-73) var(--a-18),transparent);--fs-status-error:var(--copper-73);--fs-status-error-bg:color-mix(in srgb,var(--copper-73) var(--a-18),transparent);--fs-status-error-hover:var(--copper-80);--fs-status-warning:var(--sand-76);
--fs-radius-sm:var(--fc-radius-xs);--fs-radius-md:var(--fc-radius-sm);--fs-radius-lg:var(--fc-radius-md);--fs-radius-xl:var(--fc-radius-lg);--fs-radius-pill:var(--fc-radius-pill);
--fs-shadow-sm:none;--fs-shadow-md:var(--fc-shadow-rest);--fs-shadow-lg:var(--fc-shadow-rest);
--el-bg-color:var(--fc-color-surface);--el-bg-color-overlay:var(--fc-color-surface-raised);--el-text-color-primary:var(--fc-color-text);--el-text-color-regular:var(--fc-color-text-soft);--el-text-color-placeholder:var(--fc-color-muted);--el-border-color:var(--fc-color-line);--el-border-color-light:var(--fc-color-card-line);--el-border-color-lighter:var(--fc-color-card-line);--el-fill-color-blank:var(--fc-color-bg);--el-fill-color-light:var(--fc-color-surface-raised);--el-color-primary:var(--fc-color-accent);--el-mask-color:color-mix(in srgb,var(--fc-color-bg) var(--a-70),transparent)}
.fc-portal .fs_client_portal{font-family:var(--ff-sans);color:var(--fc-color-text);border:var(--fc-bw-hair) solid var(--fc-color-line);border-radius:var(--fc-radius-xl);background:var(--fc-color-surface);box-shadow:var(--fc-shadow-rest);overflow:hidden}
.fc-portal .fs_client_portal :where(input,textarea,button,select){font-family:inherit}
.fc-portal .fs_tickets_header,.fc-portal .fs_ticket_header{border-bottom:var(--fc-bw-hair) solid var(--fc-color-card-line)}
.fc-portal .fs_tickets_header label,.fc-portal .fs_ticket_header h1,.fc-portal .fs_ticket_header h2,.fc-portal .fs_ticket_header h3{font-weight:300;letter-spacing:-.01em;color:var(--fc-color-text-strong)}

/* Кнопки: «Создать тикет», отправка — стеклянная пилюля темы */
.fc-portal .fs_create_ticket_btn,.fc-portal .fs_create_ticket_button,.fc-portal .fs_reply_btn,.fc-portal .fs_upload_button.el-button--primary,.fc-portal .fs_client_portal .el-button--primary{border:var(--fc-bw-base) solid var(--fc-color-glow);border-radius:var(--fc-radius-pill);background:var(--fc-color-bg-glow);color:var(--fc-color-btn-text);box-shadow:var(--fc-shadow-glow-pill);transition:box-shadow var(--fc-dur-fast)}
.fc-portal .fs_create_ticket_btn:hover,.fc-portal .fs_create_ticket_button:hover,.fc-portal .fs_reply_btn:hover,.fc-portal .fs_client_portal .el-button--primary:hover{background:var(--fc-color-bg-glow-hover);box-shadow:var(--fc-shadow-glow-pill-hover);color:var(--fc-color-btn-text)}
.fc-portal .fs_back_button,.fc-portal .fs_back_btn{color:var(--fc-color-muted);background:none;border:0}
.fc-portal .fs_back_button:hover,.fc-portal .fs_back_btn:hover{color:var(--fc-color-accent)}

/* Фильтры, поиск, таблица */
.fc-portal .fs_button_groups{background:var(--fc-color-bg);border:var(--fc-bw-hair) solid var(--fc-color-card-line);border-radius:var(--fc-radius-md)}
.fc-portal .status-btn{border-radius:var(--fc-radius-sm);color:var(--fc-color-text-soft)}
.fc-portal .status-btn.active{background:var(--fc-color-surface-raised);color:var(--fc-color-text-strong)}
.fc-portal .el-input__wrapper,.fc-portal .el-textarea__inner,.fc-portal .el-select__wrapper{background:var(--fc-color-bg);box-shadow:0 0 0 var(--fc-bw-hair) var(--fc-color-line) inset;border-radius:var(--fc-radius-sm)}
.fc-portal .el-input__wrapper.is-focus,.fc-portal .el-select__wrapper.is-focused{box-shadow:0 0 0 var(--fc-bw-hair) var(--fc-color-accent) inset}
.fc-portal .el-input__inner{color:var(--fc-color-text)}
.fc-portal .el-input__inner::placeholder{color:var(--fc-color-muted)}
.fc-portal .el-table,.fc-portal .el-table tr,.fc-portal .el-table th.el-table__cell{background:transparent;color:var(--fc-color-text)}
.fc-portal .el-table th.el-table__cell{color:var(--fc-color-muted);font-weight:400}
.fc-portal .el-table td.el-table__cell,.fc-portal .el-table th.el-table__cell.is-leaf{border-bottom-color:var(--fc-color-card-line)}
.fc-portal .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background:var(--fc-color-surface-raised)}
.fc-portal .fs_tickets_table{background:var(--fc-color-bg);border-radius:var(--fc-radius-md)}
.fc-portal .fs_ticket_title{color:var(--fc-color-text-strong)}
.fc-portal .fs_ticket_preview,.fc-portal .fs_response_count{color:var(--fc-color-muted)}
.fc-portal .fs_status_badge{border-radius:var(--fc-radius-pill)}

/* Форма обращения, вложения */
.fc-portal .fs_ticket_form_container{background:var(--fc-color-surface);border-radius:var(--fc-radius-xl)}
.fc-portal .fs_input_label,.fc-portal .el-form-item__label,.fc-portal .fs_ticket_details_label{color:var(--fc-color-text)}
.fc-portal .fs_tk_help,.fc-portal .fs_upload_info,.fc-portal .fs_upload_instruction{color:var(--fc-color-muted)}
.fc-portal .el-upload.el-upload--picture{border-radius:var(--fc-radius-sm)}
.fc-portal .mce-tinymce{border-radius:var(--fc-radius-sm);overflow:hidden}

/* Переписка */
.fc-portal .fs_ticket_thread,.fc-portal .fs_ticket_reply_box{background:var(--fc-color-bg);border-color:var(--fc-color-card-line);border-radius:var(--fc-radius-md)}
.fc-portal .fs_thread_ribbon_customer{background:var(--fc-color-bg-glow);color:var(--fc-color-accent)}
.fc-portal .fs_thread_body,.fc-portal .fs_ticket_subject{color:var(--fc-color-text)}

/* Всплывающие списки Element Plus рисуются вне приложения, в body */
body.fc-portal-page .el-popper.is-light,body.fc-portal-page .el-select__popper.el-popper{background:var(--fc-color-surface-raised);border-color:var(--fc-color-line);color:var(--fc-color-text)}
body.fc-portal-page .el-select-dropdown__item{color:var(--fc-color-text-soft)}
body.fc-portal-page .el-select-dropdown__item.is-hovering,body.fc-portal-page .el-select-dropdown__item:hover{background:var(--fc-color-surface)}
body.fc-portal-page .el-select-dropdown__item.is-selected{color:var(--fc-color-accent)}
body.fc-portal-page .el-popper.is-light>.el-popper__arrow:before{background:var(--fc-color-surface-raised);border-color:var(--fc-color-line)}


/* Страница поддержки v4: герой с баннером и входом, каналы с картинками, темы с фонами, FAQ-стекло, CTA с фоном */
.fc-pt-hero{display:grid;gap:var(--fc-space-40);align-items:start;min-height:0;padding-bottom:var(--fc-space-48)}
.fc-pt-hero .fc-hero-text{max-width:none;padding-top:0}
.fc-pt-hero-live{margin-top:var(--fc-space-16)}
body.fc-portal-client .fc-pt-hero{display:block;padding-bottom:0}
#faq .fc-pt-q{--fc-glass:var(--fc-color-text-strong);position:relative;border:var(--fc-bw-hair) solid color-mix(in srgb,var(--fc-glass) 9%,transparent);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--lav-71) 11%,transparent),transparent 58%),linear-gradient(135deg,color-mix(in srgb,var(--fc-glass) 5.5%,transparent),color-mix(in srgb,var(--fc-glass) 1.5%,transparent));-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--fc-glass) 12%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--fc-glass) 2.5%,transparent),0 10px 28px color-mix(in srgb,var(--fc-color-bg) 35%,transparent);transition:border-color .3s,background .3s,box-shadow .3s}
#faq .fc-pt-q:hover,#faq .fc-pt-q[open]{border-color:color-mix(in srgb,var(--fc-glass) 15%,transparent);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--lav-71) 13%,transparent),transparent 58%),radial-gradient(90% 120% at 100% 100%,color-mix(in srgb,var(--amber-72) 6%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--fc-glass) 7%,transparent),color-mix(in srgb,var(--fc-glass) 2%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--fc-glass) 17%,transparent),inset 0 0 24px color-mix(in srgb,var(--fc-glass) 2%,transparent),0 10px 28px color-mix(in srgb,var(--fc-color-bg) 35%,transparent)}
.fc-cta-in{position:relative;isolation:isolate;min-height:clamp(260px,26vw,340px);grid-template-columns:1fr!important}
.fc-cta-in::before{content:"";position:absolute;inset:0;z-index:-2;background:url(../img/support/support-cta-bg.webp) 70% 50%/cover no-repeat}
.fc-cta-in::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--fc-color-bg) 94%,transparent) 0,color-mix(in srgb,var(--fc-color-bg) 78%,transparent) 38%,color-mix(in srgb,var(--fc-color-bg) 8%,transparent) 78%)}
.fc-cta-h.fc-display{margin:var(--fc-space-12) 0 var(--fc-space-16);font-weight:var(--fc-weight-display);font-size:var(--fc-text-display-sm);line-height:1.1}
.fc-cta-in>div{max-width:var(--fc-measure-560,36rem)}
@media (max-width:639px){
.fc-pt-extra .fc-head{flex-direction:column;align-items:flex-start;gap:var(--fc-space-12)}
.fc-pt-topic::before{background-position:70% 50%;opacity:.7}
.fc-pt-topic::after{background:linear-gradient(90deg,color-mix(in srgb,var(--fc-color-bg) 92%,transparent) 0,color-mix(in srgb,var(--fc-color-bg) 80%,transparent) 60%,color-mix(in srgb,var(--fc-color-bg) 45%,transparent) 100%)}
.fc-cta-in::before{background-position:78% 50%}
.fc-cta-in::after{background:linear-gradient(180deg,color-mix(in srgb,var(--fc-color-bg) 90%,transparent) 0,color-mix(in srgb,var(--fc-color-bg) 78%,transparent) 55%,color-mix(in srgb,var(--fc-color-bg) 45%,transparent) 100%)}
}

.fc-pt-topic{isolation:isolate;min-height:var(--fc-h-180,180px)}
.fc-pt-topic>*{z-index:1}
.fc-pt-topic::before{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;background:var(--fc-topic-img) 85% 50%/cover no-repeat;opacity:.85;transition:opacity .5s ease,transform .8s ease}
.fc-pt-topic::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--fc-color-bg) 94%,transparent) 0,color-mix(in srgb,var(--fc-color-bg) 78%,transparent) 42%,color-mix(in srgb,var(--fc-color-bg) 18%,transparent) 100%),linear-gradient(0deg,color-mix(in srgb,var(--fc-color-bg) 55%,transparent),transparent 55%)}
.fc-pt-topic{overflow:hidden}
.fc-pt-topic:hover::before{opacity:1;transform:scale(1.05)}
.fc-pt-topic-d{color:var(--fc-color-text-soft)}
@media (prefers-reduced-motion:reduce){.fc-pt-topic::before{transition:none}.fc-pt-topic:hover::before{transform:none}}

.fc-pt-channel{padding:0;overflow:hidden}
.fc-pt-channel-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent);transition:transform .6s ease}
.fc-pt-channel:hover .fc-pt-channel-img{transform:scale(1.04)}
.fc-pt-channel-t{margin:calc(-1 * var(--fc-space-16)) var(--fc-space-24) 0;position:relative}
.fc-pt-channel-d{margin:var(--fc-space-6) var(--fc-space-24) var(--fc-space-20)}
.fc-pt-channel .glow-pill,.fc-pt-channel .fc-pt-btn{width:auto;align-self:stretch;margin:auto var(--fc-space-24) var(--fc-space-24)}
@media (prefers-reduced-motion:reduce){.fc-pt-channel-img{transition:none}.fc-pt-channel:hover .fc-pt-channel-img{transform:none}}

body.fc-portal-page{overflow-x:clip}
.fc-banner--lead-both {
  --fc-glow: var(--amber-72);
  --fc-glow-2: var(--lav-71);
  --fc-pos: 50% 50%;
  --fc-scrim: linear-gradient(180deg,
      color-mix(in srgb, var(--fc-ink) var(--a-18), var(--fc-clear)) 0%,
      color-mix(in srgb, var(--fc-ink) var(--a-14), var(--fc-clear)) 30%,
      color-mix(in srgb, var(--fc-ink) var(--a-14), var(--fc-clear)) 58%,
      color-mix(in srgb, var(--fc-ink) var(--a-45), var(--fc-clear)) 84%,
      color-mix(in srgb, var(--fc-ink) var(--a-78), var(--fc-clear)) 100%),
    linear-gradient(90deg,
      color-mix(in srgb, var(--fc-ink) var(--a-70), var(--fc-clear)) 0%,
      color-mix(in srgb, var(--fc-ink) var(--a-55), var(--fc-clear)) 18%,
      color-mix(in srgb, var(--fc-ink) var(--a-40), var(--fc-clear)) 36%,
      var(--fc-clear) 50%,
      color-mix(in srgb, var(--fc-ink) var(--a-14), var(--fc-clear)) 62%,
      color-mix(in srgb, var(--fc-ink) var(--a-33), var(--fc-clear)) 84%,
      color-mix(in srgb, var(--fc-ink) var(--a-70), var(--fc-clear)) 100%);
}
.fc-pt-hero .fc-pt-main .fls_auth_wrapper {
  background: color-mix(in srgb, var(--fc-color-surface) var(--a-55), transparent);
  backdrop-filter: blur(14px) saturate(1.1);
  -webkit-backdrop-filter: blur(14px) saturate(1.1);
}
.fc-pt-hero .fc-pt-main .fls_auth_wrapper input[type=text],
.fc-pt-hero .fc-pt-main .fls_auth_wrapper input[type=password] {
  background: color-mix(in srgb, var(--fc-color-bg) var(--a-55), transparent);
}
.fc-banner--lead-both .fc-banner-glow { top: 38%; left: 34%; }
@media (max-width: 1023px) {
  .fc-banner--lead-both {
    --fc-scrim: linear-gradient(180deg, color-mix(in srgb, var(--fc-ink) var(--a-70), var(--fc-clear)), color-mix(in srgb, var(--fc-ink) var(--a-90), var(--fc-clear)) 55%, var(--fc-ink));
  }
}
@media (min-width: 960px) {
  .fc-pt-hero {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important;
    gap: var(--fc-space-52) !important;
  }
}
.fc-pt-hero .fc-pt-main {
  min-width: 0;
}
.fc-pt-hero .fc-pt-main .entry-content > p:first-child {
  margin: 0 0 var(--fc-space-16);
  font-size: var(--fc-text-sm);
  line-height: 1.5;
  color: var(--fc-color-text-soft);
}
.fc-pt-hero .fc-pt-perks {
  grid-column: 1 / -1;
  margin: 0;
  padding: var(--fc-space-24) 0 0;
  border-top: var(--fc-bw-hair) solid var(--fc-color-line);
  grid-template-columns: 1fr;
  gap: var(--fc-space-20);
}
@media (min-width: 720px) {
  .fc-pt-hero .fc-pt-perks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--fc-space-32);
  }
}