/* FitsCalc site mockup — light engineering theme (offline, no CDN) */
:root{
  --bg: #f7f9fb;
  --panel: #ffffff;
  --panel2: #f1f5f9;
  --text: #0f172a;
  --muted: #475569;
  --line: #e2e8f0;
  --brand: #1d4ed8;
  --brand2: #0ea5e9;
  --ok: #16a34a;
  --warn: #f59e0b;
  --bad: #dc2626;
  --shadow: 0 10px 30px rgba(2,6,23,.08);
  --radius: 14px;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: var(--sans);
  color: var(--text);
  background: linear-gradient(180deg, #f8fafc 0%, #f7f9fb 65%, #f8fafc 100%);
}

a{ color: var(--brand); text-decoration:none; }
a:hover{ text-decoration:underline; }
code, .mono{ font-family: var(--mono); }

.container{ max-width: 1160px; margin: 0 auto; padding: 0 18px; }

/* Top bar */
.topbar{
  position: sticky; top:0; z-index: 50;
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.topbarInner{
  display:flex; align-items:center; justify-content:space-between;
  height:64px;
}
.brand{
  display:flex; align-items:center; gap:12px;
}
.brandMark{
  width:36px; height:36px; border-radius:10px;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand2) 100%);
  box-shadow: 0 8px 18px rgba(29,78,216,.25);
  position:relative;
}
.brandMark::after{
  content:"";
  position:absolute; inset:8px;
  border:2px solid rgba(255,255,255,.75);
  border-top-color: rgba(255,255,255,.35);
  border-left-color: rgba(255,255,255,.35);
  border-radius:8px;
  transform: rotate(12deg);
}
.brandText{ line-height:1.05; }
.brandText b{ display:block; font-size:14px; letter-spacing:.2px; }
.brandText span{ display:block; font-size:12px; color: var(--muted); }

.nav{
  display:flex; gap:14px; align-items:center;
}
.nav a{
  font-size:13px;
  color: var(--muted);
  padding: 10px 10px;
  border-radius: 10px;
}
.nav a.active{
  color: var(--text);
  background: #eef2ff;
  border:1px solid #e0e7ff;
}
.nav a:hover{
  background: #f1f5f9;
  text-decoration:none;
}

.actions{
  display:flex; align-items:center; gap:10px;
}
.badge{
  font-size:11px;
  padding: 6px 10px;
  border-radius: 999px;
  border:1px solid var(--line);
  background: #fff;
  color: var(--muted);
}
.btn{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px;
  padding: 10px 12px;
  border-radius: 12px;
  border:1px solid var(--line);
  background: #fff;
  color: var(--text);
  box-shadow: 0 6px 16px rgba(2,6,23,.06);
  cursor:pointer;
}
.btn:hover{ background:#f8fafc; }
.btn.primary{
  background: linear-gradient(135deg, #1d4ed8 0%, #0ea5e9 100%);
  border-color: transparent;
  color:#fff;
}
.btn.primary:hover{ filter: brightness(0.98); }

/* Hero */
.hero{
  padding: 42px 0 26px;
}
.heroGrid{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap:18px;
}
.card{
  background: var(--panel);
  border:1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.heroCard{
  padding: 24px;
  position: relative;
  overflow:hidden;
}
.heroCard::before{
  content:"";
  position:absolute; inset:-2px;
  background-image: radial-gradient(circle at 20% 20%, rgba(14,165,233,.22), transparent 35%),
                    radial-gradient(circle at 80% 10%, rgba(29,78,216,.18), transparent 40%),
                    radial-gradient(circle at 70% 90%, rgba(14,165,233,.14), transparent 42%);
  pointer-events:none;
}
.heroCard > *{ position:relative; }
.hTitle{
  margin:0 0 10px;
  font-size: 28px;
  letter-spacing: -0.2px;
}
.hLead{
  margin: 0 0 16px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
.kpiRow{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin: 16px 0 0;
}
.kpi{
  padding: 12px;
  border-radius: 12px;
  background: #f8fafc;
  border:1px solid var(--line);
}
.kpi b{ display:block; font-size:16px; }
.kpi span{ display:block; color: var(--muted); font-size:12px; margin-top:2px; }

.sideCard{
  padding: 18px;
}
.sideCard h3{
  margin: 0 0 10px;
  font-size: 14px;
}
.list{
  margin:0; padding:0; list-style:none;
}
.list li{
  display:flex; gap:10px;
  padding:10px 0;
  border-bottom:1px dashed var(--line);
}
.list li:last-child{ border-bottom:none; }
.dot{
  width:10px; height:10px; border-radius:50%;
  margin-top:4px;
  background: #cbd5e1;
}
.dot.ok{ background: var(--ok); }
.dot.warn{ background: var(--warn); }
.dot.info{ background: var(--brand2); }
.list b{ font-size:13px; }
.list span{ display:block; font-size:12px; color: var(--muted); margin-top:2px; }

/* Content */
.section{
  padding: 14px 0 34px;
}
.h2{
  margin: 0 0 12px;
  font-size: 18px;
}
.grid3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.grid2{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.padded{ padding: 18px; }
.p{
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.small{
  font-size:12px;
  color: var(--muted);
}
.hr{
  border:0; border-top:1px solid var(--line);
  margin: 16px 0;
}

/* Tables */
.tableWrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius: 12px;
}
table{
  width:100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
thead th{
  text-align:left;
  font-weight:600;
  color: #0f172a;
  background: #f1f5f9;
  border-bottom:1px solid var(--line);
  padding: 10px 12px;
  white-space: nowrap;
}
tbody td{
  border-bottom:1px solid #eef2f7;
  padding: 10px 12px;
  color:#0f172a;
  vertical-align: top;
}
tbody tr:hover td{ background:#fafcff; }
.status{
  display:inline-flex; align-items:center; gap:6px;
  padding: 4px 8px;
  border-radius: 999px;
  border:1px solid var(--line);
  background:#fff;
  font-size:11px;
  color: var(--muted);
}
.status.ok{ border-color: rgba(22,163,74,.25); background: rgba(22,163,74,.06); color:#14532d; }
.status.bad{ border-color: rgba(220,38,38,.25); background: rgba(220,38,38,.06); color:#7f1d1d; }
.status.warn{ border-color: rgba(245,158,11,.28); background: rgba(245,158,11,.08); color:#7c2d12; }

/* Footer */
.footer{
  border-top: 1px solid var(--line);
  padding: 18px 0 34px;
  background: #ffffff;
}
.footerGrid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  gap:42px;
  align-items:start;
}
.footer b{
  display:block;
  margin-bottom:10px;
  font-size:17px;
  line-height:1.3;
  color:#0f172a;
}
.footer .p{
  color:#475569;
  line-height:1.62;
  max-width:460px;
}
.metaRow{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.tag{
  font-size:11px;
  padding: 6px 10px;
  border-radius: 999px;
  border:1px solid var(--line);
  background:#f8fafc;
  color: var(--muted);
}

/* Responsive */
@media (max-width: 980px){
  .heroGrid{ grid-template-columns: 1fr; }
  .grid3{ grid-template-columns: 1fr; }
  .grid2{ grid-template-columns: 1fr; }
  .nav{ display:none; }
}

/* --- FitsCalc interactive widgets --- */
.fcWidgetBtn{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 90;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 14px;
  border-radius: 999px;
  border:1px solid rgba(226,232,240,.9);
  background: linear-gradient(135deg, rgba(29,78,216,1) 0%, rgba(14,165,233,1) 100%);
  color:#fff;
  box-shadow: 0 18px 40px rgba(2,6,23,.18);
  cursor:pointer;
}
.fcWidgetBtn:hover{ filter: brightness(0.98); }
.fcWidgetBtn span{ font-size:13px; font-weight:600; }
.fcWidgetBtn .ic{
  width:18px; height:18px;
  border:2px solid rgba(255,255,255,.9);
  border-left-color: rgba(255,255,255,.35);
  border-top-color: rgba(255,255,255,.35);
  border-radius: 6px;
  transform: rotate(12deg);
}

.fcOverlay{
  position: fixed;
  inset: 0;
  z-index: 98;
  background: rgba(15,23,42,.35);
  backdrop-filter: blur(3px);
  display:none;
}
.fcModal{
  position: fixed;
  right: 18px;
  bottom: 72px;
  z-index: 99;
  width: min(430px, calc(100% - 36px));
  display:none;
}
.fcModal .card{ box-shadow: 0 24px 60px rgba(2,6,23,.22); }
.fcModalHead{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px;
  padding: 14px 16px;
  border-bottom:1px solid var(--line);
}
.fcModalHead b{ font-size:13px; }
.fcModalBody{ padding: 14px 16px; }
.fcField{ width:100%; margin-top:10px; }
.fcField label{ display:block; font-size:12px; color: var(--muted); margin-bottom:6px; }
.fcField select, .fcField textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  font-family: var(--sans);
  font-size:13px;
  background:#fff;
}
.fcField textarea{ min-height: 110px; resize: vertical; }
.fcActions{ display:flex; gap:10px; margin-top:12px; }
.fcClose{
  width:32px; height:32px; border-radius: 10px;
  border:1px solid var(--line);
  background:#fff;
  cursor:pointer;
}
.fcClose:hover{ background:#f8fafc; }

/* hero visual */
.heroCard{ background-image: url('../img/grid.svg'); background-size: 220px 220px; background-repeat: repeat; }

/* --- Enhanced home visuals --- */
.heroCard{ background-image:url('../img/grid.svg'); background-size:220px 220px; }

/* ---- Cabinet (LK) interactive ---- */
.lkTabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.lkTabsRight{ display:flex; gap:10px; align-items:center; }
.lkTabs [data-lk-tabbtn].active{
  background: #0b1f4d;
  color:#fff;
  border-color: transparent;
}
.lkTabs [data-adm-tabbtn].active{
  background: #0b1f4d;
  color:#fff;
  border-color: transparent;
}
.lkTabs [data-lk-tabbtn]:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.lkMsg{
  margin-top:12px;
  padding:10px 12px;
  border-radius: 12px;
  border:1px solid var(--line);
  background:#fff;
  color: var(--text);
}
.lkMsg.is-ok{ border-color: rgba(22,163,74,.35); background: rgba(22,163,74,.08); }
.lkMsg.is-bad{ border-color: rgba(220,38,38,.35); background: rgba(220,38,38,.08); }
.lkMsg.is-warn{ border-color: rgba(245,158,11,.35); background: rgba(245,158,11,.10); }
.lkRow{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:10px; }
.lkField{ flex:1; min-width: 260px; }
.lkField label{ display:block; font-size:12px; color: var(--muted); margin-bottom:6px; }
.lkField input{
  width:100%;
  border:1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  font-family: var(--sans);
  font-size:13px;
  background:#fff;
  outline:none;
}
.lkField input:focus{
  border-color: rgba(29,78,216,.45);
  box-shadow: 0 0 0 3px rgba(29,78,216,.10);
}


/* Support chat */
.lkChat{max-height:42vh; overflow:auto; display:flex; flex-direction:column; gap:10px; padding:10px;}
.lkMsgBubble{max-width:900px; padding:10px 12px; border-radius:12px; border:1px solid rgba(0,0,0,.08); background:#fff;}
.lkMsgBubble.is-admin{background:rgba(20,70,160,.08); border-color:rgba(20,70,160,.18);}
.lkMsgBubble .meta{font-size:12px; opacity:.7; margin-bottom:6px;}
.lkMsgBubble .body{white-space:pre-wrap;}


/* LK: prevent textarea from breaking layout */
.lkForm textarea{
  resize: vertical;
  max-width: 100%;
  min-height: 96px;
  max-height: 360px;
  box-sizing: border-box;
}


/* Support/admin: constrain textareas inside cards */
textarea{max-width:100%; width:100%; box-sizing:border-box; resize:vertical;}
.lkForm textarea{max-height:360px;}



/* --- 2026-03-10 site refresh --- */
.topbarInner{gap:14px;}
.actions{margin-left:auto; flex-wrap:wrap; justify-content:flex-end;}
.actions .btn{white-space:nowrap;}
.menuToggle{
  display:none; align-items:center; gap:10px;
  border:1px solid var(--line); background:#fff; color:var(--text);
  border-radius:12px; padding:10px 12px; box-shadow:0 6px 16px rgba(2,6,23,.06);
}
.menuToggle span{
  display:block; width:18px; height:2px; background:#0f172a; border-radius:999px;
}
.menuToggle span + span{ margin-top:2px; }
.menuToggle b{ font-size:13px; font-weight:600; }
.mobileNav{ display:none; border-top:1px solid var(--line); background:rgba(255,255,255,.98); }
.mobileNavInner{ display:grid; gap:10px; padding:14px 0 16px; }
.mobileNavInner a{ display:block; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--text); }
.mobileNavInner a:hover{ text-decoration:none; background:#f8fafc; }
.mobileNavActions{ display:grid; gap:10px; padding-top:6px; }
.mobileNav.is-open{ display:block; }
body.menu-open{ overflow:hidden; }

.crumbs{
  display:flex; gap:8px; flex-wrap:wrap; align-items:center;
  margin-bottom:14px; font-size:12px; color:var(--muted);
}
.crumbs a{ color:var(--muted); }
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:#0f4fa8; background:#edf5ff; border:1px solid #cfe3ff; border-radius:999px; padding:7px 10px;
}
.heroActions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.heroGridWide{ grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); align-items:stretch; }
.pageHeroCard{ min-height:100%; }
.bannerCard{ padding:0; overflow:hidden; min-height:100%; }
.bannerImg{ width:100%; height:100%; object-fit:cover; display:block; }
.sectionHero{ padding-top:28px; }
.grid4{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.timeline{ display:grid; gap:12px; }
.timelineItem{
  display:grid; grid-template-columns:62px 1fr; gap:14px; align-items:flex-start;
  padding:14px 0; border-bottom:1px dashed var(--line);
}
.timelineItem:last-child{ border-bottom:none; padding-bottom:0; }
.timelineStep{
  display:flex; align-items:center; justify-content:center;
  width:54px; height:54px; border-radius:16px;
  background:linear-gradient(135deg,#1d4ed8 0%, #0ea5e9 100%);
  color:#fff; box-shadow:0 10px 24px rgba(29,78,216,.22);
}
.faqGrid{ display:grid; gap:12px; }
.faqItem{ overflow:hidden; box-shadow:none; }
.faqBtn{
  width:100%; display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:16px 18px; border:0; background:#fff; cursor:pointer; text-align:left;
  font-size:14px; font-weight:700; color:var(--text);
}
.faqBtn span{ font-size:18px; color:var(--brand); }
.faqPanel{ padding:0 18px 16px; border-top:1px solid var(--line); background:#fbfdff; }
.ctaBand{
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  background:linear-gradient(135deg, rgba(29,78,216,.08) 0%, rgba(14,165,233,.08) 100%);
  border-color:#dbeafe;
}
.notice{
  border-radius:16px; padding:18px; border:1px solid var(--line); background:#fff;
  box-shadow:var(--shadow);
}
.notice-info{ background:#f8fbff; border-color:#dbeafe; }
.notice-warn{ background:#fffbeb; border-color:#fde68a; }
.notice-bad{ background:#fef2f2; border-color:#fecaca; }
.docSection{ box-shadow:none; }
.docText{ white-space:normal; }
.docText + .docText{ margin-top:10px; }
.footerHead{ margin-bottom:16px; background:#fbfdff; }
.footerGrid3{ grid-template-columns: repeat(3, 1fr); }
.footerBottom{
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid rgba(15,23,42,.08);
  color:#5b677a;
  line-height:1.7;
  font-size:15px;
  text-align:center;
}

@media (max-width: 1180px){
  .nav{ gap:8px; }
  .nav a{ padding:10px 8px; font-size:12.5px; }
  .brandText span{ max-width:230px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
@media (max-width: 980px){
  .nav{ display:none; }
  .menuToggle{ display:inline-flex; }
  .actions .badge, .actions .secondaryAction{ display:none; }
  .topbarInner{ min-height:64px; height:auto; padding:10px 0; }
  .heroGridWide{ grid-template-columns:1fr; }
  .grid4{ grid-template-columns:1fr; }
  .footerGrid3{ grid-template-columns:1fr; }
}
@media (max-width: 760px){
  .footer{
    margin-top:34px;
    padding:24px 0 16px;
  }

  .footerGrid,
  .footerGridSimple{
    grid-template-columns:minmax(0,1fr) !important;
    gap:18px;
  }

  .footer b{
    font-size:17px;
    margin-bottom:8px;
  }

  .footerLinks a{
    font-size:15px;
    margin-bottom:8px;
  }

  .footerBottom{
    font-size:14px;
    line-height:1.6;
    text-align:left;
  }
}

  .footerGrid,
  .footerGridSimple{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;
}

  .footer b{
    font-size:17px;
    margin-bottom:8px;
  }

  .footerLinks a{
    font-size:15px;
    margin-bottom:8px;
  }

  .footerBottom{
    font-size:14px;
    line-height:1.6;
    text-align:left;
  }
}

  .footerGrid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .footerLogo{
    max-width:220px;
  }

  .footer b{
    font-size:17px;
    margin-bottom:6px;
  }

  .footerBottom{
    font-size:14px;
    line-height:1.6;
  }
}
  .brandText span{ display:none; }
  .hTitle{ font-size:24px; }
  .kpiRow{ grid-template-columns:1fr; }
  .timelineItem{ grid-template-columns:1fr; }
  .timelineStep{ width:48px; height:48px; }
  .fcWidgetBtn{ left:12px; right:12px; justify-content:center; bottom:12px; }
}

/* Banner rendering fix */
.heroVisual,
.hero-visual,
.heroBanner,
.hero-banner,
.bannerVisual,
.banner-visual,
.visual,
.pageHeroVisual,
.page-hero-visual,
[class*="hero"][class*="visual"],
[class*="banner"][class*="visual"] {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* Hero image rendering fix */
.heroVisual img,
.hero-visual img,
.heroBanner img,
.hero-banner img,
.bannerVisual img,
.banner-visual img,
.visual img,
.pageHeroVisual img,
.page-hero-visual img,
[class*="hero"][class*="visual"] img,
[class*="banner"][class*="visual"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Header wordmark */
.brand{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  min-width: 0;
}

.brandWordmark{
  display: block;
  height: 52px;
  width: auto;
  max-width: 280px;
  object-fit: contain;
}

@media (max-width: 1200px){
  .brandWordmark{
    height: 46px;
    max-width: 240px;
  }
}

@media (max-width: 980px){
  .brandWordmark{
    height: 40px;
    max-width: 210px;
  }
}

@media (max-width: 640px){
  .brandWordmark{
    height: 34px;
    max-width: 180px;
  }
}

/* Bigger header wordmark */
.brand{
  display: inline-flex !important;
  align-items: center !important;
  min-width: 260px !important;
  max-width: 340px !important;
}

.brandWordmark{
  display: block !important;
  height: 72px !important;
  width: auto !important;
  max-width: 320px !important;
  object-fit: contain !important;
}

@media (max-width: 1200px){
  .brand{
    min-width: 220px !important;
    max-width: 290px !important;
  }
  .brandWordmark{
    height: 62px !important;
    max-width: 280px !important;
  }
}

@media (max-width: 980px){
  .brand{
    min-width: 180px !important;
    max-width: 240px !important;
  }
  .brandWordmark{
    height: 52px !important;
    max-width: 220px !important;
  }
}

@media (max-width: 640px){
  .brand{
    min-width: 140px !important;
    max-width: 180px !important;
  }
  .brandWordmark{
    height: 40px !important;
    max-width: 170px !important;
  }
}

/* Cropped wordmark sizing */
.brandWordmark{
  height: 44px !important;
  width: auto !important;
  max-width: 240px !important;
  display: block !important;
  object-fit: contain !important;
}

@media (max-width: 980px){
  .brandWordmark{
    height: 38px !important;
    max-width: 210px !important;
  }
}

@media (max-width: 640px){
  .brandWordmark{
    height: 32px !important;
    max-width: 170px !important;
  }
}

/* Header layout fix */
.topbar,
.header,
.siteHeader,
.headerInner,
.topbarInner {
  align-items: center !important;
}

.headerActions,
.topbarActions,
.navActions,
.actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin-left: auto !important;
}

.headerActions > *,
.topbarActions > *,
.navActions > *,
.actions > * {
  flex: 0 0 auto !important;
}

.headerActions .btn,
.topbarActions .btn,
.navActions .btn,
.actions .btn {
  white-space: nowrap !important;
}

@media (max-width: 1280px){
  .headerActions,
  .topbarActions,
  .navActions,
  .actions {
    gap: 8px !important;
  }

  .headerActions .btn,
  .topbarActions .btn,
  .navActions .btn,
  .actions .btn {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (max-width: 1160px){
  .headerActions .btn,
  .topbarActions .btn,
  .navActions .btn,
  .actions .btn {
    font-size: 14px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Header alignment fix */
.topbar,
.topbarInner,
.header,
.headerInner,
.navbar,
.navbarInner {
  display: flex !important;
  align-items: center !important;
}

.nav,
.menu,
.topnav {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.actions,
.headerActions,
.topbarActions,
.navActions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  margin-left: 18px !important;
  position: static !important;
  transform: none !important;
  top: auto !important;
  right: auto !important;
}

.actions a,
.actions button,
.headerActions a,
.headerActions button,
.topbarActions a,
.topbarActions button,
.navActions a,
.navActions button {
  white-space: nowrap !important;
  position: static !important;
}

.actions .btn,
.headerActions .btn,
.topbarActions .btn,
.navActions .btn {
  padding: 10px 16px !important;
  border-radius: 16px !important;
}

@media (max-width: 1180px){
  .nav,
  .menu,
  .topnav {
    gap: 10px !important;
  }

  .actions,
  .headerActions,
  .topbarActions,
  .navActions {
    gap: 8px !important;
    margin-left: 12px !important;
  }

  .actions .btn,
  .headerActions .btn,
  .topbarActions .btn,
  .navActions .btn {
    padding: 9px 13px !important;
    font-size: 14px !important;
  }
}


.nav{
    gap:10px !important;
  }

  .actions{
    gap:8px !important;
  }
}



/* Contacts widget */
.contactsWidget{
  width: min(360px, calc(100vw - 24px));
}

.fcWidgetCard{
  position: fixed;
  right: 18px;
  bottom: 78px;
  z-index: 60;
  background: rgba(255,255,255,.98);
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 18px 48px rgba(15,23,42,.16);
  overflow: hidden;
}

.fcWidgetHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  font-size: 16px;
}

.fcWidgetClose{
  border: 0;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  color: var(--muted);
}

.fcWidgetBody{
  padding: 16px;
}

.fcContactRow + .fcContactRow{
  margin-top: 12px;
}

.fcLabel{
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 4px;
}

.fcValue{
  color: var(--text);
  text-decoration: none;
}

.fcWidgetNote{
  margin: 16px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.fcWidgetActions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.fcWidgetBtn{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 61;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #1d4ed8 0%, #0ea5e9 100%);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(29,78,216,.28);
}

@media (max-width: 640px){
  .fcWidgetCard{
    right: 12px;
    left: 12px;
    bottom: 74px;
    width: auto;
  }

  .fcWidgetBtn{
    right: 12px;
    left: 12px;
    bottom: 12px;
  }
}

/* Contacts widget button fix */
.fcWidgetBtn{
  min-width: 150px !important;
  padding: 0 20px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.fcWidgetBtn::before,
.fcWidgetBtn::after{
  content: none !important;
  display: none !important;
}

.fcValue[href^="tel:"],
.fcValue[href^="mailto:"]{
  text-decoration: none !important;
  color: var(--text) !important;
}

.fcValue[href^="tel:"]:hover,
.fcValue[href^="mailto:"]:hover{
  color: var(--accent) !important;
}

/* Pricing free trial CTA */
.pricingPrimaryCta{
  background: linear-gradient(90deg, #1d4ed8 0%, #0ea5e9 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 12px 30px rgba(29,78,216,.22) !important;
}

.pricingPrimaryCta:hover{
  color: #ffffff !important;
  filter: brightness(1.03);
  box-shadow: 0 14px 34px rgba(29,78,216,.26) !important;
}

/* Better content lists - card style */
.list{
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.list li{
  position: relative;
  padding: 12px 14px 12px 40px;
  line-height: 1.55;
  color: var(--text);
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
}

.list li::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 17px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1d4ed8 0%, #0ea5e9 100%);
  box-shadow: 0 0 0 4px rgba(29,78,216,.10);
}


/* Performance + accessibility patch */
.section{
  content-visibility: auto;
  contain-intrinsic-size: 1px 900px;
}

.sectionHero,
.topbar,
footer,
.footer{
  content-visibility: visible;
  contain-intrinsic-size: auto;
}

/* Links should not rely only on color */
.p a,
.docText a,
.card a:not(.btn):not(.actionLink):not(.brand),
.footer a{
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.p a:hover,
.docText a:hover,
.card a:not(.btn):not(.actionLink):not(.brand):hover,
.footer a:hover{
  text-decoration-thickness: 2px;
}

/* Better touch targets */
@media (max-width: 980px){
  .btn,
  .menuToggle,
  .mobileOverlayList a,
  .mobileDrawerInner > a,
  .mobileNavInner > a,
  .faqBtn,
  .fcWidgetBtn,
  .fcWidgetClose{
    min-height: 44px !important;
  }
}

/* Responsive picture wrappers */
.brandPicture,
.bannerPicture{
  display: block;
}

.brandPicture img,
.bannerPicture img{
  display: block;
}

/* Banner picture fix */
.bannerCard .bannerPicture{
  display: block;
  width: 100%;
  height: 100%;
}

.bannerCard .bannerPicture img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}






/* Access tab normalization */
[data-lk-tab="access"] .fc-access-legacy-hidden{
  display:none !important;
}

/* Access hydration guard */
[data-lk-tab="access"].fc-access-hydrating{
  position: relative;
  min-height: 380px;
}

[data-lk-tab="access"].fc-access-hydrating > *{
  visibility: hidden !important;
}

[data-lk-tab="access"].fc-access-hydrating::before{
  content: "Загрузка данных доступа…";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 600 16px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #0b245a;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(20,60,140,.10);
  border-radius: 18px;
  z-index: 5;
}

/* ===== Cabinet profile FINAL layout ===== */
[data-lk-tab="profile"] .fc-prof-shell{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-topbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

[data-lk-tab="profile"] .fc-prof-topbar .btn{
  white-space:nowrap;
}

[data-lk-tab="profile"] .fc-prof-mainview{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.15fr);
  gap:18px;
  align-items:start;
}

[data-lk-tab="profile"] .fc-prof-leftcol{
  display:grid;
  gap:18px;
  align-items:start;
}

[data-lk-tab="profile"] .fc-prof-rightcol{
  display:block;
}

[data-lk-tab="profile"] .fc-prof-leftcol > .card,
[data-lk-tab="profile"] .fc-prof-rightcol > .card,
[data-lk-tab="profile"] .fc-prof-docview > .card{
  min-width:0;
  width:100%;
}

[data-lk-tab="profile"] .fc-prof-docview{
  display:grid;
  gap:14px;
}

[data-lk-tab="profile"] .fc-prof-docview[hidden],
[data-lk-tab="profile"] .fc-prof-mainview[hidden]{
  display:none !important;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar-text{
  display:flex;
  flex-direction:column;
  gap:6px;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar-text .muted{
  color:#64748b;
  font-size:14px;
  line-height:1.35;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

[data-lk-tab="profile"] .fc-prof-docview table{
  width:100%;
  table-layout:auto;
}

[data-lk-tab="profile"] .fc-prof-docview th{
  white-space:nowrap;
}

[data-lk-tab="profile"] .fc-prof-docview td,
[data-lk-tab="profile"] .fc-prof-docview th{
  vertical-align:top;
}

[data-lk-tab="profile"] .fc-prof-docview td{
  word-break:break-word;
}

[data-lk-tab="profile"] .fc-prof-docview td:last-child{
  white-space:nowrap;
}

[data-lk-tab="profile"] .fc-prof-docview button,
[data-lk-tab="profile"] .fc-prof-docview .btn{
  white-space:nowrap;
}

@media (max-width: 980px){
  [data-lk-tab="profile"] .fc-prof-mainview{
    grid-template-columns:1fr;
  }
}

/* ===== Cabinet profile DOM-locked layout ===== */
[data-lk-tab="profile"] .fc-prof-shell{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-topbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

[data-lk-tab="profile"] .fc-prof-mainview{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.15fr);
  gap:18px;
  align-items:start;
}

[data-lk-tab="profile"] .fc-prof-leftcol{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-rightcol{
  display:block;
}

[data-lk-tab="profile"] .fc-prof-leftcol > .card,
[data-lk-tab="profile"] .fc-prof-rightcol > .card,
[data-lk-tab="profile"] .fc-prof-docview > .card{
  min-width:0;
  width:100%;
}

[data-lk-tab="profile"] .fc-prof-docview{
  display:grid;
  gap:14px;
}

[data-lk-tab="profile"] .fc-prof-docview[hidden],
[data-lk-tab="profile"] .fc-prof-mainview[hidden]{
  display:none !important;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar-text{
  display:flex;
  flex-direction:column;
  gap:6px;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar-text .muted{
  color:#64748b;
  font-size:14px;
  line-height:1.35;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

[data-lk-tab="profile"] .fc-prof-docview table{
  width:100%;
  table-layout:auto;
}

[data-lk-tab="profile"] .fc-prof-docview th{
  white-space:nowrap;
}

[data-lk-tab="profile"] .fc-prof-docview td,
[data-lk-tab="profile"] .fc-prof-docview th{
  vertical-align:top;
}

[data-lk-tab="profile"] .fc-prof-docview td{
  word-break:break-word;
}

[data-lk-tab="profile"] .fc-prof-docview td:last-child{
  white-space:nowrap;
}

[data-lk-tab="profile"] .fc-prof-docview button,
[data-lk-tab="profile"] .fc-prof-docview .btn{
  white-space:nowrap;
}

[data-lk-tab="profile"] .fc-prof-legacy-hide{
  display:none !important;
}

@media (max-width: 980px){
  [data-lk-tab="profile"] .fc-prof-mainview{
    grid-template-columns:1fr;
  }
}

/* Hide broken duplicate footer nav in cabinet */
body:has([data-lk-tab]) > div[style*="position: fixed"],
body:has([data-lk-tab]) .fc-footer-dup,
body:has([data-lk-tab]) .footer-dup,
body:has([data-lk-tab]) .cabinet-footer-dup{
  display:none !important;
}

/* ===== Cabinet profile exact layout ===== */
[data-lk-tab="profile"] .fc-prof-shell{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-topbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

[data-lk-tab="profile"] .fc-prof-mainview{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.15fr);
  gap:18px;
  align-items:start;
}

[data-lk-tab="profile"] .fc-prof-leftcol{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-rightcol{
  display:block;
}

[data-lk-tab="profile"] .fc-prof-leftcol > .card,
[data-lk-tab="profile"] .fc-prof-rightcol > .card,
[data-lk-tab="profile"] .fc-prof-docview > .card{
  min-width:0;
  width:100%;
}

[data-lk-tab="profile"] .fc-prof-docview{
  display:grid;
  gap:14px;
}

[data-lk-tab="profile"] .fc-prof-docview[hidden],
[data-lk-tab="profile"] .fc-prof-mainview[hidden]{
  display:none !important;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar-text{
  display:flex;
  flex-direction:column;
  gap:6px;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar-text .muted{
  color:#64748b;
  font-size:14px;
  line-height:1.35;
}

[data-lk-tab="profile"] .fc-prof-docs-toolbar-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

[data-lk-tab="profile"] .fc-prof-docview table{
  width:100%;
  table-layout:auto;
}

[data-lk-tab="profile"] .fc-prof-docview th{
  white-space:nowrap;
}

[data-lk-tab="profile"] .fc-prof-docview td,
[data-lk-tab="profile"] .fc-prof-docview th{
  vertical-align:top;
}

[data-lk-tab="profile"] .fc-prof-docview td{
  word-break:break-word;
}

[data-lk-tab="profile"] .fc-prof-docview td:last-child{
  white-space:nowrap;
}

[data-lk-tab="profile"] .fc-prof-docview button,
[data-lk-tab="profile"] .fc-prof-docview .btn{
  white-space:nowrap;
}

[data-lk-tab="profile"] .fc-prof-hide{
  display:none !important;
}

@media (max-width: 980px){
  [data-lk-tab="profile"] .fc-prof-mainview{
    grid-template-columns:1fr;
  }
}

/* ===== Cabinet profile topbar only ===== */
[data-lk-tab="profile"] .fc-prof-safe-topbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}

[data-lk-tab="profile"] .fc-prof-safe-topbar .btn{
  white-space:nowrap;
}

/* ===== Cabinet profile rewritten block ===== */
[data-lk-tab="profile"] .fc-prof-v5{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-v5-topbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

[data-lk-tab="profile"] .fc-prof-v5-main{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.15fr);
  gap:18px;
  align-items:start;
}

[data-lk-tab="profile"] .fc-prof-v5-left{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-v5-right{
  display:block;
}

[data-lk-tab="profile"] .fc-prof-v5-main > div > .card,
[data-lk-tab="profile"] .fc-prof-v5-docs > .card{
  min-width:0;
  width:100%;
}

[data-lk-tab="profile"] .fc-prof-v5-docs-topbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

[data-lk-tab="profile"] .fc-prof-v5-docs-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

[data-lk-tab="profile"] .fc-prof-v5-docs[hidden],
[data-lk-tab="profile"] .fc-prof-v5-main[hidden]{
  display:none !important;
}

@media (max-width: 980px){
  [data-lk-tab="profile"] .fc-prof-v5-main{
    grid-template-columns:1fr;
  }
}

/* ===== Cabinet profile v6 ===== */
[data-lk-tab="profile"] .fc-prof-v6{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-v6-topbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

[data-lk-tab="profile"] .fc-prof-v6-main{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.15fr);
  gap:18px;
  align-items:start;
}

[data-lk-tab="profile"] .fc-prof-v6-left{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-v6-right{
  display:block;
}

[data-lk-tab="profile"] .fc-prof-v6-docs[hidden],
[data-lk-tab="profile"] .fc-prof-v6-main[hidden]{
  display:none !important;
}

[data-lk-tab="profile"] .fc-prof-v6-docs-topbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

[data-lk-tab="profile"] .fc-prof-v6-docs-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

@media (max-width: 980px){
  [data-lk-tab="profile"] .fc-prof-v6-main{
    grid-template-columns:1fr;
  }
}

/* ===== Cabinet profile reflow exact ===== */
[data-lk-tab="profile"] .fc-prof-reflow{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-reflow-topbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

[data-lk-tab="profile"] .fc-prof-reflow-main{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.15fr);
  gap:18px;
  align-items:start;
}

[data-lk-tab="profile"] .fc-prof-reflow-left{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-reflow-right{
  display:block;
}

[data-lk-tab="profile"] .fc-prof-reflow-left > .card,
[data-lk-tab="profile"] .fc-prof-reflow-right > .card,
[data-lk-tab="profile"] .fc-prof-reflow-docs > .card{
  min-width:0;
  width:100%;
}

[data-lk-tab="profile"] .fc-prof-reflow-docs[hidden],
[data-lk-tab="profile"] .fc-prof-reflow-main[hidden]{
  display:none !important;
}

[data-lk-tab="profile"] .fc-prof-reflow-docs-topbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

[data-lk-tab="profile"] .fc-prof-reflow-docs-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

[data-lk-tab="profile"] .fc-prof-hide-source{
  display:none !important;
}

@media (max-width: 980px){
  [data-lk-tab="profile"] .fc-prof-reflow-main{
    grid-template-columns:1fr;
  }
}

/* ===== Org members table fix ===== */
#lkOrgPanelMembers .grid2{
  grid-template-columns: minmax(320px, 0.95fr) minmax(520px, 1.35fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

#lkOrgPanelMembers .tableWrap{
  overflow-x: auto !important;
}

#lkOrgPanelMembers table{
  width: 100% !important;
  min-width: 980px !important;
  table-layout: fixed !important;
}

#lkOrgPanelMembers thead th{
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-align: left !important;
}

#lkOrgPanelMembers tbody td{
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  vertical-align: top !important;
}

#lkOrgMembersTbody td:nth-child(1){ width: 140px !important; } /* ФИО */
#lkOrgMembersTbody td:nth-child(2){ width: 220px !important; } /* Email */
#lkOrgMembersTbody td:nth-child(3){ width: 110px !important; } /* Статус */
#lkOrgMembersTbody td:nth-child(4){ width: 110px !important; } /* Роль */
#lkOrgMembersTbody td:nth-child(5){ width: 130px !important; } /* Должность */
#lkOrgMembersTbody td:nth-child(6){ width: 120px !important; } /* Отдел */
#lkOrgMembersTbody td:nth-child(7){ width: 130px !important; } /* Телефон */
#lkOrgMembersTbody td:nth-child(8){ width: 150px !important; } /* Рабочее место */
#lkOrgMembersTbody td:nth-child(9){ width: 170px !important; } /* Действие */

#lkOrgMembersTbody td:nth-child(2),
#lkOrgMembersTbody td:nth-child(4),
#lkOrgMembersTbody td:nth-child(7),
#lkOrgMembersTbody td:nth-child(8){
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

#lkOrgMembersTbody td:last-child{
  white-space: nowrap !important;
}

#lkOrgMembersTbody td:last-child .btn{
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
}

@media (max-width: 980px){
  #lkOrgPanelMembers .grid2{
    grid-template-columns: 1fr !important;
  }
}

/* ===== Org members full-width table ===== */
#lkOrgPanelMembers .grid2{
  display:grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  align-items: start !important;
}

#lkOrgPanelMembers .grid2 > .card:first-child{
  max-width: 520px !important;
}

#lkOrgPanelMembers .grid2 > .card:last-child{
  width: 100% !important;
  max-width: none !important;
}

#lkOrgPanelMembers .tableWrap{
  overflow-x: visible !important;
}

#lkOrgPanelMembers table{
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

#lkOrgPanelMembers thead th{
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-align: left !important;
}

#lkOrgPanelMembers tbody td{
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  vertical-align: top !important;
}

/* widths */
#lkOrgPanelMembers table th:nth-child(1),
#lkOrgPanelMembers table td:nth-child(1){ width: 11% !important; } /* ФИО */

#lkOrgPanelMembers table th:nth-child(2),
#lkOrgPanelMembers table td:nth-child(2){ width: 18% !important; } /* Email */

#lkOrgPanelMembers table th:nth-child(3),
#lkOrgPanelMembers table td:nth-child(3){ width: 10% !important; } /* Статус */

#lkOrgPanelMembers table th:nth-child(4),
#lkOrgPanelMembers table td:nth-child(4){ width: 9% !important; } /* Роль */

#lkOrgPanelMembers table th:nth-child(5),
#lkOrgPanelMembers table td:nth-child(5){ width: 11% !important; } /* Должность */

#lkOrgPanelMembers table th:nth-child(6),
#lkOrgPanelMembers table td:nth-child(6){ width: 10% !important; } /* Отдел */

#lkOrgPanelMembers table th:nth-child(7),
#lkOrgPanelMembers table td:nth-child(7){ width: 11% !important; } /* Телефон */

#lkOrgPanelMembers table th:nth-child(8),
#lkOrgPanelMembers table td:nth-child(8){ width: 10% !important; } /* Рабочее место */

#lkOrgPanelMembers table th:nth-child(9),
#lkOrgPanelMembers table td:nth-child(9){ width: 10% !important; } /* Действие */

#lkOrgMembersTbody td:last-child{
  white-space: nowrap !important;
}

#lkOrgMembersTbody td:last-child .btn{
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
}

#lkOrgMembersTbody td:nth-child(2),
#lkOrgMembersTbody td:nth-child(4),
#lkOrgMembersTbody td:nth-child(7),
#lkOrgMembersTbody td:nth-child(8){
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}

/* ===== Org workplaces full-width layout ===== */
#lkOrgPanelWorkplaces .fc-org-two-col{
  display:grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  align-items: start !important;
}

#lkOrgPanelWorkplaces .fc-org-two-col > .card:first-child{
  max-width: 640px !important;
}

#lkOrgPanelWorkplaces .fc-org-two-col > .card:last-child{
  width: 100% !important;
  max-width: none !important;
}

#lkOrgPanelWorkplaces .tableWrap{
  overflow-x: visible !important;
}

#lkOrgPanelWorkplaces table{
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

#lkOrgPanelWorkplaces thead th{
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-align: left !important;
}

#lkOrgPanelWorkplaces tbody td{
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  vertical-align: top !important;
}

/* table Рабочие места */
#lkOrgWorkplacesTbody td:nth-child(1){ width: 21% !important; } /* Рабочее место */
#lkOrgWorkplacesTbody td:nth-child(2){ width: 10% !important; } /* Статус */
#lkOrgWorkplacesTbody td:nth-child(3){ width: 14% !important; } /* Сотрудник */
#lkOrgWorkplacesTbody td:nth-child(4){ width: 16% !important; } /* Устройство */
#lkOrgWorkplacesTbody td:nth-child(5){ width: 13% !important; } /* Отдел */
#lkOrgWorkplacesTbody td:nth-child(6){ width: 12% !important; } /* Инв. № */
#lkOrgWorkplacesTbody td:nth-child(7){ width: 14% !important; } /* Действие */

#lkOrgWorkplacesTbody td:last-child{
  white-space: nowrap !important;
}

#lkOrgWorkplacesTbody td:last-child .btn{
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
}

/* table Устройства */
#lkOrgDevicesTbody td:nth-child(1){ width: 18% !important; } /* Устройство */
#lkOrgDevicesTbody td:nth-child(2){ width: 16% !important; } /* Сотрудник */
#lkOrgDevicesTbody td:nth-child(3){ width: 18% !important; } /* Рабочее место */
#lkOrgDevicesTbody td:nth-child(4){ width: 14% !important; } /* Отдел */
#lkOrgDevicesTbody td:nth-child(5){ width: 14% !important; } /* Инв. № */
#lkOrgDevicesTbody td:nth-child(6){ width: 20% !important; } /* Действие */

#lkOrgDevicesTbody td:last-child{
  white-space: nowrap !important;
}

#lkOrgDevicesTbody td:last-child .btn{
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
}

@media (max-width: 980px){
  #lkOrgPanelWorkplaces .fc-org-two-col{
    grid-template-columns: 1fr !important;
  }

  #lkOrgPanelWorkplaces .fc-org-two-col > .card:first-child{
    max-width: none !important;
  }
}

/* ===== Profile only reflow ===== */
[data-lk-tab="profile"] .fc-prof-only-shell{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-only-topbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

[data-lk-tab="profile"] .fc-prof-only-main{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.15fr);
  gap:18px;
  align-items:start;
}

[data-lk-tab="profile"] .fc-prof-only-left{
  display:grid;
  gap:18px;
}

[data-lk-tab="profile"] .fc-prof-only-right{
  display:block;
}

[data-lk-tab="profile"] .fc-prof-only-left > .card,
[data-lk-tab="profile"] .fc-prof-only-right > .card{
  min-width:0;
  width:100%;
}

[data-lk-tab="profile"] .fc-prof-source-hide{
  display:none !important;
}

@media (max-width: 980px){
  [data-lk-tab="profile"] .fc-prof-only-main{
    grid-template-columns:1fr;
  }
}


/* ===== global remove: bottom floating contacts widget ===== */
#fitscalcOverlay,
#fitscalcAskBtn,
#fitscalcWidget,
#contactsWidget,
.fcWidgetBtn,
.fcWidgetCard.contactsWidget,
.fcModal,
.fcOverlay{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}



mobileOverlayMenu,s*.mobileOverlay,s*.mobileOverlayPanel,s*.mobileOverlayList,s*.mobileOverlayHead,s*.mobileOverlayClose{s*display:none !important;s*visibility:hidden !important;s*pointer-events:none !important;s*}s*#mobileOverlayMenu,
.mobileOverlay,
.mobileOverlayPanel,
.mobileOverlayList,
.mobileOverlayHead,
.mobileOverlayClose{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* FC_BANNER_FULL_DESKTOP_20260318 */
@media (min-width: 641px) {
  .bannerCard {
    overflow: hidden;
  }

  .bannerPicture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 100%;
  }

  .bannerImg {
    display: block;
    width: 100%;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

/* FC_BANNER_COVER_RESTORE_20260318 */
@media (min-width: 641px) {
  .bannerCard {
    overflow: hidden;
  }

  .bannerImg {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}


/* FC_TOPBAR_NAV_DESIGN_20260318 */
.topbar .container,
.topbar .topbar-inner,
.topbar .topbarWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

/* логотип левее и без лишнего воздуха */
.topbar .brand,
.topbar .logoWrap,
.topbar .topbar-brand {
  flex: 0 0 auto;
  margin-right: 8px;
}

.topbar .brand img,
.topbar .topbar-brand img,
.topbar .logoWrap img {
  display: block;
  max-height: 56px;
  width: auto;
}

/* nav как единое поле */
.topbar nav,
.topbar .topnav,
.topbar .topbar-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}

/* ссылки меню */
.topbar nav a,
.topbar .topnav a,
.topbar .topbar-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #52627c;
  text-decoration: none;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  transition: .18s ease;
  white-space: nowrap;
}

/* общий hover */
.topbar nav a:hover,
.topbar .topnav a:hover,
.topbar .topbar-nav a:hover {
  color: #18365d;
  background: #f4f8fd;
  border-color: #d7e3f0;
}

/* личный кабинет как CTA */
.topbar nav a[href*="login"],
.topbar nav a[href*="account"],
.topbar nav a[href*="cabinet"],
.topbar .topnav a[href*="login"],
.topbar .topnav a[href*="account"],
.topbar .topnav a[href*="cabinet"],
.topbar .topbar-nav a[href*="login"],
.topbar .topbar-nav a[href*="account"],
.topbar .topbar-nav a[href*="cabinet"] {
  margin-left: 8px;
  color: #fff;
  font-weight: 600;
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
  box-shadow: 0 10px 24px rgba(37,99,235,.18);
}

.topbar nav a[href*="login"]:hover,
.topbar nav a[href*="account"]:hover,
.topbar nav a[href*="cabinet"]:hover,
.topbar .topnav a[href*="login"]:hover,
.topbar .topnav a[href*="account"]:hover,
.topbar .topnav a[href*="cabinet"]:hover,
.topbar .topbar-nav a[href*="login"]:hover,
.topbar .topbar-nav a[href*="account"]:hover,
.topbar .topbar-nav a[href*="cabinet"]:hover {
  color: #fff;
  filter: brightness(1.03);
}

/* активная страница */
.topbar nav a.is-active,
.topbar .topnav a.is-active,
.topbar .topbar-nav a.is-active {
  color: #174ea6;
  background: #edf4ff;
  border-color: #b7cdf5;
  font-weight: 600;
}

.topbar nav a.is-active[href*="login"],
.topbar nav a.is-active[href*="account"],
.topbar nav a.is-active[href*="cabinet"],
.topbar .topnav a.is-active[href*="login"],
.topbar .topnav a.is-active[href*="account"],
.topbar .topnav a.is-active[href*="cabinet"],
.topbar .topbar-nav a.is-active[href*="login"],
.topbar .topbar-nav a.is-active[href*="account"],
.topbar .topbar-nav a.is-active[href*="cabinet"] {
  color: #fff;
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
  border-color: transparent;
}

@media (max-width: 1100px) {
  .topbar nav a,
  .topbar .topnav a,
  .topbar .topbar-nav a {
    padding: 0 12px;
    font-size: 14px;
  }
}

@media (max-width: 900px) {
  .topbar .brand img,
  .topbar .topbar-brand img,
  .topbar .logoWrap img {
    max-height: 48px;
  }
}

/* FC_TOPBAR_MOBILE_MENU_WORKING_20260318 */
.topbar {
  position: relative;
}

.topbar .container,
.topbar .topbar-inner,
.topbar .topbarWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.topbar nav,
.topbar .topnav,
.topbar .topbar-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}

.topbar nav a,
.topbar .topnav a,
.topbar .topbar-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #52627c;
  text-decoration: none;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  transition: .18s ease;
  white-space: nowrap;
}

.topbar nav a:hover,
.topbar .topnav a:hover,
.topbar .topbar-nav a:hover {
  color: #18365d;
  background: #f4f8fd;
  border-color: #d7e3f0;
}

.topbar nav a.is-active,
.topbar .topnav a.is-active,
.topbar .topbar-nav a.is-active {
  color: #174ea6;
  background: #edf4ff;
  border-color: #b7cdf5;
  font-weight: 600;
}

.topbar nav a[href*="login"],
.topbar nav a[href*="account"],
.topbar nav a[href*="cabinet"],
.topbar .topnav a[href*="login"],
.topbar .topnav a[href*="account"],
.topbar .topnav a[href*="cabinet"],
.topbar .topbar-nav a[href*="login"],
.topbar .topbar-nav a[href*="account"],
.topbar .topbar-nav a[href*="cabinet"] {
  margin-left: 8px;
  color: #fff;
  font-weight: 600;
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
  box-shadow: 0 10px 24px rgba(37,99,235,.18);
}

.topbar nav a[href*="login"]:hover,
.topbar nav a[href*="account"]:hover,
.topbar nav a[href*="cabinet"]:hover,
.topbar .topnav a[href*="login"]:hover,
.topbar .topnav a[href*="account"]:hover,
.topbar .topnav a[href*="cabinet"]:hover,
.topbar .topbar-nav a[href*="login"]:hover,
.topbar .topbar-nav a[href*="account"]:hover,
.topbar .topbar-nav a[href*="cabinet"]:hover {
  color: #fff;
  filter: brightness(1.03);
}

.topbar .fc-nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid #d7e3f0;
  border-radius: 12px;
  background: #ffffff;
  color: #18365d;
  cursor: pointer;
  flex: 0 0 auto;
}

.topbar .fc-nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  position: relative;
}

.topbar .fc-nav-toggle span::before,
.topbar .fc-nav-toggle span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}

.topbar .fc-nav-toggle span::before { top: -6px; }
.topbar .fc-nav-toggle span::after { top: 6px; }

@media (max-width: 980px) {
  .topbar .fc-nav-toggle {
    display: inline-flex;
  }

  .topbar nav,
  .topbar .topnav,
  .topbar .topbar-nav {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 12px;
    left: auto;
    min-width: 260px;
    max-width: min(92vw, 360px);
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    padding: 12px;
    border: 1px solid #d7e3f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(15,23,42,.12);
    z-index: 1000;
  }

  .topbar.is-open nav,
  .topbar.is-open .topnav,
  .topbar.is-open .topbar-nav {
    display: flex;
  }

  .topbar nav a,
  .topbar .topnav a,
  .topbar .topbar-nav a {
    width: 100%;
    justify-content: flex-start;
    padding: 0 14px;
  }

  .topbar nav a[href*="login"],
  .topbar nav a[href*="account"],
  .topbar nav a[href*="cabinet"],
  .topbar .topnav a[href*="login"],
  .topbar .topnav a[href*="account"],
  .topbar .topnav a[href*="cabinet"],
  .topbar .topbar-nav a[href*="login"],
  .topbar .topbar-nav a[href*="account"],
  .topbar .topbar-nav a[href*="cabinet"] {
    margin-left: 0;
    justify-content: center;
  }
}


/* FC_TOPBAR_MOBILE_FORCE_20260318 */
.topbar {
  position: relative;
}

.topbar .fc-nav-toggle{
  display:none !important;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid #d7e3f0;
  border-radius:12px;
  background:#fff;
  color:#18365d;
  cursor:pointer;
  flex:0 0 auto;
}

.topbar .fc-nav-toggle span{
  display:block;
  width:18px;
  height:2px;
  background:currentColor;
  border-radius:2px;
  position:relative;
}

.topbar .fc-nav-toggle span::before,
.topbar .fc-nav-toggle span::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  background:currentColor;
  border-radius:2px;
}

.topbar .fc-nav-toggle span::before{ top:-6px; }
.topbar .fc-nav-toggle span::after{ top:6px; }

@media (max-width: 980px){
  .topbar .fc-nav-toggle{
    display:inline-flex !important;
  }

  .topbar nav,
  .topbar .topnav,
  .topbar .topbar-nav{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 10px) !important;
    right:12px !important;
    left:auto !important;
    min-width:260px !important;
    max-width:min(92vw, 360px) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:12px !important;
    border:1px solid #d7e3f0 !important;
    border-radius:18px !important;
    background:#ffffff !important;
    box-shadow:0 18px 40px rgba(15,23,42,.12) !important;
    z-index:1000 !important;
  }

  .topbar.is-open nav,
  .topbar.is-open .topnav,
  .topbar.is-open .topbar-nav{
    display:flex !important;
  }

  .topbar nav a,
  .topbar .topnav a,
  .topbar .topbar-nav a{
    width:100% !important;
    display:flex !important;
    justify-content:flex-start !important;
    min-height:42px !important;
    padding:0 14px !important;
    border-radius:12px !important;
  }

  .topbar nav a[href*="login"],
  .topbar nav a[href*="account"],
  .topbar nav a[href*="cabinet"],
  .topbar .topnav a[href*="login"],
  .topbar .topnav a[href*="account"],
  .topbar .topnav a[href*="cabinet"],
  .topbar .topbar-nav a[href*="login"],
  .topbar .topbar-nav a[href*="account"],
  .topbar .topbar-nav a[href*="cabinet"]{
    justify-content:center !important;
  }
}


/* FC_TOPBAR_FULL_UNIFY_RECURSIVE_20260318 */
.topbar {
  position: relative;
}

.topbar .topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.topbar .brand,
.topbar .logoWrap,
.topbar .topbar-brand,
.topbar .topbar-inner > a:first-child {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 12px;
}

.topbar .brand img,
.topbar .logoWrap img,
.topbar .topbar-brand img,
.topbar img[src*="logo"],
.topbar img[src*="FitsCalc"],
.topbar img[src*="fitscalc"] {
  display: block;
  max-height: 56px;
  width: auto;
}

.topbar .topbar-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}

.topbar .topbar-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #52627c;
  text-decoration: none;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  transition: .18s ease;
  white-space: nowrap;
}

.topbar .topbar-nav a:hover {
  color: #18365d;
  background: #f4f8fd;
  border-color: #d7e3f0;
}

.topbar .topbar-nav a.is-active {
  color: #174ea6;
  background: #edf4ff;
  border-color: #b7cdf5;
  font-weight: 600;
}

.topbar .topbar-nav a[href*="login"],
.topbar .topbar-nav a[href*="account"],
.topbar .topbar-nav a[href*="cabinet"] {
  margin-left: 8px;
  color: #fff;
  font-weight: 600;
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
  box-shadow: 0 10px 24px rgba(37,99,235,.18);
}

.topbar .topbar-nav a.is-active[href*="login"],
.topbar .topbar-nav a.is-active[href*="account"],
.topbar .topbar-nav a.is-active[href*="cabinet"] {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
}

.topbar .fc-nav-toggle {
  display: none !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid #d7e3f0;
  border-radius: 12px;
  background: #fff;
  color: #18365d;
  cursor: pointer;
  flex: 0 0 auto;
}

.topbar .fc-nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  position: relative;
}

.topbar .fc-nav-toggle span::before,
.topbar .fc-nav-toggle span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}

.topbar .fc-nav-toggle span::before { top: -6px; }
.topbar .fc-nav-toggle span::after { top: 6px; }

@media (max-width: 980px) {
  .topbar .fc-nav-toggle {
    display: inline-flex !important;
  }

  .topbar .topbar-nav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 12px !important;
    min-width: 260px !important;
    max-width: min(92vw, 360px) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid #d7e3f0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.12) !important;
    z-index: 1000 !important;
  }

  .topbar.is-open .topbar-nav {
    display: flex !important;
  }

  .topbar .topbar-nav a {
    width: 100% !important;
    justify-content: flex-start !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
  }

  .topbar .topbar-nav a[href*="login"],
  .topbar .topbar-nav a[href*="account"],
  .topbar .topbar-nav a[href*="cabinet"] {
    justify-content: center !important;
    margin-left: 0 !important;
  }
}

/* FC_TOPBAR_CURRENT_TUNE_20260318 */

/* базовый контейнер шапки */
.topbar {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #dbe4ef;
}

.topbar .topbar-inner {
  width: min(1440px, calc(100% - 40px));
  margin: 0 auto;
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 0;
}

/* логотип */
.topbar .brand {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin: 0;
  min-width: 0;
}

.topbar .brandPicture,
.topbar .brandWordmark {
  display: block;
}

.topbar .brandWordmark {
  width: auto;
  height: auto;
  max-height: 64px;
  max-width: 340px;
}

/* меню desktop */
.topbar .topbar-nav {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.topbar .topbar-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #54657f;
  text-decoration: none;
  white-space: nowrap;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  transition: .18s ease;
}

.topbar .topbar-nav a:hover {
  color: #18365d;
  background: #f5f8fc;
  border-color: #dbe4ef;
}

.topbar .topbar-nav a.is-active {
  color: #1d4ed8;
  background: #eef4ff;
  border-color: #bfd3f8;
  font-weight: 600;
}

.topbar .topbar-nav a[href*="login"],
.topbar .topbar-nav a[href*="account"],
.topbar .topbar-nav a[href*="cabinet"] {
  margin-left: 10px;
  color: #fff;
  font-weight: 600;
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
  box-shadow: 0 10px 24px rgba(37,99,235,.16);
}

.topbar .topbar-nav a[href*="login"]:hover,
.topbar .topbar-nav a[href*="account"]:hover,
.topbar .topbar-nav a[href*="cabinet"]:hover {
  color: #fff;
  filter: brightness(1.03);
}

.topbar .topbar-nav a.is-active[href*="login"],
.topbar .topbar-nav a.is-active[href*="account"],
.topbar .topbar-nav a.is-active[href*="cabinet"] {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
}

/* burger */
.topbar .fc-nav-toggle {
  display: none !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  background: #fff;
  color: #18365d;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(15,23,42,.05);
}

.topbar .fc-nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  position: relative;
}

.topbar .fc-nav-toggle span::before,
.topbar .fc-nav-toggle span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}

.topbar .fc-nav-toggle span::before { top: -6px; }
.topbar .fc-nav-toggle span::after { top: 6px; }

/* tablet */
@media (max-width: 1200px) {
  .topbar .topbar-inner {
    width: min(1200px, calc(100% - 28px));
    gap: 16px;
  }

  .topbar .brandWordmark {
    max-width: 300px;
    max-height: 58px;
  }

  .topbar .topbar-nav a {
    padding: 0 13px;
    font-size: 14px;
  }
}

/* mobile */
@media (max-width: 980px) {
  .topbar .topbar-inner {
    width: calc(100% - 20px);
    min-height: 78px;
    gap: 12px;
  }

  .topbar .brandWordmark {
    max-width: 230px;
    max-height: 50px;
  }

  .topbar .fc-nav-toggle {
    display: inline-flex !important;
    order: 3;
  }

  .topbar .topbar-nav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 10px !important;
    left: auto !important;
    min-width: 260px !important;
    max-width: min(92vw, 360px) !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid #dbe4ef !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 40px rgba(15,23,42,.12) !important;
    z-index: 1000 !important;
  }

  .topbar.is-open .topbar-nav {
    display: flex !important;
  }

  .topbar .topbar-nav a {
    width: 100% !important;
    justify-content: flex-start !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }

  .topbar .topbar-nav a[href*="login"],
  .topbar .topbar-nav a[href*="account"],
  .topbar .topbar-nav a[href*="cabinet"] {
    justify-content: center !important;
    margin-left: 0 !important;
  }
}

/* совсем узкие экраны */
@media (max-width: 520px) {
  .topbar .brandWordmark {
    max-width: 180px;
    max-height: 40px;
  }

  .topbar .topbar-inner {
    min-height: 72px;
  }
}


/* Главная: блок функциональных возможностей */
#mainFunctionalFeatures{
  margin-top: 24px;
}

#mainFunctionalFeatures .card{
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(2,6,23,.06);
}

#mainFunctionalFeatures .card p{
  margin:0;
  font-size:16px;
  line-height:1.7;
}

#mainFunctionalFeatures .listBlueMarkers{
  list-style:none !important;
  padding-left:0 !important;
  margin:18px 0 0 !important;
}

#mainFunctionalFeatures .listBlueMarkers li{
  list-style:none !important;
  position:relative;
  padding-left:28px;
  margin:0 0 12px;
  font-size:16px;
  line-height:1.65;
}

#mainFunctionalFeatures .listBlueMarkers li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#2f80ff;
  box-shadow:0 0 0 4px rgba(47,128,255,.12);
}

@media (max-width: 760px){
  #mainFunctionalFeatures .card p,
  #mainFunctionalFeatures .listBlueMarkers li{
    font-size:15px;
    line-height:1.65;
  }
}


/* docs hero restore */
.heroGridWide{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,0.85fr);
  gap:18px;
  align-items:stretch;
}

.pageHeroCard{
  padding:22px 22px 18px;
  border-radius:22px;
  overflow:hidden;
}

.bannerCard{
  position:relative;
  min-height:100%;
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(192,220,255,.65), transparent 38%),
    radial-gradient(circle at 80% 25%, rgba(255,221,214,.55), transparent 32%),
    radial-gradient(circle at 65% 70%, rgba(204,232,255,.45), transparent 32%),
    linear-gradient(135deg, #fafcfe 0%, #f7f9fd 40%, #fff9f8 100%);
}

.bannerCard .heroGlow{
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg, transparent 0%, rgba(167,198,255,.26) 28%, transparent 55%),
    linear-gradient(25deg, transparent 8%, rgba(255,216,205,.25) 38%, transparent 68%),
    linear-gradient(155deg, transparent 18%, rgba(205,224,255,.18) 42%, transparent 74%);
  pointer-events:none;
}

.heroActions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.heroStats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.heroStat{
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  padding:14px 14px 12px;
  backdrop-filter:blur(6px);
}

.heroStat b{
  display:block;
  font-size:15px;
  line-height:1.35;
  margin-bottom:6px;
}

.heroStat span{
  display:block;
  font-size:14px;
  line-height:1.45;
  color:#475569;
}

@media (max-width: 980px){
  .heroGridWide{
    grid-template-columns:1fr;
  }
  .bannerCard{
    min-height:240px;
  }
  .heroStats{
    grid-template-columns:1fr;
  }
}


/* license.html: основной текст в контейнере */
#licenseContentWrap{
  margin-top: 8px;
}

.legalContentCard{
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 28px rgba(2,6,23,.06);
  padding:26px 28px !important;
}

.legalContentCard h2,
.legalContentCard h3{
  margin-top:0;
  margin-bottom:14px;
}

.legalContentCard p{
  margin:0 0 12px;
  line-height:1.7;
  color:#334155;
}

.legalContentCard ol,
.legalContentCard ul{
  margin:0 0 14px 0;
  padding-left:22px;
}

.legalContentCard li{
  margin-bottom:8px;
  line-height:1.7;
  color:#334155;
}

@media (max-width: 760px){
  .legalContentCard{
    padding:18px 18px !important;
    border-radius:18px;
  }

  .legalContentCard p,
  .legalContentCard li{
    font-size:15px;
    line-height:1.65;
  }
}


/* реквизиты / карточка предприятия */
.tableClean{
  width:100%;
  border-collapse:collapse;
}

.tableClean th,
.tableClean td{
  padding:10px 12px;
  border-top:1px solid rgba(15,23,42,.08);
  vertical-align:top;
  text-align:left;
  line-height:1.55;
}

.tableClean th{
  width:38%;
  color:#475569;
  font-weight:600;
}

.tableClean tr:first-child th,
.tableClean tr:first-child td{
  border-top:0;
}


/* offer.html: синие маркеры */
.listBlueMarkers{
  list-style:none !important;
  padding-left:0 !important;
  margin:16px 0 0 !important;
}

.listBlueMarkers li{
  list-style:none !important;
  position:relative;
  padding-left:28px;
  margin:0 0 12px;
  line-height:1.65;
}

.listBlueMarkers li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#2f80ff;
  box-shadow:0 0 0 4px rgba(47,128,255,.12);
}


/* unified footer */
.footer{
  margin-top:48px;
  padding:30px 0 18px;
  border-top:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#ffffff 0%, #fbfcff 100%);
}

.footerGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:36px;
  align-items:start;
}

.footerGridSimple{
  grid-template-columns:repeat(3,minmax(220px,320px)) !important;
  justify-content:center;
}

.footer b{
  display:block;
  margin-bottom:12px;
  font-size:18px;
  line-height:1.3;
  color:#0f172a;
  font-weight:700;
}

.footerLinks{
  margin:0 !important;
}

.footerLinks a{
  display:block;
  width:fit-content;
  margin-bottom:10px;
  color:#315ea8;
  text-decoration:none;
  line-height:1.45;
  font-size:16px;
  transition:color .18s ease, transform .18s ease, opacity .18s ease;
  position:relative;
}

.footerLinks a:hover{
  color:#1d4ed8;
  transform:translateX(2px);
}

.footerLinks a:active{
  transform:translateX(1px);
}

.footerLinks a::after{
  content:"";
  display:block;
  width:0;
  height:1px;
  background:currentColor;
  transition:width .18s ease;
  opacity:.75;
}

.footerLinks a:hover::after{
  width:100%;
}

.footerBottom{
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid rgba(15,23,42,.08);
  color:#5b677a;
  line-height:1.7;
  font-size:15px;
}

.footerBottom a{
  color:#315ea8;
  text-decoration:none;
}

.footerBottom a:hover{
  color:#1d4ed8;
  text-decoration:underline;
}

@media (max-width: 1100px){
  .footerGrid,
  .footerGridSimple{
    grid-template-columns:1fr 1fr !important;
    gap:28px;
  }
}
}
}

@media (max-width: 760px){
  .footer{
    margin-top:34px;
    padding:24px 0 16px;
  }

  .footerGrid,
  .footerGridSimple{
    grid-template-columns:1fr !important;
    gap:18px;
  }

  .footer b{
    font-size:17px;
    margin-bottom:8px;
  }

  .footerLinks a{
    font-size:15px;
    margin-bottom:8px;
  }

  .footerBottom{
    font-size:14px;
    line-height:1.6;
  }
}


.footerGridSimple{
  grid-template-columns:repeat(3,minmax(220px,1fr)) !important;
}

@media (max-width: 1100px){
  .footerGridSimple{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width: 760px){
  .footerGridSimple{
    grid-template-columns:1fr !important;
  }
}


/* features.html: усиление контраста карточек и FAQ */
.features-page .card,
.page-features .card,
body[data-page="features"] .card{
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 10px 28px rgba(2,6,23,.06);
  background:#fff;
}

.features-page .tableWrap,
.page-features .tableWrap,
body[data-page="features"] .tableWrap{
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}

.features-page table th,
.features-page table td,
.page-features table th,
.page-features table td,
body[data-page="features"] table th,
body[data-page="features"] table td{
  border-color:rgba(15,23,42,.08);
}

.features-page .stepCard,
.page-features .stepCard,
body[data-page="features"] .stepCard{
  border:1px solid rgba(15,23,42,.10);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(2,6,23,.06);
}

.features-page .stepCard > * + *,
.page-features .stepCard > * + *,
body[data-page="features"] .stepCard > * + *{
  border-top:1px solid rgba(15,23,42,.08);
}

.features-page .faqGrid,
.page-features .faqGrid,
body[data-page="features"] .faqGrid{
  display:grid;
  gap:14px;
}

.features-page .faqGrid details,
.page-features .faqGrid details,
body[data-page="features"] .faqGrid details{
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(2,6,23,.05);
}

.features-page .faqGrid summary,
.page-features .faqGrid summary,
body[data-page="features"] .faqGrid summary{
  padding:20px 22px !important;
  font-size:18px !important;
  line-height:1.45 !important;
  font-weight:600;
  color:#0f172a;
}

.features-page .faqGrid details[open] > *:not(summary),
.page-features .faqGrid details[open] > *:not(summary),
body[data-page="features"] .faqGrid details[open] > *:not(summary){
  padding:0 22px 18px !important;
}

.features-page .faqGrid .p,
.features-page .faqGrid p,
.page-features .faqGrid .p,
.page-features .faqGrid p,
body[data-page="features"] .faqGrid .p,
body[data-page="features"] .faqGrid p{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.7 !important;
  color:#475569;
}

.features-page h2,
.page-features h2,
body[data-page="features"] h2{
  color:#0f172a;
}

.features-page .heroStat,
.page-features .heroStat,
body[data-page="features"] .heroStat{
  background:rgba(255,255,255,.74);
  border:1px solid rgba(15,23,42,.08);
}

@media (max-width:760px){
  .features-page .faqGrid summary,
  .page-features .faqGrid summary,
  body[data-page="features"] .faqGrid summary{
    padding:18px !important;
    font-size:17px !important;
  }

  .features-page .faqGrid details[open] > *:not(summary),
  .page-features .faqGrid details[open] > *:not(summary),
  body[data-page="features"] .faqGrid details[open] > *:not(summary){
    padding:0 18px 16px !important;
  }

  .features-page .faqGrid .p,
  .features-page .faqGrid p,
  .page-features .faqGrid .p,
  .page-features .faqGrid p,
  body[data-page="features"] .faqGrid .p,
  body[data-page="features"] .faqGrid p{
    font-size:15px !important;
    line-height:1.65 !important;
  }
}