/* ============ FS Кабінет ============ */
:root{
	--fs-teal:#006d8f; --fs-teal-d:#005772; --fs-blue:#60afd4;
	--fs-red:#ff5c5c; --fs-green:#24b37d;
	--fs-ink:#27313b; --fs-muted:#6b7785;
	--fs-bg:#f4f6f8; --fs-card:#fff; --fs-line:#e6eaee;
	--fs-sidebar:264px; --fs-sidebar-collapsed:76px; --fs-radius:14px;
	--fs-shadow:0 1px 3px rgba(20,40,60,.06),0 8px 24px rgba(20,40,60,.06);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;padding:0}
body{font-family:"Roboto",system-ui,Arial,sans-serif;color:var(--fs-ink);background:var(--fs-bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.fsc-ico{display:inline-block;width:19px;height:19px;vertical-align:middle;color:var(--fs-teal);flex:none}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}

/* ---- App shell ---- */
#fsc-app{display:flex;min-height:100vh}
.fsc-wrap{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:var(--fs-sidebar)}

/* ---- Sidebar ---- */
.fsc-sidebar{position:fixed;inset:0 auto 0 0;width:var(--fs-sidebar);background:#fff;border-right:1px solid var(--fs-line);display:flex;flex-direction:column;padding:22px 16px;z-index:40;overflow-y:auto}
.fsc-brand{display:flex;justify-content:center;align-items:center;padding:2px 8px 18px;border-bottom:1px solid var(--fs-line);margin-bottom:14px}
.fsc-brand__link{display:block;width:100%}
.fsc-brand__logo{display:block;width:100%;max-width:190px;height:auto;margin:0 auto}
.fsc-nav{display:flex;flex-direction:column;gap:4px}
.fsc-nav__item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--fs-ink);font-weight:500;transition:.15s;border-left:3px solid transparent}
.fsc-nav__item i{font-size:20px;color:var(--c,var(--fs-teal));width:24px;text-align:center}
.fsc-nav__item:hover{background:var(--fs-bg)}
.fsc-nav__item.is-active{background:color-mix(in srgb,var(--c,var(--fs-teal)) 12%,#fff);border-left-color:var(--c,var(--fs-teal));font-weight:700}

/* ---- Вторинні посилання сайдбару ---- */
.fsc-side-extra{display:flex;flex-direction:column;gap:4px}
.fsc-sep{height:1px;background:var(--fs-line);margin:12px 6px}
.fsc-side-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:var(--fs-muted);font-weight:500;transition:.15s}
.fsc-side-link i{font-size:19px;color:var(--fs-teal);width:22px;text-align:center}
.fsc-side-link span{flex:1;min-width:0}
.fsc-side-link__ext{font-size:15px!important;color:var(--fs-muted)!important;opacity:.55;width:auto!important}
.fsc-side-link:hover{background:var(--fs-bg);color:var(--fs-ink)}
.fsc-side-ai{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--fs-teal),var(--fs-blue));box-shadow:0 4px 14px rgba(0,109,143,.28);transition:.15s}
.fsc-side-ai i{font-size:20px}
.fsc-side-ai:hover{filter:brightness(1.06);transform:translateY(-1px)}

.fsc-nav__logout{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--fs-muted);font-weight:500;margin-top:auto}
.fsc-nav__logout i{font-size:20px;width:24px;text-align:center}
.fsc-nav__logout:hover{background:#fff0f0;color:var(--fs-red)}
.fsc-side-ai__logo{width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:#fff;object-fit:cover}
/* --- Тумблер згортання сайдбару --- */
.fsc-brand{gap:8px}
.fsc-brand__link{width:auto;flex:1;min-width:0}
.fsc-sidebar-toggle{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--fs-line);border-radius:9px;background:#fff;color:var(--fs-muted);cursor:pointer;transition:.15s}
.fsc-sidebar-toggle:hover{background:var(--fs-bg);color:var(--fs-teal);border-color:var(--fs-teal)}
.fsc-sidebar-toggle i{font-size:20px;transition:transform .2s ease}
/* --- Згорнутий сайдбар (десктоп) + плавні переходи --- */
@media(min-width:861px){
	.fsc-sidebar,.fsc-wrap{transition:width .22s ease,margin-left .22s ease}
	body.fsc-nav-collapsed .fsc-sidebar{width:var(--fs-sidebar-collapsed);padding-left:10px;padding-right:10px}
	body.fsc-nav-collapsed .fsc-wrap{margin-left:var(--fs-sidebar-collapsed)}
	body.fsc-nav-collapsed .fsc-brand{justify-content:center}
	body.fsc-nav-collapsed .fsc-brand__link{display:none}
	body.fsc-nav-collapsed .fsc-sidebar-toggle i{transform:rotate(180deg)}
	body.fsc-nav-collapsed .fsc-nav__item span,
	body.fsc-nav-collapsed .fsc-side-link span,
	body.fsc-nav-collapsed .fsc-side-link__ext,
	body.fsc-nav-collapsed .fsc-side-ai span,
	body.fsc-nav-collapsed .fsc-nav__logout span{display:none}
	body.fsc-nav-collapsed .fsc-nav__item,
	body.fsc-nav-collapsed .fsc-side-link,
	body.fsc-nav-collapsed .fsc-side-ai,
	body.fsc-nav-collapsed .fsc-nav__logout{justify-content:center;gap:0;padding-left:0;padding-right:0}
	body.fsc-nav-collapsed .fsc-sep{margin-left:2px;margin-right:2px}
}
/* --- Плаваюча кнопка асистента (справа) --- */
.fsc-faraday-fab{position:fixed;right:22px;bottom:22px;z-index:55;width:62px;height:62px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 10px 28px rgba(20,60,90,.28);display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,opacity .2s ease,visibility .2s}
.fsc-faraday-fab img{width:100%;height:100%;border-radius:50%;display:block}
.fsc-faraday-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 14px 34px rgba(20,60,90,.34)}
body.fsc-faraday-open .fsc-faraday-fab{opacity:0;visibility:hidden;transform:scale(.6);pointer-events:none}
.fsc-faraday__logo{width:24px;height:24px;border-radius:50%;background:#fff;vertical-align:middle;flex:0 0 auto}
@media(max-width:860px){.fsc-sidebar-toggle{display:none}}
.fsc-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(20,30,40,.5);z-index:39}

/* ---- Topbar ---- */
.fsc-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--fs-line);padding:0 26px;height:64px}
.fsc-topbar__title{font-weight:700;font-size:18px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fsc-topbar__section{display:inline-flex;align-items:center;gap:10px}
.fsc-topbar__section i{font-size:24px;color:var(--c,var(--fs-teal))}
.fsc-topbar__user{display:flex;align-items:center;gap:8px;color:var(--fs-muted);font-weight:500}
.fsc-topbar__user i{font-size:24px;color:var(--fs-teal)}
.fsc-lang ul{list-style:none;display:flex;gap:4px;margin:0;padding:0}
.fsc-lang li{margin:0}
.fsc-lang a{display:inline-block;padding:5px 9px;border-radius:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--fs-muted);transition:.15s}
.fsc-lang a:hover{background:var(--fs-bg);color:var(--fs-ink)}
.fsc-lang .current-lang a{background:color-mix(in srgb,var(--fs-teal) 12%,#fff);color:var(--fs-teal)}
.fsc-lang--auth{display:flex;justify-content:flex-end;margin-bottom:6px}
.fsc-burger{display:none;background:none;border:0;font-size:26px;color:var(--fs-ink);cursor:pointer;padding:4px}

/* ---- Main ---- */
.fsc-main{flex:1;padding:30px 40px 46px;max-width:1360px;width:100%}
.fsc-dash__hello{color:var(--fs-muted);margin:0 0 22px;font-size:15px}

/* ---- Panels / sections ---- */
.fsc-panel{display:none;animation:fsc-fade .25s ease}
.fsc-panel.is-active{display:block}
/* Головна: хаб кабінету */
.fsc-hub{display:none;text-align:center;padding:24px 10px 10px;animation:fsc-fade .25s ease}
.fsc-hub.is-active{display:block}
.fsc-hub__logo{width:100%;max-width:330px;height:auto;margin:8px auto 24px}
.fsc-hub__hi{font-size:26px;font-weight:700;color:var(--fs-ink);margin:0 0 8px}
.fsc-hub__welcome{color:var(--fs-muted);font-size:16px;margin:0 0 26px}
.fsc-hub__pick{font-weight:600;color:var(--fs-ink);margin:0 0 18px}
.fsc-hub__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:920px;margin:0 auto}
.fsc-hub__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:162px;min-height:132px;padding:20px 14px;border:1px solid var(--fs-line);border-radius:16px;background:#fff;color:var(--fs-ink);font:inherit;font-weight:600;font-size:15px;cursor:pointer;transition:.18s;box-shadow:0 2px 8px rgba(20,40,60,.04)}
.fsc-hub__btn:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c,var(--fs-teal)) 45%,var(--fs-line));box-shadow:0 12px 26px rgba(20,40,60,.1)}
.fsc-hub__btn i{font-size:34px;color:var(--c,var(--fs-teal))}
.fsc-hub__btn--ai{background:linear-gradient(135deg,var(--fs-teal),var(--fs-blue));color:#fff;border-color:transparent}
.fsc-hub__btn--ai:hover{filter:brightness(1.06);border-color:transparent}
.fsc-hub__ai-logo{width:40px;height:40px;border-radius:50%;background:#fff}
@media(max-width:560px){.fsc-hub__btn{width:134px;min-height:114px;font-size:14px}.fsc-hub__hi{font-size:22px}}
@keyframes fsc-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fsc-panel__head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.fsc-panel__head i{font-size:26px;color:var(--c,var(--fs-teal))}
.fsc-panel__head h2{font-size:22px}
.fsc-panel__intro{color:var(--fs-muted);margin:0 0 22px;max-width:760px}

/* ---- Cards ---- */
.fsc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fsc-cards__empty{color:var(--fs-muted);grid-column:1/-1}
.fsc-card{position:relative;background:var(--fs-card);border:1px solid var(--fs-line);border-radius:var(--fs-radius);padding:28px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:.18s;overflow:hidden}
.fsc-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c,var(--fs-teal));opacity:.85}
.fsc-card:hover{transform:translateY(-3px);box-shadow:var(--fs-shadow);border-color:color-mix(in srgb,var(--c,var(--fs-teal)) 40%,var(--fs-line))}
.fsc-card__edit{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid var(--fs-line);color:var(--fs-muted);opacity:0;transition:.15s;z-index:2}
.fsc-card__edit i{font-size:16px}
.fsc-card:hover .fsc-card__edit{opacity:1}
.fsc-card__edit:hover{color:var(--fs-teal);border-color:var(--fs-teal)}
.fsc-card__icon{width:82px;height:82px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c,var(--fs-teal)) 12%,#fff);margin:2px auto 18px}
.fsc-card__icon i{font-size:44px;color:var(--c,var(--fs-teal));line-height:1}
.fsc-card__icon-img{width:auto;height:auto;max-width:56px;max-height:56px;object-fit:contain}
.fsc-card__title{font-size:16px;margin-bottom:6px}
.fsc-card__desc{color:var(--fs-muted);font-size:13.5px;flex:1;margin:0 0 16px}
.fsc-card__btn{display:inline-flex;align-items:center;gap:6px;color:var(--c,var(--fs-teal));font-weight:700;font-size:14px}
.fsc-card__btn i{transition:.15s}
.fsc-card:hover .fsc-card__btn i{transform:translateX(3px)}

/* ---- Buttons ---- */
.fsc-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid var(--fs-line);background:#fff;color:var(--fs-ink);transition:.15s}
.fsc-btn:hover{background:var(--fs-bg)}
.fsc-btn--primary{background:var(--fs-teal);border-color:var(--fs-teal);color:#fff}
.fsc-btn--primary:hover{background:var(--fs-teal-d)}
.fsc-btn:disabled{opacity:.55;cursor:not-allowed}

/* ---- Footer ---- */
.fsc-footer{margin-top:auto;border-top:1px solid var(--fs-line);background:#fff;padding:18px 26px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.fsc-footer__links{display:flex;flex-wrap:wrap;gap:18px}
.fsc-dl{display:inline-flex;align-items:center;gap:7px;color:var(--fs-teal);font-weight:500;font-size:14px}
.fsc-dl i{font-size:18px}
.fsc-footer__copy{color:var(--fs-muted);font-size:13px}

/* ---- Support ---- */
/* ---- Техпідтримка: 2/3 AI-чат + 1/3 картки експертів ---- */
.fsc-support{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:start}
.fsc-support__ai{display:flex;flex-direction:column;background:#fff;border:1px solid var(--fs-line);border-radius:var(--fs-radius);box-shadow:var(--fs-shadow);overflow:hidden;height:min(560px,70vh)}
.fsc-support__ai-head{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--fs-line);font-weight:700;background:linear-gradient(135deg,color-mix(in srgb,var(--fs-teal) 8%,#fff),#fff)}
.fsc-support__ai-head i{font-size:22px;color:var(--fs-teal)}
.fsc-support__ai-msgs{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--fs-bg)}
.fsc-support__ai-form{display:flex;gap:8px;align-items:flex-end;padding:14px;border-top:1px solid var(--fs-line)}
.fsc-support__ai-form textarea{flex:1;resize:none;min-height:44px;max-height:140px;padding:11px 14px;border:1px solid var(--fs-line);border-radius:12px;font:inherit;font-size:14px;line-height:1.4;outline:0;transition:.15s}
.fsc-support__ai-form textarea:focus{border-color:var(--fs-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-teal) 15%,transparent)}
.fsc-support__ai-form button{flex:none;width:44px;height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--fs-teal),var(--fs-blue));color:#fff;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.15s}
.fsc-support__ai-form button:hover{filter:brightness(1.07)}
.fsc-support__ai-off{padding:24px;color:var(--fs-muted)}
.fsc-experts{background:#fff;border:1px solid var(--fs-line);border-radius:var(--fs-radius);box-shadow:var(--fs-shadow);padding:22px;text-align:center}
.fsc-experts__title{font-weight:700;font-size:17px;color:var(--fs-teal)}
.fsc-experts__hours{color:var(--fs-muted);font-size:13px;margin:6px 0 16px}
.fsc-expert-card{display:none;flex-direction:column;align-items:center;animation:fsc-reveal .25s ease}
.fsc-expert-card.is-active{display:flex}
.fsc-expert-card__photo{width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--fs-bg);display:flex;align-items:center;justify-content:center;margin-bottom:14px;border:3px solid color-mix(in srgb,var(--fs-teal) 15%,#fff)}
.fsc-expert-card__photo img{width:100%;height:100%;object-fit:cover}
.fsc-expert-card__photo i{font-size:54px;color:var(--fs-muted)}
.fsc-expert-card__name{font-weight:700;font-size:17px}
.fsc-expert-card__role{color:var(--fs-muted);font-size:13px;margin:2px 0 16px}
.fsc-expert-card__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;text-align:left}
.fsc-expert-card__links li{display:flex;align-items:center;gap:10px;font-size:14px;overflow-wrap:anywhere}
.fsc-expert-card__links i{font-size:19px;color:var(--fs-teal);flex:none}
.fsc-expert-card__links a{font-weight:500}
.fsc-experts__nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}
.fsc-experts__btn{width:36px;height:36px;border:1px solid var(--fs-line);background:#fff;border-radius:50%;cursor:pointer;color:var(--fs-ink);display:flex;align-items:center;justify-content:center;font-size:18px;transition:.15s}
.fsc-experts__btn:hover{border-color:var(--fs-teal);color:var(--fs-teal);background:var(--fs-bg)}
.fsc-experts__dots{display:flex;gap:6px}
.fsc-experts__dot{width:8px;height:8px;border-radius:50%;background:var(--fs-line);cursor:pointer;transition:.15s}
.fsc-experts__dot.is-active{background:var(--fs-teal);transform:scale(1.2)}
.fsc-experts__empty{color:var(--fs-muted);font-size:14px;margin:10px 0 0}

/* ---- Auth (login/register) ---- */
#fsc-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 600px at 100% 0,#e8f2f6,transparent),var(--fs-bg)}
.fsc-auth__main{width:100%;max-width:430px}
.fsc-auth__card{background:#fff;border:1px solid var(--fs-line);border-radius:18px;box-shadow:var(--fs-shadow);padding:30px}
.fsc-auth__brand{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:22px;text-align:center;color:var(--fs-muted);text-transform:uppercase;font-size:13px;letter-spacing:.04em}
.fsc-auth__brand img{width:200px;max-width:70%}
.fsc-auth__brand b{color:var(--fs-teal)}
.fsc-auth__tabs{display:flex;background:var(--fs-bg);border-radius:10px;padding:4px;margin-bottom:22px}
.fsc-auth__tabs button{flex:1;padding:10px;border:0;background:none;border-radius:8px;font-weight:600;color:var(--fs-muted);cursor:pointer}
.fsc-auth__tabs button.is-active{background:#fff;color:var(--fs-teal);box-shadow:var(--fs-shadow)}
.fsc-auth__form{display:flex;flex-direction:column;gap:14px}
.fsc-auth__form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--fs-muted)}
.fsc-auth__form input[type=text],.fsc-auth__form input[type=email],.fsc-auth__form input[type=tel],.fsc-auth__form input[type=password]{padding:12px 14px;border:1px solid var(--fs-line);border-radius:10px;font-size:15px;color:var(--fs-ink)}
.fsc-auth__form input:focus{outline:none;border-color:var(--fs-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-blue) 22%,transparent)}
.fsc-auth__remember{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important}
.fsc-auth__lost{text-align:center;color:var(--fs-muted);font-size:13px}
.fsc-auth__msg{background:#eef6f9;color:var(--fs-teal-d);border-radius:10px;padding:11px 14px;font-size:13px}
.fsc-auth__msg.is-err{background:#fdecec;color:#c0392b}
.fsc-auth__verify{background:var(--fs-bg);border-radius:10px;padding:14px}
.fsc-auth__verify-title{font-size:13px;font-weight:600;color:var(--fs-muted);margin-bottom:10px}
.fsc-radio{flex-direction:row!important;align-items:center;gap:10px!important;padding:9px 0;font-weight:500!important;color:var(--fs-ink)!important;cursor:pointer}
.fsc-radio span{display:inline-flex;align-items:center;gap:8px}
/* Реєстрація з кодом */
.fsc-reg-step{display:flex;flex-direction:column;gap:14px}
.fsc-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.fsc-reg-alert{padding:10px 14px;border-radius:10px;font-size:13.5px;line-height:1.45}
.fsc-reg-alert.is-err{background:#fdecec;color:#c0392b}
.fsc-reg-alert.is-ok{background:#eef6f9;color:var(--fs-teal-d)}
.fsc-reg-phone{color:var(--fs-ink)}
.fsc-opt{font-weight:400;color:var(--fs-muted);font-size:12px}
.fsc-reg-hint{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fs-muted);background:var(--fs-bg);border-radius:10px;padding:10px 12px}
.fsc-reg-hint i{font-size:18px;color:var(--fs-teal)}
.fsc-radio i{font-size:18px;color:var(--fs-teal)}
.fsc-auth__note{font-size:12px;color:var(--fs-muted);text-align:center;margin:0}

/* ---- Calculator page ---- */
.fsc-calc-page{max-width:1180px}
.fsc-btn--ghost{color:var(--fs-teal);border-color:color-mix(in srgb,var(--fs-teal) 38%,var(--fs-line));background:#fff}
.fsc-btn--ghost:hover{background:color-mix(in srgb,var(--fs-teal) 8%,#fff);border-color:var(--fs-teal)}
/* Одна кнопка «Зберегти проєкт» між калькулятором і описом - по центру, не липка */
.fsc-calc-save{display:flex;justify-content:center;margin:20px 0 26px}
.fsc-calc-save .fsc-btn{min-width:210px;justify-content:center}
/* Вікно звіту PDF (прев'ю + дії) */
.fsc-pdf-overlay{position:fixed;inset:0;z-index:1000;background:rgba(15,25,35,.55);display:flex;align-items:center;justify-content:center;padding:24px;animation:fscFade .15s ease}
.fsc-pdf-win{background:#fff;border-radius:16px;width:min(940px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(10,20,30,.42)}
.fsc-pdf-win__head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--fs-line);font-size:16px}
.fsc-pdf-win__x{border:0;background:transparent;cursor:pointer;color:var(--fs-muted);font-size:22px;line-height:1;display:flex;padding:4px;border-radius:8px}
.fsc-pdf-win__x:hover{background:var(--fs-bg);color:var(--fs-ink)}
.fsc-pdf-win__preview{flex:1;min-height:0;background:#525659}
.fsc-pdf-win__preview iframe{width:100%;height:58vh;border:0;display:block}
.fsc-pdf-win__actions{display:flex;gap:10px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--fs-line)}
.fsc-pdf-win__actions .fsc-btn{flex:1 1 auto;min-width:184px;justify-content:center}
.fsc-pdf-win__actions .fsc-btn i{font-size:18px}
.fsc-btn .ti-loader-2{animation:fscSpin 1s linear infinite}
/* Тост ліміту генерацій */
.fsc-pdf-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:1100;max-width:min(480px,92vw);background:#1f2d3a;color:#fff;padding:13px 18px;border-radius:12px;font-size:14px;line-height:1.4;box-shadow:0 12px 34px rgba(10,20,30,.34);opacity:1;transition:opacity .4s}
.fsc-pdf-toast.is-out{opacity:0}
@keyframes fscFade{from{opacity:0}to{opacity:1}}
@keyframes fscSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){
	.fsc-calc-toolbar__actions{margin-left:0;width:100%}
	.fsc-calc-toolbar__actions>*{flex:1 1 100%;min-width:0}
	.fsc-pdf-win__preview iframe{height:50vh}
	.fsc-pdf-win__actions .fsc-btn{flex:1 1 100%;min-width:0}
}
.fsc-mycalcs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.fsc-mycalc{border:1px solid var(--fs-line);border-radius:12px;background:#fff;overflow:hidden}
.fsc-mycalc__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;flex-wrap:wrap}
.fsc-mycalc__ttl b{font-weight:600}
.fsc-mycalc__meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:4px}
.fsc-mycalc__date{color:var(--fs-muted);font-size:12.5px}
.fsc-mycalc__type{font-size:12px;font-weight:600;color:var(--fs-teal);background:color-mix(in srgb,var(--fs-teal) 12%,#fff);padding:2px 10px;border-radius:20px;white-space:nowrap}
.fsc-mycalc__act{display:flex;gap:8px;flex-wrap:wrap}
.fsc-mycalc__act .fsc-btn{padding:8px 12px;font-size:13px}
.fsc-mycalc__snap{padding:16px;border-top:1px solid var(--fs-line);background:var(--fs-bg);overflow-x:auto}
.fsc-back{display:inline-flex;align-items:center;gap:6px;color:var(--fs-muted);font-weight:500;font-size:14px;margin-bottom:16px}
.fsc-back i{transition:transform .15s}
.fsc-back:hover{color:var(--fs-teal)}
.fsc-back:hover i{transform:translateX(-3px)}
.fsc-calc-bar{background:var(--fs-teal);color:#fff;font-weight:700;text-align:center;padding:16px 20px;border-radius:var(--fs-radius) var(--fs-radius) 0 0;text-transform:uppercase;letter-spacing:.02em}
.fsc-calc-box{background:#fff;border:1px solid var(--fs-line);border-top:0;border-radius:0 0 var(--fs-radius) var(--fs-radius);padding:32px 44px;box-shadow:0 1px 3px rgba(20,40,60,.05),0 12px 28px rgba(20,40,60,.06)}
.fsc-calc-box .calc_container{max-width:none;padding:0}
.fsc-calc-box .row{align-items:center;margin-bottom:14px}
.fsc-calc-box label{font-weight:500;font-size:14px}
.fsc-calc-box input,.fsc-calc-box select{width:100%;padding:9px 12px;border:1px solid var(--fs-line);border-radius:8px;font-size:15px;background:#fffdf3}
.fsc-calc-box input[disabled]{background:#eef6f9;color:var(--fs-teal-d);font-weight:700}
.fsc-calc-box input:focus,.fsc-calc-box select:focus{outline:0;border-color:var(--fs-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-teal) 16%,transparent)}
.fsc-calc-box h2{font-size:18px;color:var(--fs-teal);text-align:center;margin:18px 0}
.fsc-calc-box hr{border:0;border-top:1px solid var(--fs-line);margin:18px 0}
.fsc-calc-desc{background:#fff;border:1px solid var(--fs-line);border-radius:var(--fs-radius);padding:24px;margin-top:18px;box-shadow:var(--fs-shadow)}
.fsc-calc-desc img,.fsc-calc-desc iframe{max-width:100%}

/* ---- Files / videos on page ---- */
.fsc-files{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}
.fsc-files li{margin:0}
.fsc-files a{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--fs-line);border-radius:10px;background:#fff;font-weight:500;transition:.15s}
.fsc-files a:hover{border-color:var(--fs-teal);background:#f3f9fb;box-shadow:0 4px 14px rgba(0,109,143,.10);transform:translateY(-1px)}
.fsc-files__t{flex:none;min-width:46px;text-align:center;font-size:11px;font-weight:700;color:#fff;background:var(--fs-teal);border-radius:6px;padding:4px 6px;letter-spacing:.03em}
.fsc-videos{margin:8px 0}
.fsc-form-wrap{margin-top:18px}
.fsc-form-wrap input[type=text],.fsc-form-wrap input[type=tel],.fsc-form-wrap input[type=email],.fsc-form-wrap textarea{width:100%;padding:11px 14px;border:1px solid var(--fs-line);border-radius:9px;font-size:15px;margin-top:4px}
.fsc-form-wrap .wpcf7-submit{background:var(--fs-teal);color:#fff;border:0;padding:12px 24px;border-radius:9px;font-weight:600;cursor:pointer;font-size:15px}
.fsc-form-wrap .wpcf7-submit:hover{background:var(--fs-teal-d)}

/* ---- Content page ---- */
.fsc-page{max-width:1080px}
.fsc-content{background:#fff;border:1px solid var(--fs-line);border-radius:var(--fs-radius);padding:30px 40px;margin-bottom:18px}
.fsc-content--page{border-top:0;border-radius:0 0 var(--fs-radius) var(--fs-radius);margin-top:0}
.fsc-content--page img,.fsc-content--page iframe{max-width:100%}
.fsc-content--page iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px}
.fsc-content--page h2,.fsc-content--page h3{margin:18px 0 10px;color:var(--fs-ink)}
.fsc-content--page a{color:var(--fs-teal);font-weight:500}
.fsc-content--page ul{padding-left:20px}

/* ---- Відео: акордеон зі згортанням ---- */
.fsc-vidlist{display:flex;flex-direction:column;gap:12px;margin:20px 0}
.fsc-vid{border:1px solid var(--fs-line);border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .18s,border-color .18s}
.fsc-vid:hover{border-color:color-mix(in srgb,var(--fs-teal) 32%,var(--fs-line));box-shadow:var(--fs-shadow)}
.fsc-vid__head{display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;background:none;border:0;cursor:pointer;font:inherit;font-size:15px;text-align:left;color:var(--fs-ink);transition:background .15s}
.fsc-vid__head:hover{background:var(--fs-bg)}
.fsc-vid__yt{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;font-size:20px;color:#f00;background:#ffe9e9;border-radius:9px;transition:.18s}
.fsc-vid__head:hover .fsc-vid__yt,.fsc-vid.is-open .fsc-vid__yt{background:#f00;color:#fff}
.fsc-vid__title{flex:1;min-width:0;font-weight:500;line-height:1.35}
.fsc-vid__chev{font-size:20px;color:var(--fs-muted);flex:none;transition:transform .25s,color .18s}
.fsc-vid.is-open{border-color:color-mix(in srgb,var(--fs-teal) 40%,var(--fs-line))}
.fsc-vid.is-open .fsc-vid__chev{transform:rotate(180deg);color:var(--fs-teal)}
.fsc-vid.is-open .fsc-vid__head{background:color-mix(in srgb,var(--fs-teal) 6%,#fff);box-shadow:inset 3px 0 0 var(--fs-teal)}
.fsc-vid__panel{display:none;padding:2px 16px 16px}
.fsc-vid.is-open .fsc-vid__panel{display:block;animation:fsc-reveal .28s ease}
.fsc-vid__embed{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(20,40,60,.16)}
.fsc-vid__embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fsc-vid__desc{margin-top:14px;color:var(--fs-ink);line-height:1.55;font-size:14.5px}
.fsc-vid__desc a{color:var(--fs-teal);font-weight:500}
@keyframes fsc-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ---- Розгортані блоки (приклади/шаблони) ---- */
.fsc-blocks{display:flex;flex-direction:column;gap:12px;margin:20px 0}
.fsc-block{border:1px solid var(--fs-line);border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .18s,border-color .18s}
.fsc-block:hover{border-color:color-mix(in srgb,var(--fs-teal) 32%,var(--fs-line));box-shadow:var(--fs-shadow)}
.fsc-block__head{display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;background:none;border:0;cursor:pointer;font:inherit;font-size:15px;text-align:left;color:var(--fs-ink);transition:background .15s}
.fsc-block__head:hover{background:var(--fs-bg)}
.fsc-block__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;font-weight:700;color:#fff;background:var(--fs-teal);border-radius:9px}
.fsc-block__title{flex:1;min-width:0;font-weight:600;line-height:1.35}
.fsc-block__tag{display:inline-block;margin-left:4px;font-size:12px;font-weight:600;color:var(--fs-teal);background:color-mix(in srgb,var(--fs-teal) 12%,#fff);padding:2px 9px;border-radius:20px;vertical-align:middle;white-space:nowrap}
.fsc-block__chev{font-size:20px;color:var(--fs-muted);flex:none;transition:transform .25s,color .18s}
.fsc-block.is-open{border-color:color-mix(in srgb,var(--fs-teal) 40%,var(--fs-line))}
.fsc-block.is-open .fsc-block__chev{transform:rotate(180deg);color:var(--fs-teal)}
.fsc-block.is-open .fsc-block__head{background:color-mix(in srgb,var(--fs-teal) 6%,#fff);box-shadow:inset 3px 0 0 var(--fs-teal)}
.fsc-block__panel{display:none}
.fsc-block.is-open .fsc-block__panel{display:block;animation:fsc-reveal .28s ease}
.fsc-block__body{padding:22px}
.fsc-block__grid{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:24px;align-items:start}
.fsc-block__grid--noimg{grid-template-columns:1fr}
.fsc-block__media img{width:100%;border-radius:10px;border:1px solid var(--fs-line)}
.fsc-block__text{color:var(--fs-ink);line-height:1.6}
.fsc-block__text ul{margin:0;padding-left:18px}
.fsc-block__text li{margin-bottom:6px}
.fsc-block__text p{margin:0 0 10px}
.fsc-block__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.fsc-block__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--fs-line);border-radius:10px;background:#fff;font-weight:600;font-size:14px;color:var(--fs-ink);transition:.15s}
.fsc-block__btn i{font-size:18px;color:var(--fs-teal)}
.fsc-block__btn:hover{border-color:var(--fs-teal);background:#f3f9fb;box-shadow:0 4px 14px rgba(0,109,143,.10);transform:translateY(-1px)}
.fsc-block__video{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;margin-top:20px;box-shadow:0 6px 18px rgba(20,40,60,.16)}
.fsc-block__video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---- Faraday AI (бічна панель-чат) ---- */
.fsc-wrap{transition:margin .28s ease}
.fsc-faraday{position:fixed;top:0;right:0;height:100vh;width:420px;max-width:100vw;background:#fff;border-left:1px solid var(--fs-line);box-shadow:-10px 0 34px rgba(20,40,60,.13);display:flex;flex-direction:column;z-index:60;transform:translateX(100%);transition:transform .28s ease;visibility:hidden}
body.fsc-faraday-open .fsc-faraday{transform:none;visibility:visible}
@media(min-width:861px){body.fsc-faraday-open .fsc-wrap{margin-right:420px}}
.fsc-faraday__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--fs-line);background:linear-gradient(135deg,color-mix(in srgb,var(--fs-teal) 8%,#fff),#fff)}
.fsc-faraday__title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}
.fsc-faraday__title i{font-size:22px;color:var(--fs-teal)}
.fsc-faraday__close{background:none;border:0;cursor:pointer;color:var(--fs-muted);font-size:22px;line-height:1;padding:6px;border-radius:8px;transition:.15s}
.fsc-faraday__close:hover{background:var(--fs-bg);color:var(--fs-ink)}
.fsc-faraday__msgs{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--fs-bg)}
.fsc-frd__msg{display:flex}
.fsc-frd__msg--user{justify-content:flex-end}
.fsc-frd__bubble{max-width:86%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.fsc-frd__msg--ai .fsc-frd__bubble{background:#fff;border:1px solid var(--fs-line);border-bottom-left-radius:5px;color:var(--fs-ink);box-shadow:0 1px 2px rgba(20,40,60,.05)}
.fsc-frd__msg--user .fsc-frd__bubble{background:var(--fs-teal);color:#fff;border-bottom-right-radius:5px}
.fsc-frd__msg--ai .fsc-frd__bubble a{color:var(--fs-teal);font-weight:600}
.fsc-frd__msg--ai .fsc-frd__bubble p{margin:0 0 8px}.fsc-frd__msg--ai .fsc-frd__bubble p:last-child{margin:0}
.fsc-frd__msg--ai .fsc-frd__bubble ul{margin:6px 0;padding-left:18px}
.fsc-frd__typing .fsc-frd__bubble{display:flex;gap:5px;align-items:center}
.fsc-frd__typing span{width:7px;height:7px;border-radius:50%;background:var(--fs-muted);animation:fsc-frd-blink 1s infinite}
.fsc-frd__typing span:nth-child(2){animation-delay:.2s}
.fsc-frd__typing span:nth-child(3){animation-delay:.4s}
@keyframes fsc-frd-blink{0%,60%,100%{opacity:.25}30%{opacity:1}}
.fsc-faraday__form{display:flex;gap:8px;align-items:flex-end;padding:14px;border-top:1px solid var(--fs-line);background:#fff}
.fsc-faraday__form textarea{flex:1;resize:none;min-height:44px;max-height:140px;padding:11px 14px;border:1px solid var(--fs-line);border-radius:12px;font:inherit;font-size:14px;line-height:1.4;outline:0;transition:.15s}
.fsc-faraday__form textarea:focus{border-color:var(--fs-teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-teal) 15%,transparent)}
.fsc-faraday__form button{flex:none;width:44px;height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--fs-teal),var(--fs-blue));color:#fff;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.15s}
.fsc-faraday__form button:hover{filter:brightness(1.07)}
.fsc-faraday-backdrop{position:fixed;inset:0;background:rgba(20,30,40,.4);z-index:59;opacity:0;visibility:hidden;transition:opacity .28s}
@media(max-width:860px){.fsc-faraday{width:100vw}body.fsc-faraday-open .fsc-faraday-backdrop{opacity:1;visibility:visible}}

/* ---- Калькулятори: підгонка під загальний стиль основного сайту ----
   (рідні calc css/js/php НЕ чіпаємо — усе тут, скоупнуто на .fsc-calc-box) */
/* 1. Шрифт — Roboto у всьому калькуляторі, як на fs-lps.com (перебиває PTSans із рідного calc css) */
.fsc-calc-box,
.fsc-calc-box :is(h1,h2,h3,h4,h5,h6,p,div,span,a,label,input,select,textarea,button){
	font-family:"Roboto",system-ui,Arial,sans-serif !important;
}
/* 2. База кнопок (у темі підключено лише bootstrap-grid, без компонента .btn;
      кольори конкретних кнопок дає рідний calc css поверх) */
.fsc-calc-box .btn{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	padding:10px 20px;font-size:15px;font-weight:600;line-height:1.2;
	border:1px solid transparent;border-radius:10px;cursor:pointer;transition:.15s;text-decoration:none;
}
.fsc-calc-box :where(.btn){background:#eef3f6;color:var(--fs-ink)}
.fsc-calc-box .btn:hover{filter:brightness(.97)}
.fsc-calc-box .btn:disabled{opacity:.55;cursor:not-allowed}
/* 3. Прибрати дубль-підпис кастомного селекта (віджет ui--select не підключений) — лишаємо рідний <select> */
.fsc-calc-box .ui--select-title,
.fsc-calc-box .ui--select-arrow{display:none !important}
.fsc-calc-box .ui--select-wrapper{display:block !important;width:100% !important;margin:0 0 10px !important}
.fsc-calc-box .ui--select-wrapper > select{display:block;width:100%}

/* ---- Доступність: поважаємо системне «менше анімацій» ---- */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ---- Responsive ---- */
@media(max-width:980px){
	.fsc-support{grid-template-columns:1fr}
	.fsc-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
	.fsc-wrap{margin-left:0}
	.fsc-sidebar{transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--fs-shadow)}
	body.fsc-nav-open .fsc-sidebar{transform:none}
	body.fsc-nav-open .fsc-sidebar-backdrop{display:block}
	.fsc-burger{display:block}
}
@media(max-width:560px){
	.fsc-main{padding:20px 16px 32px}
	.fsc-topbar{padding:0 16px}
	.fsc-cards{grid-template-columns:1fr}
	.fsc-calc-box,.fsc-content{padding:20px 16px}
	.fsc-block__grid{grid-template-columns:1fr;gap:16px}
	.fsc-block__body{padding:16px}
}
