/* 0.96.430: wspólny nagłówek projektanta (Projekt / Kontrola) — Manrope-owy styl Studia: grafit #55595f, oliwka #9ca383, bez czerwieni
   0.96.460: menu jako lekkie „boksy” w grupach (zaokrąglony prostokąt, cienka ramka; aktywny = grafit z białym tekstem), Kontrola = oliwkowa pigułka.
   Grupy: [Model 3D · Korpus 3D] [Rysunki · Rzuty · CNC · Zawiasy] [Formatki · Materiały · Akcesoria · Dokumentacja] · Kontrola … Udostępnij · Podgląd · Telefon.
   Tylko układ i wygląd — zakładki, data-*, aria i skróty działają jak dotąd. Telefon (<=820 px, Projekt) zostaje dolnym paskiem zakładek. */
.k-modes{align-items:center;display:flex}
.k-hgroup{align-items:center;display:inline-flex;gap:2px}
.k-hpill{align-items:center;border:1px solid transparent;border-radius:999px!important;cursor:pointer;display:inline-flex;font:600 13px/1.2 var(--ui-font,inherit);padding:7px 15px;text-decoration:none;white-space:nowrap}
/* „Kontrola” — osobna oliwkowa pigułka obok ostatniej grupy */
.k-hpill-control{background:#eef0e4;border-color:#9ca383;color:#3f4a2c!important;margin-left:8px}
.k-hpill-control:hover{background:#e3e7d3}
/* „← Projekt” — zwinięta grupa projektowania (w Kontroli zawsze, w Projekcie wyłania się przy przełączaniu) */
.k-hpill-back{background:#55595f;border-color:#55595f;color:#fff!important;margin-right:8px}
.k-hpill-back:hover{background:#3f4247}
.k-hpill-back[data-reveal]{display:none}
.k-hsep{background:#d8d9d2;display:inline-block;height:20px;margin:0 8px;width:1px}
.k-bgroup{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:4px}
/* prawy pasek jest ten sam w obu trybach — przyciski w jednym rzędzie */
.k-head-tools .k-tool,.k-head-tools .k-head-btn{white-space:nowrap}
.k-modes button,.k-modes .k-hpill,.k-modes .k-hbtn{text-transform:none!important;white-space:nowrap}

/* ---------- boksy: zakładki grup, akcje Kontroli i prawy pasek (wszystko tak samo) ---------- */
nav.k-modes[data-modes=control]{background:transparent!important;border-radius:0!important;box-shadow:none!important;flex-wrap:wrap;gap:6px 14px;padding:2px!important}
@media (min-width:821px){nav.k-modes[data-modes=project]{background:transparent!important;border-radius:0!important;box-shadow:none!important;flex-wrap:wrap;gap:6px 14px;padding:2px!important}}
nav.k-modes .k-hpill-control,nav.k-modes .k-hpill-back{margin:0}
nav.k-modes .k-hgroup{flex-wrap:wrap;gap:6px 18px}
nav.k-modes[data-modes=control] .k-bgroup [role=tab],
nav.k-modes .k-bgroup .k-hbtn,
header .k-tools .k-tool,header .k-tools .k-head-btn,header .k-tools summary.k-tool,
header.k-head-unified .k-head-tools .k-head-btn,header.k-head-unified .k-head-tools button{
  align-items:center;background:#fff!important;border:1px solid #d8d9d2!important;border-radius:10px!important;box-shadow:none!important;color:#3a3d42!important;
  cursor:pointer;display:inline-flex;font:600 13px/1.2 var(--ui-font,inherit)!important;margin:0!important;min-height:34px;padding:7px 14px!important;text-decoration:none;white-space:nowrap}
/* zakładki Projektu jako boksy — od 821 px (telefon zostaje dolnym paskiem) */
@media (min-width:821px){nav.k-modes[data-modes=project] .k-bgroup [role=tab]{align-items:center;background:#fff!important;border:1px solid #d8d9d2!important;border-radius:10px!important;box-shadow:none!important;color:#3a3d42!important;
  cursor:pointer;display:inline-flex;font:600 13px/1.2 var(--ui-font,inherit)!important;margin:0!important;min-height:34px;padding:7px 14px!important;text-decoration:none;white-space:nowrap}}
nav.k-modes .k-bgroup .k-hbtn:hover,
header .k-tools .k-tool:hover,header .k-tools .k-head-btn:hover,header.k-head-unified .k-head-tools .k-head-btn:hover,header.k-head-unified .k-head-tools button:hover{
  background:#f7f8f2!important;border-color:#9ca383!important;color:#2c2f33!important}
nav.k-modes .k-bgroup .k-hbtn.print,nav.k-modes .k-bgroup .k-hbtn.print:hover{background:#55595f!important;border-color:#55595f!important;color:#fff!important}
/* stany zakładek: aktywna = grafit z białym tekstem; „Dokumentacja”/„Pliki” = zwykłe boksy z grafitową ramką (nie mylą się z aktywną) */
nav.k-modes[data-modes=control] .k-bgroup [role=tab]:hover{background:#f7f8f2!important;border-color:#9ca383!important;color:#2c2f33!important}
nav.k-modes[data-modes=control] .k-bgroup [role=tab][aria-selected=true],nav.k-modes[data-modes=control] .k-bgroup [role=tab][aria-selected=true]:hover{background:#55595f!important;border-color:#55595f!important;color:#fff!important}
@media (min-width:821px){
  nav.k-modes[data-modes=project] .k-bgroup [role=tab]:hover{background:#f7f8f2!important;border-color:#9ca383!important;color:#2c2f33!important}
  nav.k-modes[data-modes=project] .k-bgroup [role=tab][aria-selected=true],nav.k-modes[data-modes=project] .k-bgroup [role=tab][aria-selected=true]:hover{background:#55595f!important;border-color:#55595f!important;color:#fff!important}
  nav.k-modes[data-modes=project] .k-bgroup .k-tab-docs:not([aria-selected=true]),nav.k-modes[data-modes=project] .k-bgroup .k-tab-files:not([aria-selected=true]){border-color:#55595f!important;color:#55595f!important}
  nav.k-modes[data-modes=project] .k-bgroup .k-tab-docs:not([aria-selected=true]):hover,nav.k-modes[data-modes=project] .k-bgroup .k-tab-files:not([aria-selected=true]):hover{background:#55595f!important;color:#fff!important}
}
nav.k-modes .k-bgroup [role=tab][hidden]{display:none!important}
nav.k-modes .k-bgroup [role=tab]:disabled{cursor:default;opacity:.45}
nav.k-modes :is(button,a):focus-visible,header .k-tools :is(button,a,summary):focus-visible{outline:2px solid #9ca383;outline-offset:2px}
/* „Udostępnij” — jedyny przycisk udostępniania; grafitowa ramka wyróżnia go w prawym pasku */
header .k-tools .k-share-open,header.k-head-unified .k-head-tools .k-share-open{border-color:#55595f!important;color:#55595f!important}
header .k-tools .k-share-open:hover,header.k-head-unified .k-head-tools .k-share-open:hover{background:#55595f!important;color:#fff!important}
header .k-tools [hidden]{display:none!important}

/* te same kolumny w obu trybach. Szeroki ekran: tytuł | zakładki | przyciski w jednym rzędzie; węższy: tytuł + przyciski, zakładki rząd niżej */
@media (min-width:2100px){
  .k-header,header.k-head-unified{column-gap:14px;grid-template-columns:minmax(150px,1fr) auto minmax(max-content,1fr)}
  .k-header .k-tools,header.k-head-unified .k-head-tools{flex-wrap:nowrap;justify-self:end}
  .k-header .k-tabs,header.k-head-unified .tabs{justify-self:center}
}
@media (min-width:821px) and (max-width:2099px){
  .k-header,header.k-head-unified{grid-template-columns:minmax(0,1fr) max-content}
  .k-header .k-title,header.k-head-unified .k-head-title{grid-column:1;grid-row:1}
  .k-header .k-tools,header.k-head-unified .k-head-tools{flex-wrap:nowrap;grid-column:2;grid-row:1}
  .k-header .k-tabs,header.k-head-unified .tabs{grid-column:1 / -1;grid-row:2;justify-self:center;max-width:100%;overflow:visible;flex-wrap:wrap;row-gap:6px}
}
/* 16.10: zakładki projektu wyśrodkowane w nagłówku (także gdy zawijają się do kilku rzędów) */
@media (min-width:821px){
  nav.k-modes[data-modes=project],nav.k-modes[data-modes=project] .k-hgroup{justify-content:center}
}
/* poniżej ~1100 px: prawy pasek zawija się (bez ucinania), grupy zakładek spadają do kolejnych rzędów */
@media (min-width:821px) and (max-width:1100px){
  .k-header .k-tools,header.k-head-unified .k-head-tools{flex-wrap:wrap;justify-content:flex-end}
  nav.k-modes .k-hgroup{gap:6px 12px}
}
/* od 1500 px wszystko mieści się w jednym rzędzie — cienkie separatory między grupami */
@media (min-width:1500px){
  nav.k-modes .k-hgroup{gap:6px 0}
  nav.k-modes .k-bgroup+.k-bgroup{border-left:1px solid #d8d9d2;margin-left:12px;padding-left:12px}
}
/* telefon: Projekt = dolny pasek zakładek (jak dotąd, bez grup); Kontrola = boksy zawijane w rzędach */
@media (max-width:820px){
  .k-hgroup-project,.k-hgroup-project .k-bgroup{display:contents}
  nav.k-modes .k-hpill-control{margin-left:4px}
  nav.k-modes .k-hgroup-control{gap:6px 10px}
  header.k-head-unified{grid-template-columns:minmax(0,1fr)}
  header.k-head-unified .tabs.k-modes{max-width:100%;min-width:0}
  nav.k-modes .k-hgroup-control,nav.k-modes .k-hgroup-control .k-bgroup{flex-wrap:wrap;max-width:100%}
  header.k-head-unified .k-head-tools{flex-wrap:wrap;justify-content:flex-start;justify-self:stretch;max-width:100%}
}
@media print{.k-hpill,.k-hsep{display:none!important}}

/* ======================================================================================================================================
   19.10 (x): NAGŁÓWEK v2 — wariant A z makiet (klasa .hv2 na <header> dokłada naglowek-v2.js; wyłącznik rb_header_v6027 = '0' → ten blok się nie stosuje).
   Wiersz 1: tożsamość (.k-title / .k-head-title) + akcje (.k-tools / .k-head-tools = „Odśwież z PRO100”, „Udostępnij ▾”, „Ustawienia ▾”).
   Wiersz 2: zakładki w grupach Projekt | Dokumenty + pigułka Kontrola. Gdy się nie mieszczą (.hv2-sm): segmenty 44 px + jeden przewijany rząd.
   ====================================================================================================================================== */
header.hv2{--hv2-px:24px;--hv2-h:36px}
header.hv2.hv2-sm{--hv2-h:44px}
@media (pointer:coarse){header.hv2{--hv2-h:44px}}
@media (max-width:1100px){header.hv2{--hv2-px:20px}}
@media (max-width:820px){header.hv2{--hv2-px:16px}}
header.hv2.k-header,header.hv2.k-head-unified{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t a" "s s" "n n";column-gap:16px;row-gap:0;align-items:center;padding:12px var(--hv2-px) 0}
header.hv2 .k-title,header.hv2 .k-head-title{grid-area:t;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;align-self:start}
header.hv2 .k-title>span:not(.hv2-tag),header.hv2 .k-head-title>span:not(.hv2-tag){flex:0 0 100%}
header.hv2 .k-title .k-project{flex:0 1 auto;max-width:min(260px,60vw)}
header.hv2 .k-title h1,header.hv2 .k-head-title h1{flex:0 0 100%;margin:2px 0 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header.hv2 .k-title .studio-home{background:none!important;border:0!important;border-radius:0!important;color:#8e8e93!important;font:600 11px/1.2 var(--ui-font,inherit)!important;letter-spacing:.04em;margin:0!important;min-height:20px;padding:0!important;text-transform:uppercase}
header.hv2 .k-title .studio-home:hover{color:#2c2f33!important}
header.hv2 .k-title .k-sets{margin-top:5px}
header.hv2 .k-title .k-version{margin-top:5px}
.hv2-tag{background:#eef0e4;border:1px solid #9ca383;border-radius:999px;color:#3f4a2c;display:inline-block;font:700 10px/1.4 var(--ui-font,inherit);letter-spacing:.06em;padding:2px 8px}

/* ---- akcje ---- */
header.hv2 .k-tools,header.hv2 .k-head-tools{grid-area:a;align-self:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end;justify-self:end;margin:0}
header.hv2 .hv2-actions .hv2-orig,header.hv2 .hv2-actions [hidden]{display:none!important}
header.hv2 .hv2-actions .hv2-btn,header.hv2 .hv2-actions .hv2-refresh{align-items:center;background:#fff!important;border:1px solid #d8d9d2!important;border-radius:10px!important;box-shadow:none!important;color:#3a3d42!important;cursor:pointer;display:inline-flex;font:600 13px/1.2 var(--ui-font,inherit)!important;gap:7px;justify-content:center;margin:0!important;min-height:var(--hv2-h);padding:0 14px!important;text-decoration:none;white-space:nowrap}
header.hv2 .hv2-actions .hv2-btn:hover{background:#f7f8f2!important;border-color:#9ca383!important;color:#2c2f33!important}
header.hv2 .hv2-actions .hv2-btn[aria-expanded=true]{background:#f7f8f2!important;border-color:#55595f!important}
header.hv2 .hv2-actions .hv2-refresh{background:#6c7454!important;border-color:#6c7454!important;color:#fff!important}
header.hv2 .hv2-actions .hv2-refresh:hover{background:#5b6341!important;border-color:#5b6341!important;color:#fff!important}
header.hv2 .hv2-btn svg{fill:none;flex:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:16px}
header.hv2 .hv2-btn svg.hv2-chev{height:12px;opacity:.7;width:12px}
header.hv2 .hv2-btn:focus-visible,header.hv2 .hv2-mi:focus-visible,header.hv2 .hv2-segb:focus-visible{outline:2px solid #9ca383;outline-offset:2px}
.hv2-wrap{position:relative}
.hv2-pop{background:#fff;border:1px solid #d8d9d2;border-radius:12px;box-shadow:0 10px 28px rgba(44,47,51,.10);padding:6px;position:absolute;right:0;top:calc(100% + 6px);width:330px;z-index:60}
.hv2-pop[hidden]{display:none}
.hv2-pop h6{color:#8e8e93;font:700 10.5px/1.3 var(--ui-font,inherit);letter-spacing:.06em;margin:0;padding:10px 12px 4px;text-transform:uppercase}
header.hv2 .hv2-pop .hv2-mi{align-items:center;background:none!important;border:0!important;border-radius:8px!important;box-shadow:none!important;color:#3a3d42!important;cursor:pointer;display:flex;font:600 13px/1.25 var(--ui-font,inherit)!important;gap:10px;margin:0!important;min-height:44px;padding:8px 12px!important;text-align:left;text-decoration:none;white-space:normal;width:100%}
header.hv2 .hv2-pop .hv2-mi:hover{background:#f7f8f2!important;color:#2c2f33!important}
header.hv2 .hv2-pop .hv2-mi:disabled{cursor:default;opacity:.55}
.hv2-tx{flex:1;min-width:0}
.hv2-tx small{color:#8e8e93;display:block;font-size:11.5px;font-weight:500;margin-top:1px}
.hv2-mi svg.hv2-ext{fill:none;height:16px;opacity:.55;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:16px}
.hv2-rd{border:1.5px solid #d8d9d2;border-radius:50%;flex:none;height:16px;position:relative;width:16px}
.hv2-mi[aria-checked=true] .hv2-rd{border-color:#6c7454}
.hv2-mi[aria-checked=true] .hv2-rd::after{background:#6c7454;border-radius:50%;content:'';inset:3px;position:absolute}
.hv2-sep{background:#d8d9d2;height:1px;margin:4px 6px}
.hv2-note{color:#8e8e93;font-size:11.5px;padding:6px 12px 8px}
/* rb_przedrostek_nazw_v6370: pole „Własny przedrostek” w menu Ustawienia (pod trybami nazw) — te same kolory i krój co pozycje menu */
.hv2-pop:has(.hv2-prefix){max-height:calc(100vh - 96px);overflow-y:auto}
.hv2-prefix{border-top:1px solid #d8d9d2;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;margin:6px 6px 2px;padding:10px 6px 6px}
.hv2-prefix-t{color:#3a3d42;font:600 13px/1.25 var(--ui-font,inherit);grid-column:1/-1}
.hv2-prefix-h,.hv2-prefix-p{color:#8e8e93;font:500 11.5px/1.3 var(--ui-font,inherit);grid-column:1/-1}
.hv2-prefix-p{color:#55595f;font-variant-numeric:tabular-nums}
.hv2-prefix-in,.hv2-prefix-sel{background:#fff;border:1px solid #d8d9d2;border-radius:8px;color:#3a3d42;font:600 13px/1.2 var(--ui-font,inherit);min-height:36px;padding:0 10px}
.hv2-prefix-in{min-width:0}
.hv2-prefix-in:focus-visible,.hv2-prefix-sel:focus-visible,.hv2-prefix-btn:focus-visible{outline:2px solid #9ca383;outline-offset:2px}
.hv2-prefix-btn{background:#6c7454;border:1px solid #6c7454;border-radius:8px;color:#fff;cursor:pointer;font:600 13px/1.2 var(--ui-font,inherit);grid-column:1/-1;min-height:36px;padding:0 14px}
.hv2-prefix-btn:hover:not(:disabled){background:#5b6341;border-color:#5b6341}
.hv2-prefix-btn:disabled{background:#eef0e4;border-color:#d8d9d2;color:#8e8e93;cursor:default}
@media (pointer:coarse){.hv2-prefix-in,.hv2-prefix-sel,.hv2-prefix-btn{min-height:44px}}
.hv2-narrow-only{display:none!important}
header.hv2.hv2-sm .hv2-pop .hv2-narrow-only{display:flex!important}
header.hv2.hv2-sm .hv2-pop h6.hv2-narrow-only{display:block!important}
.hv2-toast{background:#55595f;border-radius:10px;bottom:24px;color:#fff;font:600 12.5px/1.3 var(--ui-font,inherit);left:50%;max-width:90vw;padding:10px 16px;position:fixed;text-align:center;transform:translateX(-50%);z-index:2147483100}

/* ---- wiersz 2: zakładki (jeden rząd, grupy z etykietami; Kontrola po prawej) ---- */
header.hv2 nav.k-modes[data-modes]{grid-area:n;align-items:center;background:transparent!important;border:0;border-radius:0!important;box-shadow:none!important;display:flex;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-start!important;margin:0;max-width:none;padding:8px 0 12px!important;position:static;width:auto}
header.hv2 nav.k-modes .k-hgroup,header.hv2 nav.k-modes .k-bgroup{display:contents!important}
header.hv2 nav.k-modes [data-reveal]{display:none!important}
header.hv2 nav.k-modes .hv2-gl{align-self:center;color:#8e8e93;font:700 10.5px/1 var(--ui-font,inherit);letter-spacing:.06em;margin-right:2px;text-transform:uppercase;white-space:nowrap}
header.hv2 nav.k-modes .hv2-gl[hidden],header.hv2 nav.k-modes .hv2-seg [hidden]{display:none!important}
header.hv2 nav.k-modes .hv2-gl-sep{border-left:1px solid #d8d9d2;margin-left:8px;padding-left:14px}
header.hv2 nav.k-modes[data-modes] [data-tab]{align-items:center;background:#fff!important;border:1px solid #d8d9d2!important;border-radius:10px!important;box-shadow:none!important;color:#3a3d42!important;cursor:pointer;display:inline-flex;flex:none;font:600 13px/1.2 var(--ui-font,inherit)!important;justify-content:center;margin:0!important;min-height:var(--hv2-h);padding:0 12px!important;text-decoration:none;white-space:nowrap}
header.hv2 nav.k-modes[data-modes] [data-tab][hidden]{display:none!important}
header.hv2 nav.k-modes[data-modes] [data-tab]:disabled{cursor:default;opacity:.45}
header.hv2 nav.k-modes[data-modes] [data-tab]:hover:not(:disabled){background:#f7f8f2!important;border-color:#9ca383!important;color:#2c2f33!important}
header.hv2 nav.k-modes[data-modes] [data-tab][aria-selected=true],header.hv2 nav.k-modes[data-modes] [data-tab][aria-selected=true]:hover{background:#55595f!important;border-color:#55595f!important;color:#fff!important}
header.hv2 nav.k-modes[data-modes] .k-hbtn{border-radius:10px!important;min-height:var(--hv2-h);padding:0 14px!important}
header.hv2 nav.k-modes #project-pdf,header.hv2 nav.k-modes #mode-control{margin-left:auto!important}
header.hv2 nav.k-modes .k-hpill{min-height:var(--hv2-h);padding:0 16px}
header.hv2 nav.k-modes .k-hpill-back{margin:0 8px 0 0}
header.hv2 nav.k-modes :is(button,a):focus-visible{outline:2px solid #9ca383;outline-offset:2px}
header.hv2 nav.k-modes .hv2-fade{display:none}
.hv2-seg{display:none}

/* ---- gdy zakładki się nie mieszczą (tablet, wąski laptop, telefon): segmenty grup 44 px + jeden przewijany rząd ---- */
header.hv2.hv2-sm .hv2-seg{background:#fff;border:1px solid #d8d9d2;border-radius:10px;display:grid!important;grid-area:s;grid-template-columns:repeat(var(--n,3),1fr);margin:8px 0 0;overflow:hidden}
header.hv2 .hv2-segb{background:#fff;border:0;border-left:1px solid #d8d9d2;color:#3a3d42;cursor:pointer;font:600 13px/1.2 var(--ui-font,inherit);min-height:44px;padding:0 8px}
header.hv2 .hv2-segb:first-child{border-left:0}
header.hv2 .hv2-segb[aria-selected=true]{background:#55595f;color:#fff}
header.hv2 .hv2-segb-c[aria-selected=true]{background:#6c7454}
header.hv2 .hv2-segb-c:not([aria-selected=true]){background:#eef0e4;color:#3f4a2c}
header.hv2 .hv2-segb:focus-visible{outline-offset:-3px}
header.hv2.hv2-sm nav.k-modes[data-modes]{margin-left:calc(-1*var(--hv2-px));margin-right:calc(-1*var(--hv2-px));overflow-x:auto;overflow-y:hidden;padding:8px var(--hv2-px) 12px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
header.hv2.hv2-sm nav.k-modes[data-modes]::-webkit-scrollbar{display:none}
header.hv2.hv2-sm nav.k-modes .hv2-gl,header.hv2.hv2-sm nav.k-modes #mode-control,header.hv2.hv2-sm nav.k-modes .k-hpill-back,header.hv2.hv2-sm nav.k-modes [data-hv2g=tools]{display:none!important}
header.hv2.hv2-sm nav.k-modes[data-hv2-show=project] [data-hv2g=docs],header.hv2.hv2-sm nav.k-modes[data-hv2-show=docs] [data-hv2g=project]{display:none!important}
header.hv2.hv2-sm nav.k-modes.can-l .hv2-fade-l,header.hv2.hv2-sm nav.k-modes.can-r .hv2-fade-r{display:block}
header.hv2.hv2-sm nav.k-modes .hv2-fade{background:none!important;border:0!important;flex:0 0 0;height:auto;margin:0!important;overflow:visible;padding:0!important;position:sticky;width:0;z-index:3}
header.hv2.hv2-sm nav.k-modes .hv2-fade::before{bottom:0;content:'';position:absolute;top:0;width:52px}
header.hv2.hv2-sm nav.k-modes .hv2-fade::after{border-right:2px solid #55595f;border-top:2px solid #55595f;content:'';height:8px;position:absolute;top:50%;width:8px}
header.hv2.hv2-sm nav.k-modes .hv2-fade-r{right:0}
header.hv2.hv2-sm nav.k-modes .hv2-fade-r::before{background:linear-gradient(90deg,rgba(255,255,255,0),#fff 60%);right:0;width:52px}
header.hv2.hv2-sm nav.k-modes .hv2-fade-r::after{right:calc(var(--hv2-px) - 4px);transform:translateY(-50%) rotate(45deg)}
header.hv2.hv2-sm nav.k-modes .hv2-fade-l{left:0}
header.hv2.hv2-sm nav.k-modes .hv2-fade-l::before{background:linear-gradient(270deg,rgba(255,255,255,0),#fff 60%);left:0}
header.hv2.hv2-sm nav.k-modes .hv2-fade-l::after{left:calc(var(--hv2-px) - 4px);transform:translateY(-50%) rotate(-135deg)}

/* tablet / telefon (≤ 820 px): dawny dolny pasek zakładek (klient.css) nie obowiązuje — zakładki są w nagłówku */
@media (max-width:820px){
  body.hv2on .k-main{padding-bottom:0}
  header.hv2 .hv2-pop{width:min(340px,calc(100vw - 24px))}
}
/* telefon awaryjnie: akcje w osobnym rzędzie, menu na całą szerokość */
@media (max-width:620px){
  header.hv2.k-header,header.hv2.k-head-unified{grid-template-areas:"t" "a" "s" "n";grid-template-columns:minmax(0,1fr)}
  header.hv2 .k-tools,header.hv2 .k-head-tools{justify-self:stretch;margin-top:10px}
  header.hv2 .hv2-actions .hv2-refresh{flex:1}
  header.hv2 .hv2-actions .hv2-settings{padding:0!important;width:44px}
  header.hv2 .hv2-actions .hv2-settings .hv2-lbl{display:none}
  header.hv2 .hv2-wrap{position:static}
  header.hv2 .hv2-pop{left:8px;right:8px;top:auto;width:auto}
  header.hv2 .k-title h1{white-space:normal}
}
@media print{header.hv2 .hv2-seg,header.hv2 .hv2-wrap,header.hv2 .hv2-gl,header.hv2 .hv2-fade,.hv2-toast{display:none!important}}
header.hv2 nav.k-modes[data-modes] [data-tab].k-tab-docs:not([aria-selected=true]),header.hv2 nav.k-modes[data-modes] [data-tab].k-tab-files:not([aria-selected=true]){background:#fff!important;border-color:#d8d9d2!important;color:#3a3d42!important}
header.hv2 nav.k-modes[data-modes] [data-tab].k-tab-docs:not([aria-selected=true]):hover,header.hv2 nav.k-modes[data-modes] [data-tab].k-tab-files:not([aria-selected=true]):hover{background:#f7f8f2!important;border-color:#9ca383!important;color:#2c2f33!important}
header.hv2 nav.k-modes #mode-control{order:100}
header.hv2 nav.k-modes[data-modes]{min-width:0}
header.hv2 nav.k-modes[data-modes]{justify-self:stretch!important;width:100%!important}
header.hv2 .k-head-title .studio-home{background:none!important;border:0!important;border-radius:0!important;color:#8e8e93!important;font:600 11px/1.2 var(--ui-font,inherit)!important;letter-spacing:.04em;margin:0!important;min-height:20px;padding:0!important;text-transform:uppercase}
header.hv2 .k-head-title .studio-home:hover{color:#2c2f33!important}
header.hv2 .hv2-lbl{color:inherit;display:inline;font:inherit;letter-spacing:0;text-transform:none}
header.hv2 .hv2-seg .hv2-segb{border-radius:0!important;box-shadow:none!important;margin:0!important}
header.hv2.hv2-sm nav.k-modes .hv2-fade{align-self:stretch!important;min-height:44px}

/* 19.10 (z3): przelacznik w menu Ustawienia (Uwagi na modelu) - pole wyboru, cel >= 44 px (jak reszta wierszy menu); komunikat bledu kopiowania linku */
.hv2-ck{border:1.5px solid #d8d9d2;border-radius:4px;flex:none;height:18px;position:relative;width:18px}
.hv2-mi[aria-checked=true] .hv2-ck{background:#6c7454;border-color:#6c7454}
.hv2-mi[aria-checked=true] .hv2-ck::after{border:solid #fff;border-width:0 2px 2px 0;content:'';height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}
.hv2-toast.hv2-toast-err{background:#4a4f56;box-shadow:0 0 0 2px #c9a24b inset}
