/* PLEVIX Business v69 – Prehľad firmy, mobilný Chrome kontrast a bezpečná VIXI */
.ecosystem-visual.suite-web{--suite-count:13}
.suite-web .overview-node{width:180px!important;padding:13px 14px!important;border-color:#c4b5fd88!important;background:linear-gradient(145deg,#31265f,#5b35a2)!important;box-shadow:0 28px 72px #7c3aed75,0 0 0 5px #c084fc1e!important;z-index:9!important}
.suite-web .overview-node .node-icon{width:45px!important;height:45px!important;background:linear-gradient(135deg,#8b5cf6,#4f46e5)!important;color:#fff!important;box-shadow:0 0 25px #c084fc77}
.suite-web .overview-node .node-copy b{font-size:12px!important}.suite-web .overview-node .node-copy small{color:#ddd6fe!important;font-size:10px!important}.suite-web .overview-node .live{background:#ffffff18!important;color:#fff!important}.suite-web .overview-crown{display:block;margin:0 0 7px;color:#e9d5ff;font-size:10px;font-weight:950;letter-spacing:.16em;text-align:center}
.suite-web .overview-node:hover,.suite-web .overview-node:focus-visible{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--suite-radius) * -1 - 19px)) rotate(calc(var(--angle) * -1)) scale(1.09)!important}
.overview-product-card{grid-column:1/-1!important;min-height:0!important;border-color:#a78bfa66!important;background:radial-gradient(circle at 92% 10%,#c084fc20,transparent 28%),linear-gradient(145deg,#fff,#f3f0ff)!important}.overview-product-card h3{max-width:850px!important}.overview-product-card>p{max-width:900px!important}
/* Chrome/Brave na Androide nesmie dediť vyblednutú opacity ani transparentný fill textu.
   Pravidlá sú preto vynútené cez !important — ale LEN v svetlom režime. Kým platili
   všade, súperili s tmavou podobou nižšie v tomto súbore a prehliadač raz vybral
   jedno, raz druhé: karty Centra pomoci občas ostali biele aj v tmavom režime. */
.help-center-v56,.help-center-v56 *{-webkit-font-smoothing:antialiased}
html:not([data-plevix-theme="dark"]) .help-center-v56 .help-center-grid a,html:not([data-plevix-theme="dark"]) .help-center-v56 .help-center-grid a *{opacity:1!important;filter:none!important;mix-blend-mode:normal!important;text-shadow:none!important}
html:not([data-plevix-theme="dark"]) .help-center-v56 .help-center-grid a{background:#fff!important;color:#172033!important;-webkit-text-fill-color:#172033!important}
html:not([data-plevix-theme="dark"]) .help-center-v56 .help-center-grid b{color:#172033!important;-webkit-text-fill-color:#172033!important;font-weight:850!important}
html:not([data-plevix-theme="dark"]) .help-center-v56 .help-center-grid small{color:#536176!important;-webkit-text-fill-color:#536176!important;font-weight:500!important}
html:not([data-plevix-theme="dark"]) .help-center-v56 .help-center-grid i,html:not([data-plevix-theme="dark"]) .help-center-v56 .help-center-grid em{color:#574dd3!important;-webkit-text-fill-color:#574dd3!important}
@media(max-width:1380px) and (min-width:1021px){.ecosystem-visual.suite-web{--suite-radius:325px;max-width:940px}}@media(max-width:1020px) and (min-width:861px){.ecosystem-visual.suite-web{--suite-radius:250px;max-width:740px}}
@media(min-width:1381px){.ecosystem-visual.suite-web{--suite-radius:340px;max-width:1000px}}
@media(max-width:860px){.suite-web .overview-node{grid-column:1/-1!important;order:-2;width:100%!important;min-height:105px!important;transform:none!important}.suite-web .overview-node:hover,.suite-web .overview-node:focus-visible{transform:none!important}.suite-web .overview-crown{text-align:left}.overview-product-card{grid-column:auto!important}}
/* Na úzkom portrétnom mobile zostáva iba ikona VIXI. Text nesmie vytekať mimo obrazovky. */
@media(max-width:700px) and (orientation:portrait){
 body #vixiLaunch.px-v67-home-vixi,body #vixiLaunch.vixi-launch{right:max(10px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;padding:5px!important;overflow:hidden!important;contain:layout paint!important}
 body #vixiLaunch.px-v67-home-vixi .vixi-launch-copy,body #vixiLaunch.vixi-launch .vixi-launch-copy{display:none!important}
 body #vixiLaunch.px-v67-home-vixi .vixi-launch-avatar,body #vixiLaunch.vixi-launch .vixi-launch-avatar{width:42px!important;height:42px!important;min-width:42px!important;margin:0!important}
}
/* ===========================================================================
   v72 – kompaktny zoznam nastrojov v sekcii #nastroje.
   Karta zostava <article class="product-card"> vnutri .products, takze filter
   "Zobrazit pre:" (site-experience-v64.js) ju najde rovnako ako doteraz:
   podla .products .product-card a podla PRVEHO odkazu <a href> v karte.
   V karte je jediny odkaz "Otvorit ..." s cestou nastroja, takze parovanie
   profilov (szco / firma / uctovnik) ostava nezmenene.
   =========================================================================== */
.products .product-card.tool-compact{display:block!important;min-height:0!important;padding:0!important;overflow:hidden}
.products .product-card.tool-compact:hover{transform:none}
.product-card.tool-compact>details{margin:0}
.product-card.tool-compact summary{list-style:none;padding:12px 14px;cursor:pointer;border-radius:23px}
.product-card.tool-compact summary::-webkit-details-marker{display:none}
.product-card.tool-compact summary::marker{content:""}
.product-card.tool-compact summary:hover{background:#f7f6ff}
.product-card.tool-compact summary:focus-visible{outline:2px solid #6d5efc;outline-offset:-3px}
.product-card.tool-compact .tool-head{display:flex;align-items:center;gap:11px;margin:0!important;font-size:inherit!important;font-weight:400;letter-spacing:normal}
.product-card.tool-compact .product-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;font-size:16px}
.product-card.tool-compact .tool-copy{flex:1 1 auto;min-width:0}
.product-card.tool-compact .tool-copy b{display:block;font-size:13.5px;font-weight:900;line-height:1.25;letter-spacing:-.02em}
.product-card.tool-compact .tool-copy small{display:block;margin-top:3px;color:#4b5b72;font-size:11px;font-weight:500;line-height:1.45}
.product-card.tool-compact .active-label{flex:0 0 auto;align-self:center;margin-left:0}
.product-card.tool-compact .tool-head:after{content:"+";flex:0 0 22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#f0efff;color:#5146cc;font-size:14px;font-weight:950}
.product-card.tool-compact details[open] .tool-head:after{content:"\2212"}
.product-card.tool-compact .tool-body{padding:2px 14px 14px 63px}
.product-card.tool-compact .tool-cat{display:block;margin-bottom:6px;color:#7c8598;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.product-card.tool-compact .tool-body p{margin:0;color:#4b5b72;font-size:11.5px;line-height:1.65}
.product-card.tool-compact .feature-pills{margin:10px 0 11px}
.product-card.tool-compact .tool-body .btn{min-height:38px;padding:9px 14px;font-size:10.5px}
@media(max-width:600px){
 .products.suite-products{gap:10px!important}
 .product-card.tool-compact summary{padding:11px 12px}
 .product-card.tool-compact .tool-body{padding:2px 12px 12px 12px}
 .product-card.tool-compact .tool-copy small{font-size:10.5px}
}
html[data-plevix-theme="dark"] .product-card.tool-compact .tool-copy small,
html[data-plevix-theme="dark"] .product-card.tool-compact .tool-body p,
html[data-plevix-theme="dark"] .product-card.tool-compact .tool-cat{color:#aeb8cb!important}
html[data-plevix-theme="dark"] .product-card.tool-compact summary:hover{background:#161d2c}
html[data-plevix-theme="dark"] .product-card.tool-compact .tool-head:after{background:#1b2333!important;color:#b9b4ff!important}
/* Skrytie filtrom musi ostat silnejsie nez display:block kompaktnej karty. */
.products .product-card.tool-compact[hidden],
.products .product-card.tool-compact.px-tool-hidden{display:none!important}

/* ── Tmavý režim pre karty Centra pomoci ────────────────────────────────────
   Pravidlo vyššie vynucuje biele pozadie cez `!important`, aby sa vyriešil
   kontrast v svetlom režime. V tmavom režime z toho bolo sedem veľkých bielych
   kariet, ktoré svietili cez celú stránku.

   Tmavá podoba musí byť rovnako dôrazná, inak ju pôvodné pravidlo prebije. */
html[data-plevix-theme="dark"] .help-center-grid a{
  background:#141a27!important;
  border-color:#303a50!important;
  color:#e8edf7!important;
  -webkit-text-fill-color:#e8edf7!important;
}
html[data-plevix-theme="dark"] .help-center-grid b{
  color:#f4f7ff!important;
  -webkit-text-fill-color:#f4f7ff!important;
}
html[data-plevix-theme="dark"] .help-center-grid a small,
html[data-plevix-theme="dark"] .help-center-grid a span{
  color:#b8c2d4!important;
  -webkit-text-fill-color:#b8c2d4!important;
}

/* ── Štítky a odkazy, ktoré v tmavom režime svietili ────────────────────────
   Boli to svetlé pilulky (#dcfce7, #eef2ff, #e8f8f1) navrhnuté na biele
   pozadie. V tmavom režime z nich boli jasné škvrny.

   Tón zostáva ten istý — zelený zelený, fialový fialový — len sa prevrátil:
   tmavé pozadie, svetlé písmo. Význam štítku sa tým nemení. */
html[data-plevix-theme="dark"] .sale-badge{
  background:#10301f!important;
  color:#7fe0b0!important;
}
html[data-plevix-theme="dark"] .addon-state{
  background:#1e1c3a!important;
  color:#b9b0ff!important;
}
html[data-plevix-theme="dark"] .active-label{
  background:#0f2f24!important;
  color:#7fe0b0!important;
}
html[data-plevix-theme="dark"] .blog-cat{
  background:#1e1c3a!important;
  color:#b9b0ff!important;
}
html[data-plevix-theme="dark"] .status-action{
  background:transparent!important;
  color:#c4b5fd!important;
}

/* Dlaždice s písmenami v Centre pomoci vkladá skript `homepage-v56.js`
   (svetlo fialová #eeecff). V tmavom režime z nich boli svetlé štvorce pri
   každej karte. Tón zostáva fialový, len prevrátený. */
html[data-plevix-theme="dark"] .help-center-grid i{
  background:#241f47!important;
  color:#b9b0ff!important;
  -webkit-text-fill-color:#b9b0ff!important;
}