/* Przewodniki: kreator planu serwisu (serwis) i przewodnik po substracie (substrat). Dokłada się do pages.css, niczego nie zmienia. */
.psec--widget .sec__b{max-width:none}
.sec__b p.src{font-size:12.5px;line-height:1.7;color:var(--muted);margin-top:28px;max-width:78ch}
.gd{--f1:#1d4435;--f2:#153629;--f3:#2a5846;--sg-line:#a5cfb9;margin:0}
.gd__lead{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 24px;max-width:62ch}
.sec__b .gd p+p{margin-top:0}

/* karty rodzajów */
.gd__tabs{display:flex;gap:4px 8px;flex-wrap:wrap;margin:0 0 clamp(22px,2.6vw,34px);border-bottom:1px solid var(--line)}
.gd__tab{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:10px 18px 12px 4px;margin-bottom:-1px;background:none;border-bottom:2px solid transparent;font-size:clamp(16px,1.3vw,19px);font-weight:600;letter-spacing:-.02em;color:#51615a;transition:color var(--dur-state) var(--ease-io),border-color var(--dur-state) var(--ease-io)}
.gd__tab:hover{color:var(--ink)}
.gd__tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--sel-bar)}
.gd__tab:focus-visible{outline:3px solid #a07626;outline-offset:-3px;border-radius:3px}
.gd__ic{width:26px;height:26px;color:var(--svc-deep);flex:0 0 auto}
.gd__ic svg{width:100%;height:100%}
.gd__cnt{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--ink);color:var(--green);font-size:11px;font-weight:650;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}
.gd__cnt[data-n="0"]{display:none}
.gd__tabs--t .gd__tab{padding-right:14px}

/* lista pozycji + rysunek */
.gd__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3.4vw,56px);align-items:start}
.gd__grid--sub{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.gd__fig{position:sticky;top:118px;margin:0;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#244b3e 0%,#17362c 62%,#153026 100%);border:1px solid #ffffff1c;box-shadow:0 30px 60px -28px #04120d99;padding:clamp(8px,2vw,22px)}
.gd__scene[hidden]{display:none}
.gd .gd__assets{display:block;margin:0;padding:0}
.sec__b .gd__assets li.gd__asset{display:block;transition:background var(--dur-state) var(--ease-io)}
.gd__asset{position:relative}
.gd__asset::before{content:'';position:absolute;left:0;top:-1px;bottom:0;width:2px;background:var(--sel-bar);transform:scaleY(0);transition:transform var(--dur-state) var(--ease-io)}
.gd__asset:has(input:checked){background:var(--sel-bg)}
.gd__asset:has(input:checked)::before{transform:none}
.gd__asset:has(input:checked) .prep__row,.gd__asset .prep__row:hover{background:none}
.gd__asset.is-hot{background:color-mix(in srgb,var(--ink) 3%,transparent)}
.gd__asset:has(input:checked).is-hot{background:var(--sel-bg)}
.gd__asset .prep__row::before{display:none}
.gd__asset .prep__row{height:100%}
.gd__hint{font-size:13px;color:#4f6a3d}
.gd__sel{width:100%;min-height:44px;padding:9px 34px 9px 12px;border:1px solid var(--line);border-radius:3px;background:#fbfbf6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23142923' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;font-size:14px;font-weight:550;color:var(--ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-io),opacity var(--dur-fast) var(--ease-out)}
.gd__sel:disabled{opacity:.45;cursor:not-allowed}
.gd__sel:not(:disabled):hover{border-color:var(--svc-deep)}
.gd__sel:focus-visible{outline:3px solid #a07626;outline-offset:2px}

/* sceny izometryczne */
.gd-svg{display:block;width:100%;height:auto;overflow:visible}
.gd-p{opacity:.42;transition:opacity var(--dur-state) var(--ease-io),filter var(--dur-state) var(--ease-io)}
.gd-p.is-on,.gd-p.is-hot{opacity:1}
/* Konfigurator serwisu: neutralna geometria jest czytelna przed wyborem (a21), wybrane elementy bez zmian. */
.gd--plan .gd-p{opacity:.7}
.gd--plan .gd-p.is-on,.gd--plan .gd-p.is-hot{opacity:1}
.gd-p.is-on{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--svc) 42%,transparent))}
.gd-p.is-on .sg-f,.gd-p.is-hot .sg-f,.gd-p.is-on .sg-chimney,.gd-p.is-on .sg-pole,.gd-p.is-on .sg-wire,.gd-p.is-on .gd-pole,.gd-p.is-on .gd-pipe,.gd-p.is-on .gd-belt,.gd-p.is-on .gd-mesh,.gd-p.is-on .gd-rod,.gd-p.is-on .gd-door{stroke:var(--svc)}
.gd-p.is-on .sg-top.sg-f{fill:color-mix(in srgb,var(--svc) 24%,var(--f3))}
.gd-pipe,.gd-belt,.gd-mesh,.gd-rod,.gd-door,.gd-pole,.gd-cable{fill:none;stroke:var(--sg-line);stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--dur-state) var(--ease-io)}
.gd-pipe{stroke-width:3}.gd-belt{stroke-width:5;stroke-opacity:.7}.gd-mesh{stroke-width:1.4;stroke-dasharray:3 4}.gd-rod,.gd-door{stroke-width:3}.gd-pole{stroke-width:3.2}
.gd-cable{stroke:var(--svc);stroke-width:2.2;stroke-dasharray:6 5}
.gd-flame,.gd-flask{fill:#10281f;stroke:var(--svc);stroke-width:1.6;stroke-linejoin:round}
.gd-bolt,.gd-plus{fill:none;stroke:var(--svc);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.gd-port{fill:#10281f;stroke:var(--svc);stroke-width:1.8;stroke-linecap:round}
.gd-zone{fill:none;stroke:var(--svc);stroke-width:1.8;stroke-dasharray:5 9;stroke-linecap:round}
.gd-iso{fill:#10281f;stroke:var(--sg-line);stroke-width:1.4}
.gd-drone{fill:#10281f;stroke:var(--svc);stroke-width:1.8;stroke-linecap:round}
.gd-beam{fill:none;stroke:var(--svc);stroke-width:1.2;stroke-dasharray:3 5;stroke-opacity:.8}
.gd-head{fill:#e9f2cf;stroke:var(--svc);stroke-width:1.4}
.gd-cone{fill:color-mix(in srgb,var(--svc) 22%,transparent);stroke:none}
.gd-p:not(.is-on) .gd-cone{fill-opacity:.35}
polygon.gd-ghost{fill:none;stroke:var(--sg-line);stroke-width:1.4;stroke-dasharray:4 5;stroke-linejoin:round}
polygon.gd-foil{fill:#4b7e63;stroke:var(--sg-line);stroke-width:1}
.gd-route{fill:none;stroke:var(--svc);stroke-width:2.6;stroke-dasharray:3 9;stroke-linecap:round}
.gd-store{display:none}.gd-store.is-on{display:inline}
.gd--sub .gd-route,.gd__supply .gd-route{animation:none}
.gd-living .gd-store{display:inline;opacity:0}
.gd-stock *{fill:#afc779!important;stroke:none!important;fill-opacity:.65}
.gd-delivery-top{fill:#d9ff7a;stroke:#3d5948;stroke-width:1;stroke-linejoin:round}
.gd-delivery-side{fill:#799968;stroke:#3d5948;stroke-width:1;stroke-linejoin:round}
.gd-loading .gd-delivery-side{fill:#afc779}
.gd-pick-unknown .gd-delivery-side{fill:#17362c;stroke-dasharray:2 2}
.gd-pick-unknown .gd-delivery-top{fill:#a5cfb9;fill-opacity:.3}
.gd__supply{display:grid;grid-template-columns:minmax(280px,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,3vw,48px);margin-bottom:24px}
.gd__supply .gd__supply-fig{position:sticky;top:112px;min-width:0;padding:18px}
.gd__supply-fig .gd-svg{margin-bottom:16px}
.gd__supply .gd__bal{margin-bottom:0;min-width:0}
.gd__supply-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-height:48px;border-top:1px solid #a5cfb940;padding-top:14px;font-size:12px;color:#a5cfb9}
.gd__supply-total{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--green)}
@media(max-width:900px){.gd__supply{grid-template-columns:minmax(0,1fr)}.gd__supply .gd__supply-fig{position:static;width:100%;max-width:540px;justify-self:center}}
.gd-p.is-on .gd-bolt,.gd-p.is-on .gd-zone{animation:none}
@media(prefers-reduced-motion:no-preference){
.gd-route{animation:gd-dash 1.6s linear infinite}
.gd-zone{animation:gd-dash 12s linear infinite}
@keyframes gd-dash{to{stroke-dashoffset:-48}}
}

/* dokument planu */
.gd__out{margin-top:clamp(36px,4.4vw,64px);padding-top:clamp(28px,3.4vw,44px);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,3.4vw,52px);align-items:start}
.gd__fields{display:flex;flex-direction:column;gap:18px}
.gd__f{display:flex;flex-direction:column;gap:7px}
.gd__f>span{font-size:12px;font-weight:600;color:var(--muted);line-height:1.4}
.gd__f input,.gd__f textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #767e73;border-radius:3px;background:#fbfbf6;font-size:15px;color:var(--ink);resize:vertical;transition:border-color var(--dur-fast) var(--ease-io)}
.gd__f input:hover,.gd__f textarea:hover{border-color:var(--svc-deep)}
.gd__f input:focus-visible,.gd__f textarea:focus-visible{outline:3px solid #a07626;outline-offset:2px}
.gd__doc{background:#fbfbf6;border:1px solid var(--line);border-radius:4px;padding:clamp(20px,2.6vw,34px);min-width:0}
.gd__doch{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:6px}
.gd__doch h3{font-size:clamp(22px,2vw,28px);margin-top:8px}
.gd__meta{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.6;white-space:pre-line}
.gd__grp{margin-top:22px}
.gd__grp>h4{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#4c7230;margin:0 0 4px}
.gd__it{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:12px 0;border-top:1px solid var(--line)}
.gd__it strong{font-size:16px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.gd__it em{font-size:12px;font-weight:650;color:var(--ink);background:color-mix(in srgb,var(--svc) 30%,transparent);border-radius:3px;padding:3px 8px;align-self:start;white-space:nowrap}
.gd__it span{grid-column:1/-1;font-size:13.5px;line-height:1.55;color:var(--muted)}
.gd__cal{margin-top:16px}
.gd__cal h5{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 8px}
.gd__crow{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:6px 0}
.gd__crow>span{font-size:12.5px;line-height:1.3;color:var(--ink)}
.gd__cells{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}
.gd__cells>i{font-style:normal;height:16px;border-radius:2px;background:#e4e7da}
.gd__cells>i.on{background:var(--svc-deep)}
.gd__cells>b{font-weight:600;font-size:11px;text-align:center;color:var(--muted);line-height:1.2}
.gd__sum{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--ink)}
.gd__sum+.gd__sum{border:0;margin-top:4px;padding-top:0}
.gd__empty{font-size:14px;color:var(--muted);padding:22px 0 4px}
.gd__acts{grid-column:1/-1;display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap}
.gd__copy{min-height:50px;padding:0 20px;border:1px solid var(--ink);border-radius:3px;background:transparent;font-size:12px;font-weight:650;color:var(--ink);transition:background var(--dur-fast) var(--ease-io),color var(--dur-fast) var(--ease-io)}
.gd__copy:hover{background:var(--ink);color:var(--paper)}
.gd__copy:focus-visible{outline:3px solid #a07626;outline-offset:3px}
.gd__status{grid-column:1/-1;font-size:14px;color:var(--muted);margin:0}
.gd__status:empty{display:none}

/* substrat: fakty, sezon, karta */
.gd__plead{font-size:clamp(17px,1.4vw,20px);line-height:1.5;letter-spacing:-.015em;color:var(--ink);margin:0 0 18px;max-width:46ch}
.gd__facts{margin:0}
.gd__facts>div{padding:15px 0;border-top:1px solid var(--line)}
.gd__facts>div:last-child{border-bottom:1px solid var(--line)}
.gd__facts dt{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#4c7230;margin-bottom:5px}
.gd__facts dd{margin:0;font-size:15.5px;line-height:1.65;color:#3d4d45}
.gd__chips{border:0;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.gd__chip{position:relative;display:inline-flex}
.gd__chip input{position:absolute;opacity:0;width:1px;height:1px}
.gd__chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:22px;font-size:14px;font-weight:600;color:#51615a;cursor:pointer;transition:background var(--dur-fast) var(--ease-io),color var(--dur-fast) var(--ease-io),border-color var(--dur-fast) var(--ease-io)}
.gd__chip:hover span{border-color:var(--svc-deep);color:var(--ink)}
.gd__chip input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.gd__chip input:focus-visible+span{outline:3px solid #a07626;outline-offset:3px}
.gd__chart{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.gd__axis,.gd__row{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);gap:16px;align-items:center}
.gd__row{padding:12px 0;border-top:1px solid var(--line)}
.gd__row strong{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.gd__row small{display:block;font-size:12.5px;line-height:1.45;color:var(--muted);margin-top:2px}
.gd__axis{padding-bottom:8px}
.gd__axis .gd__cells{font-size:11px}
.gd__axis .gd__cells>span{font-size:11px;font-weight:600;color:var(--muted);text-align:center}
.gd__chart .gd__cells>i{height:26px;border-radius:3px}
.gd__chart .gd__cells>i.fresh{background:var(--svc-deep)}
.gd__chart .gd__cells>i.store{background:repeating-linear-gradient(135deg,#d3d8c8 0 4px,#e4e7da 4px 8px)}
.gd__legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin:14px 0 0}
.gd__k{display:inline-block;width:22px;height:12px;border-radius:2px;margin-left:10px}.gd__k:first-child{margin-left:0}
.gd__k--fresh{background:var(--svc-deep)}.gd__k--store{background:repeating-linear-gradient(135deg,#d3d8c8 0 4px,#e4e7da 4px 8px)}
.gd__note{font-size:15px;line-height:1.65;color:var(--ink);margin:18px 0 0;max-width:62ch}
.gd__note:empty{display:none}
.gd--karta .gd__kgrid{max-width:880px}
.gd--karta .gd__out{margin-top:clamp(28px,3.4vw,44px)}

/* podstawa terminu, pola przy zaznaczonej pozycji, bilans dostaw */
.gd__basis{align-self:flex-start;margin-left:auto;font-size:11.5px;font-weight:650;color:var(--ink);background:color-mix(in srgb,var(--svc) 28%,transparent);border-radius:3px;padding:4px 9px;line-height:1.35;text-align:right;max-width:170px}
.gd__asset .prep__row,.gd__brow .prep__row{display:flex;align-items:flex-start;gap:12px}.gd__asset .prep__box,.gd__brow .prep__box{flex:none}
.gd__sub{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 16px;padding:2px 14px 18px 58px}
.gd__sub[hidden]{display:none}
.gd__last{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gd__last>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;cursor:pointer;list-style:none;font-size:13px;font-weight:650;color:var(--ink)}
.gd__last>summary::-webkit-details-marker{display:none}
.gd__last .plus{font-style:normal;font-size:20px;line-height:1;transition:transform var(--dur-fast) var(--ease-io)}
.gd__last[open] .plus{transform:rotate(45deg)}
.gd__lastb{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 16px;padding:4px 0 16px}
.gd__lastb>.gd__due{grid-column:1/-1}
.gd__sf{display:flex;flex-direction:column;gap:6px}
.gd__sf>span{font-size:12px;font-weight:600;color:var(--muted);line-height:1.4}
.gd__sf--w{grid-column:1/-1}
.gd__in{width:100%;min-height:44px;padding:9px 12px;border:1px solid #767e73;border-radius:3px;background:#fbfbf6;font-size:14px;font-weight:550;color:var(--ink)}
.gd__in:hover{border-color:var(--svc-deep)}
.gd__in:focus-visible{outline:3px solid #a07626;outline-offset:2px}
.gd__due{grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.55;color:#3d4d45}
.gd__h{font-size:clamp(18px,1.5vw,22px);letter-spacing:-.02em;margin:clamp(30px,3.4vw,48px) 0 22px}
.gd__lead+.gd__h{margin-top:8px}
.gd__brow{position:relative;border-top:1px solid var(--line)}
.gd__bal{margin:0 0 24px;padding:0;list-style:none;max-width:880px}
.gd__brow:has(input:checked){background:var(--sel-bg)}
.gd__brow .prep__row::before{display:none}
.gd__brow .gd__sub{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}

/* druk */
#gd-print{display:none}
@media print{
  body.gd-printing>*:not(#gd-print){display:none!important}
  body.gd-printing #gd-print{display:block;padding:0;color:#000;background:#fff;font-family:Manrope,Arial,sans-serif}
  body.gd-printing .gd__doc{border:0;background:#fff;padding:0}
  body.gd-printing .gd__it,body.gd-printing .gd__crow{break-inside:avoid}
  body.gd-printing .gd__cells>i{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.gd-printing .gd__it em{border:1px solid #000;background:#fff}
}

@media(max-width:960px){
  .gd__grid,.gd__grid--sub,.gd__out{grid-template-columns:minmax(0,1fr)}
  .gd__fig{position:static;order:-1}
  .gd__out .gd__fields{order:0}.gd__out .gd__doc{order:1}.gd__out .gd__acts{order:2}.gd__out .gd__status{order:3}
}
@media(max-width:700px){
  .gd__sub{padding-left:12px;grid-template-columns:minmax(0,1fr)}
  .gd__tab{padding-right:10px;gap:8px}
  .gd__tabs--t{gap:2px 14px}
  .gd__axis,.gd__row{grid-template-columns:minmax(0,1fr);gap:8px}
  .gd__axis .gd__al{display:none}
  .gd__acts .primary-button{width:100%}
  .gd__copy{width:100%}
}
.primary-button:disabled{opacity:.4;cursor:not-allowed}
.gd__large{display:flex;gap:0;align-items:flex-start;margin:0 0 18px;font-size:14px;line-height:1.55;color:#3d4d45;cursor:pointer;min-height:44px}

.gd__large{position:relative}
.gd__large input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.gd__large>span::before{content:'';display:inline-block;box-sizing:border-box;width:20px;height:20px;margin:0 12px -4px 0;border:1.5px solid #4c7230;border-radius:3px;background:#fff;vertical-align:baseline}
.gd__large input:checked+span::before{background:var(--ink,#142923) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 6.8' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E") center/16px no-repeat;border-color:var(--ink,#142923)}
.gd__large input:focus-visible+span::before{outline:3px solid #a07626;outline-offset:2px}
@media(max-width:560px){.gd__asset .prep__row,.gd__brow .prep__row{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:8px}.gd__basis{grid-column:2;justify-self:start;margin-left:0;text-align:left;max-width:none}}
/* px3: lista i rysunek kreatora w jednej kolumnie, dopóki kolumna treści jest wąska */
@media(max-width:1200px){.gd__grid:not(.gd__grid--sub){grid-template-columns:minmax(0,1fr)}.gd__grid:not(.gd__grid--sub) .gd__fig{position:static;order:-1;display:grid;justify-items:center}.gd__grid:not(.gd__grid--sub) .gd__fig .gd__scene{width:min(100%,460px)}}
/* px4: znaczniki podstawy w jednym bloku (bez zawijania do 3 wierszy) i szersza kolumna pól przy 961-1200 px */
@media(min-width:561px){.gd__basis{flex:0 0 auto;width:max-content}}
@media(min-width:961px) and (max-width:1200px){.gd__out{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
/* px4: uwaga pod listą substratów nie przykleja się do ostatniego wiersza, gdy wykres jest ukryty */
.sec__b .gd .gd__legend[hidden]+.gd__note{margin-top:18px}

/* a6: serwis, wybór obiektu na początku, warunek powierzchni pod nim z rozwijanym objaśnieniem */
.gd__largew{margin:0 0 clamp(20px,2.4vw,30px)}
.gd__largew .gd__large{margin:0}
.gd__largeh summary{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0 0 32px;transition:color var(--dur-fast,.2s) ease,border-color var(--dur-fast,.2s) ease;font-size:13px;font-weight:600;color:#3d4d45;cursor:pointer;border-bottom:1px solid #14292340;list-style:none}
.gd__largeh summary::-webkit-details-marker{display:none}
.gd__largeh summary:hover{color:var(--ink);border-bottom-color:var(--ink)}
.gd__largeh summary:focus-visible{outline:3px solid #a07626;outline-offset:2px}
.gd__largeh p{margin:4px 0 0 32px;max-width:62ch;font-size:14px;line-height:1.6;color:#3d4d45}
@media(max-width:700px){
.gd--plan .gd__tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;border-bottom:0;margin-bottom:14px}
.gd--plan .gd__tab{width:100%;min-height:56px;padding:10px 16px;margin:0;border:1px solid #14292355;border-radius:3px;background:#fff;justify-content:flex-start}
.gd--plan .gd__tab>span:nth-child(2){flex:1;text-align:left}
.gd--plan .gd__tab[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.gd--plan .gd__tab[aria-selected=true] .gd__ic{color:var(--green)}
.gd--plan .gd__cnt{background:var(--green);color:var(--ink)}
}

/* a12: kreator serwisu na szerokim ekranie: szersza lista przy wąskim rysunku, objaśnienie warunku w linii z polem, pola rozciągnięte do wysokości podsumowania */
@media(min-width:1201px){
.gd--plan .gd__grid{grid-template-columns:minmax(0,1fr) clamp(300px,26vw,400px)}
.gd--plan .gd__fig{top:112px}
.gd__largew{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-bottom:clamp(14px,1.6vw,22px)}
.gd__largew .gd__large{min-height:44px;margin:0;align-items:center}
.gd__largeh summary{margin:0;min-height:44px}
.gd__largeh[open]{flex:1 0 100%}
.gd__largeh[open] summary{margin-left:32px}
.gd__largeh p{margin:0 0 6px 32px}
.gd--plan .gd__out{align-items:stretch}
.gd--plan .gd__fields{height:100%}
.gd--plan .gd__f:last-child{flex:1}
.gd--plan .gd__f:last-child textarea{flex:1;min-height:120px;resize:none}
}

/* s1: długie uwagi pozycji pokazują się po zaznaczeniu; „Co jest już przygotowane” otwiera się na życzenie */
.gd__sx{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0 0}
.gd__sx>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;cursor:pointer;list-style:none;font-size:clamp(16px,1.4vw,19px);font-weight:600;color:var(--ink)}
.gd__sx>summary::-webkit-details-marker{display:none}
.gd__sx .plus{font-size:28px}.gd__sx[open]>summary .plus{transform:rotate(45deg)}
.gd__sx[open]>.gd__kgrid{padding-bottom:20px}
@media print{.gd__sx>summary{display:none}}

/* a13 item 9: wiersz to nazwa urządzenia i jedno zdanie; dłuższe objaśnienie pod „Zakres przeglądu”, dane ostatniego przeglądu po wyborze; na telefonie pasek „Wybrano” prowadzi do podsumowania */
.gd__scope{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gd__scope>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;cursor:pointer;list-style:none;font-size:13px;font-weight:650;color:var(--ink)}
.gd__scope>summary::-webkit-details-marker{display:none}
.gd__scope .plus{font-style:normal;font-size:20px;line-height:1;transition:transform var(--dur-fast) var(--ease-io)}
.gd__scope[open] .plus{transform:rotate(45deg)}
.gd__scope>p{margin:0 0 12px;font-size:13.5px;line-height:1.6;color:#4f6a3d;max-width:62ch}
.gd__bar{display:none}
@media(max-width:900px){
  .gd__bar:not([hidden]){display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;bottom:0;z-index:5;margin-top:14px;min-height:56px;padding:0 16px;background:var(--ink);color:#f0f0e7;font-size:14px;font-weight:650;border-radius:3px;box-shadow:0 -10px 18px -10px #14292366}
  .gd__bar b{color:var(--green);font-weight:700}
  .gd__bar__go{display:inline-flex;align-items:center;gap:8px;font-size:13px}
}
@media print{.gd__bar{display:none!important}}
.gd__bar>span{white-space:nowrap}
@media(max-width:420px){.gd__bar{padding:0 14px;font-size:13.5px}.gd__bar__go{font-size:12.5px;gap:6px}}
/* a14: pasek „Wybrano” na 360 px: drugi człon zawija się zamiast wychodzić poza krawędź */
@media(max-width:420px){.gd__bar>span:last-child{white-space:normal;text-align:right;line-height:1.25;min-width:0}.gd__bar>span:first-child{flex:0 0 auto}}

/* a20 item 3: wybór rodzaju substratu na telefonie: dwie kolumny komórek o równej wysokości z obrysem, piąta na całą szerokość; zaznaczenie podkreśla dolną krawędź komórki */
@media(max-width:700px){
.gd__tabs--t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-bottom:0}
.gd__tabs--t .gd__tab{margin:0;min-height:56px;padding:10px 12px;border:1px solid var(--line);border-radius:3px;justify-content:flex-start;text-align:left;line-height:1.2}
.gd__tabs--t .gd__tab:last-child:nth-child(odd){grid-column:1/-1}
.gd__tabs--t .gd__tab[aria-selected=true]{border-color:var(--sel-bar);box-shadow:inset 0 -2px 0 var(--sel-bar)}
}

/* a24 item 4: w kreatorze serwisu model jest pełnoprawnym partnerem listy (około 60 do 40) i zostaje przyklejony przy przewijaniu */
@media(min-width:1100px){
.gd--plan .gd__grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.gd--plan .gd__fig{top:100px}
}