/* Wygenerowane z mockups/_mk/wyniki-witryny-v7.mjs przez bin/_ww-export-css.mjs — NIE edytuj ręcznie, zmień makietę i wygeneruj ponownie. */

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.wrap{max-width:1360px}
.topbar{grid-template-columns:1fr auto 1fr;margin-bottom:14px;overflow:visible}

/* ===== PASEK DANYCH (realnosc zrodla + przelacznik objasnien) ===== */
.databar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--border-light);border-radius:13px;padding:11px 15px;margin-bottom:20px}
.db-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.db-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:5px 11px;border-radius:99px;white-space:nowrap}
.db-chip.db-real{color:#15803d;background:#dcfce7}
.db-chip svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.db-meta{font-size:11.5px;color:var(--text-light);display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.db-meta b{color:var(--text-medium);font-weight:800}
.db-sep{color:var(--border-soft)}
.db-toggle{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--brand-green-soft);
  color:var(--brand-green-text);font-size:12px;font-weight:800;padding:7px 13px;border-radius:99px;cursor:pointer;
  font-family:inherit;transition:all .16s ease;white-space:nowrap;flex:none}
.db-toggle:hover{border-color:var(--brand-green);background:var(--brand-green-light)}
.db-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.db-toggle .db-eye-off{display:none}
body.xpl-off .db-toggle .db-eye{display:none}
body.xpl-off .db-toggle .db-eye-off{display:inline}

/* ===== ZWIJANIE OBJASNIEN (nasze snippety tekstowe) ===== */
.xpl{position:relative}
.xpl-x{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:8px;border:1px solid transparent;
  background:rgba(255,255,255,.7);color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;
  padding:0;font-family:inherit;transition:all .15s ease;z-index:3}
.xpl-x:hover{background:#fff;border-color:var(--border-light);color:var(--text-dark)}
.xpl-x svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
body.xpl-off .xpl{display:none!important}
/* margines noty pod tabela — POPRAWKA (uwaga Marcina: brak marginesow przy legendzie progu) */
.tbl-foot-note{margin:16px 4px 2px;padding:11px 14px;background:var(--bg-soft,#f7f9f8);border:1px solid var(--border-light);
  border-radius:10px;font-size:11.5px;color:var(--text-light);line-height:1.6}
.tbl-foot-note .wk{color:#b45309;font-weight:800;margin-right:3px}

/* ===== PIGULKI ZMIAN (okres do okresu / rok do roku) ===== */
.delta-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px;white-space:nowrap;font-variant-numeric:tabular-nums}
.delta-pill small{font-size:9.5px;font-weight:700;opacity:.75;text-transform:uppercase;letter-spacing:.3px}
/* kierunek strzalki bierze .up/.down z baseline; kolor nadaje ocena .is-good/.is-bad */
.delta-pill.is-good{color:#15803d!important;background:#dcfce7!important}
.delta-pill.is-bad{color:#b91c1c!important;background:#fee2e2!important}
.delta-pill.is-flat{color:var(--text-light)!important;background:#f1f5f4!important}
.kpi-deltas{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
table td .delta-pill{font-size:11px;padding:2px 7px}

/* ===== TABELA PORÓWNANIA OKRESÓW ===== */
.cmp-tbl th.cmp-h{text-align:right}
.cmp-tbl td.cmp-base{color:var(--text-light);font-variant-numeric:tabular-nums;text-align:right}
.cmp-metric{font-weight:700;color:var(--text-dark)}
.cmp-metric small{display:block;font-weight:500;font-size:11px;color:var(--text-light);margin-top:2px}
.cmp-cur{font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums;text-align:right}

/* ===== NOTA ARYSTOTELESA ===== */
.arist-note{display:flex;gap:18px;align-items:center;background:var(--brand-green-light);border:1px solid var(--brand-green-soft);border-radius:14px;padding:16px 20px;margin-top:16px}
.arist-note .arist-img{flex:none;width:auto;height:104px;object-fit:contain;background:transparent;border:0}
.arist-tx{font-size:12px;color:var(--text-medium);line-height:1.6;min-width:0}
.arist-tx p{margin:0}.arist-tx b{color:var(--brand-green-dark)}
.arist-tx code{font-family:'Roboto Mono',monospace;font-size:.86em;background:#fff;padding:1px 5px;border-radius:5px}
@media(max-width:980px){.arist-note{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 17px}.arist-note .arist-img{height:88px}}

/* ===== BANERY ===== */
.warn-box,.verdict-box{display:flex;gap:14px;align-items:flex-start;border-radius:14px;padding:16px 19px;margin-top:16px}
.warn-box{background:#fff7ed;border:1px solid #fed7aa}
.verdict-box{background:#fef2f2;border:1px solid #fecaca}
.wb-ico,.vb-ico{flex:none;width:38px;height:38px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center}
.wb-ico svg{width:21px;height:21px;fill:none;stroke:#b45309;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vb-ico svg{width:21px;height:21px;fill:none;stroke:#dc2626;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wb-tx,.vb-tx{min-width:0;padding-right:24px}
.wb-title{display:block;font-size:14px;font-weight:800;color:#92400e}
.wb-body{display:block;font-size:12.5px;color:#9a5717;line-height:1.6;margin-top:4px}
.wb-body b{color:#7c2d12}
.vb-title{display:block;font-size:14px;font-weight:800;color:#991b1b}
.vb-body{display:block;font-size:12.5px;color:#b91c1c;line-height:1.6;margin-top:4px}
.vb-body b{color:#7f1d1d}

/* ===== KARTY / WYKRESY / TABELE (wspolne) ===== */
.card-head{margin-bottom:10px}
.card-title{font-size:14.5px;font-weight:800;color:var(--text-dark);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.source-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#15803d;background:#dcfce7;padding:3px 8px;border-radius:99px}
.chart-card{margin-top:16px}
.chart-box{position:relative;height:300px}
.chart-box.tall{height:340px}
.chart-box.bars{height:380px}
.donut-wrap{position:relative;height:250px}
.donut-legend{display:flex;flex-direction:column;gap:7px;margin-top:14px}
.donut-legend .li{display:flex;align-items:center;gap:9px;font-size:13px}
.donut-legend .dot{width:11px;height:11px;border-radius:3px;flex:none}
.donut-legend .nm{flex:1;color:var(--text-medium);min-width:0}
.donut-legend .pct{font-weight:700;color:var(--text-dark);font-variant-numeric:tabular-nums}
.tbl-card .tbl-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse}
table th,table td{padding:11px 12px;text-align:left;font-size:13px;border-bottom:1px solid var(--border-light)}
table thead th{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--text-light);white-space:nowrap}
table td.num,table th.num{text-align:right;font-variant-numeric:tabular-nums}
table td.strong{font-weight:800;color:var(--text-dark)}
table td.rev{font-weight:700;color:#b45309;white-space:nowrap}
table td.rps{font-weight:800;color:var(--brand-green-text);white-space:nowrap}
table td.good-n{color:#15803d;font-weight:800}
table td.bad-n{color:#dc2626;font-weight:800}
.weak{color:var(--text-light);font-size:12px}
.wk{color:#b45309;font-weight:800}
.title-cell a{color:var(--text-dark);font-weight:600;text-decoration:none;border-bottom:1px solid var(--brand-green-soft)}
.title-cell a:hover{color:var(--brand-green-text)}
.ch-dot{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:9px;vertical-align:middle}
.ch-name{font-weight:700;color:var(--text-dark)}
tfoot .sum-row td{font-weight:800;color:var(--text-dark);background:var(--brand-green-light);border-top:2px solid var(--border-soft)}
.warn-row td{background:#fff7ed}
.warn-row .ch-name{color:#9a3412}
.val-bar{display:flex;flex-direction:column;gap:5px;min-width:100px;align-items:flex-end}
.val-bar .vb-num{font-weight:700;color:var(--text-dark)}
.val-bar .vb-track{height:6px;width:100%;border-radius:4px;background:#eef2f0;overflow:hidden}
.val-bar .vb-fill{display:block;height:100%;border-radius:4px}

@media(max-width:768px){
  .databar{gap:11px;padding:12px 14px}
  .db-chip{font-size:12px}
  .db-meta{font-size:12px}
  .db-toggle{font-size:12.5px;width:100%;justify-content:center}
  table td,table th{font-size:13.5px}
  .ch-name{font-size:14px}
  .donut-legend .li{font-size:15px}.donut-legend .pct{font-size:16px}
  .arist-tx{font-size:13px}
  .wb-title,.vb-title{font-size:14.5px}
  .wb-body,.vb-body{font-size:13px}
  .tbl-foot-note{font-size:12.5px}
  .weak{font-size:12.5px}
  .card-title{font-size:15px}
  .kpi-sub{font-size:12.5px}
}


/* ===== NAGŁÓWEK ===== */
.topbar-center{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.dp-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}
.dp-chip.dp-off{opacity:.45;cursor:not-allowed}
.dp-foot{font-size:11.5px;color:var(--text-light);padding:8px 4px 2px;max-width:320px;line-height:1.5}
.set-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:10px;border:1.5px solid var(--brand-green-soft);background:#fff;color:var(--brand-green-text);font-size:12.5px;font-weight:800;text-decoration:none;transition:all .16s ease}
.set-btn:hover{border-color:var(--brand-green);background:var(--brand-green-light)}
.set-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.databar2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--border-light);border-radius:13px;padding:9px 14px;margin-bottom:18px}
.databar2 .db-chip svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.db2-meta{flex:1;min-width:0;font-size:12px;color:var(--text-light)}
/* treść pod modalem niewidoczna do jego zamknięcia: podmiana czcionki nie przesuwa widocznych elementów (CLS) */
body.loading #wwBody{visibility:hidden}

.src-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}
.src-dates{font-size:11.5px;color:var(--text-light)}
.source-tag.ga4{color:#b45309;background:#fef3c7;font-size:11px}
.source-tag.gsc{color:#1d4ed8;background:#dbeafe;font-size:11px}

.verdict{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--border-light);border-left:0;border-radius:14px;padding:15px 18px;margin-bottom:16px}
.verdict p{margin:0;flex:1 1 0;min-width:0;font-size:15px;line-height:1.6;color:var(--text-medium)}
.verdict p b{color:var(--text-dark)}
.vd-tx{flex:1 1 0;min-width:0}.vd-tx p{flex:none}
.verdict p.vd-aside{margin-top:6px;font-size:13px;color:var(--text-light)}
.db2-short{display:none;flex:1;font-size:13px;color:var(--text-light);text-align:center}
.recon .owner-tag.adm{margin-left:auto}
.chk-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.btn-copy{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#1eb88a,#117657);border:0;border-radius:10px;padding:10px 16px;cursor:pointer}
.btn-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.btn-copy.done{background:#475569}
.chk-hint{font-size:12.5px;color:var(--text-light)}
.vd-badge{flex:none;font-size:12px;font-weight:800;padding:5px 11px;border-radius:99px;white-space:nowrap}
.verdict.up .vd-badge{color:#15803d;background:#dcfce7}
.verdict.down .vd-badge{color:#b91c1c;background:#fee2e2}
.verdict.flat .vd-badge{color:#475569;background:#f1f5f9}

.card-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.seg-tog{display:inline-flex;background:#f1f5f4;border-radius:11px;padding:3px;gap:2px;flex-wrap:wrap}
.seg-tog button{border:0;background:transparent;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--text-medium);padding:7px 13px;border-radius:9px;cursor:pointer;transition:all .15s ease;white-space:nowrap}
.seg-tog button:hover{color:var(--text-dark)}
.seg-tog button.on{background:#fff;color:var(--brand-green-text);box-shadow:0 1px 3px rgba(15,40,30,.12)}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chips[hidden]{display:none}
.fchip{display:inline-flex;align-items:center;border:1.5px solid var(--border-light);background:#fff;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--text-medium);padding:6px 12px;border-radius:99px;cursor:pointer;transition:all .15s ease}
.fchip:hover{border-color:var(--brand-green-soft)}
.fchip.on{border-color:var(--brand-green);background:var(--brand-green-light);color:var(--brand-green-text)}
.gdot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px}
.more-btn{display:block;width:calc(100% - 24px);margin:10px 12px 4px;border:1.5px dashed var(--brand-green-soft);background:#fff;color:var(--brand-green-text);font-family:inherit;font-size:13px;font-weight:800;padding:9px;border-radius:10px;cursor:pointer}
.more-btn:hover{background:var(--brand-green-light)}
tr.extra{display:none}
table.show-all tr.extra{display:table-row}

.kpi-value{font-size:clamp(26px,2.4vw,34px)}
.kpi-spark{margin-top:auto;height:42px}
.kpi-prev{font-size:11.5px;color:var(--text-light);align-self:center}
.kpi-deltas{align-items:center}
.kpi-sub{font-size:11.5px;color:var(--text-light);margin-top:4px}
.mstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.mstat{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:12px 15px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ms-l{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-light)}
.ms-v{font-size:21px;font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums}
.ms-s{font-size:12px;color:var(--text-light)}
.ms-s a{color:var(--brand-green-text);font-weight:700}
.mstat .delta-pill{align-self:flex-start}
.summary-grid{margin-top:14px}
.signal-value{font-size:15px;font-weight:800;color:var(--text-dark);line-height:1.3}
.signal-sub{font-size:12.5px;color:var(--text-light)}
.signal-label{font-size:11.5px}

.split-2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.split-2>*{min-width:0}
.split-2[hidden],.seg-card[hidden]{display:none}
.chart-box.short{height:260px}
.chart-box.bars{height:420px}

/* ===== TYPY RUCHU ===== */
.type-card{padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.tb-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tb-item{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;border:1px solid var(--border-light);border-radius:12px;padding:11px 13px;min-width:0}
.tb-n{font-size:12.5px;font-weight:800;color:var(--text-medium);flex:1;min-width:0}
.tb-item b{font-size:20px;font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums}
.tb-s{flex-basis:100%;font-size:12px;color:var(--text-light)}
.tb-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:center}
.tb-lab{font-size:12.5px;font-weight:700;color:var(--text-medium)}
.tb-bar{display:flex;height:16px;border-radius:6px;overflow:hidden;background:#eef2f0}
.tb-seg{height:100%}
.tb-cost{font-size:12px;color:var(--text-light)}
.paid-tag{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:800;color:#4338ca;background:#e0e7ff;padding:2px 7px;border-radius:99px;vertical-align:1px}
.seg-v-sub{display:block;margin-top:5px;font-size:11.5px;color:var(--text-light);font-family:'Roboto Mono',monospace}

/* ===== PODSTRONY ===== */
.pages-top{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.home-card{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:18px;align-items:center;padding:16px 20px}
.home-l{display:flex;align-items:center;gap:13px;min-width:0}
.home-ico{width:42px;height:42px;border-radius:11px;background:var(--brand-green-light);display:flex;align-items:center;justify-content:center;flex:none}
.home-ico svg{width:21px;height:21px;fill:none;stroke:var(--brand-green-dark);stroke-width:2;stroke-linejoin:round}
.home-t{display:block;font-size:15px;font-weight:800;color:var(--text-dark)}
.home-u{font-family:'Roboto Mono',monospace;font-size:12px;color:var(--brand-green-text);text-decoration:none}
.home-n{display:flex;flex-direction:column}.home-n b{font-size:26px;font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums}
.home-n span{font-size:12px;color:var(--text-light)}
.home-d{display:flex;align-items:center;gap:8px}
.pg-ctrl{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.idx{color:var(--text-light);font-size:12px;width:28px}
.pref{display:block;margin-top:3px;font-family:'Roboto Mono',monospace;font-size:11px;color:var(--text-light);word-break:break-all}
.pref.inl{display:inline;margin:0 0 0 8px;font-weight:500}
.lang-tag{display:inline-block;margin-left:7px;font-size:10.5px;font-weight:800;color:#1d4ed8;background:#dbeafe;padding:2px 6px;border-radius:5px;vertical-align:1px}
.tech-tag{display:inline-block;margin-left:7px;font-size:10.5px;font-weight:800;color:#92400e;background:#fef3c7;padding:2px 7px;border-radius:99px;vertical-align:1px}
.main-tag{display:inline-block;margin-left:7px;font-size:10.5px;font-weight:800;color:#0f6b4f;background:#dcfce7;padding:2px 7px;border-radius:99px}
.title-cell{min-width:220px}
.title-cell>a{word-break:break-word}
td.dlt{text-align:right}
table thead th{font-size:11.5px}
.tbl-foot{display:block;padding:10px 14px 4px;font-size:12px;color:var(--text-light)}

.seg-card{padding:20px 22px}
.seg-list{display:flex;flex-direction:column;gap:16px}
.seg-list[hidden]{display:none}
.seg-v-top{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.seg-dot{width:11px;height:11px;border-radius:3px;flex:none}
.seg-v-name{flex:1;font-size:14px;font-weight:700;color:var(--text-dark);min-width:0}
.seg-v-pct{font-size:16px;font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums}
.seg-v-bar{height:8px;border-radius:5px;background:#eef2f0;overflow:hidden}
.seg-v-bar div{height:100%;border-radius:5px}
.seg-v-bot{display:flex;align-items:center;justify-content:space-between;margin-top:7px;gap:10px}
.seg-v-sess{font-size:12px;color:var(--text-light)}
.seg-v.zero{opacity:.55}
.seg-v.t-nosrc .seg-v-name{color:#475569}

/* ===== GOOGLE ===== */
.mk-sub{display:block;font-size:11.5px;color:var(--text-light);margin-top:2px}
.meas{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:14px;background:#fff;border:1px dashed var(--border-light);border-radius:12px;padding:10px 14px;font-size:12.5px;color:var(--text-medium)}
.meas-l{font-weight:800;color:var(--text-dark)}
.ok-tag{font-size:11px;font-weight:800;color:#15803d;background:#dcfce7;padding:2px 8px;border-radius:99px}
.warn-tag{font-size:11px;font-weight:800;color:#9a3412;background:#ffedd5;padding:2px 8px;border-radius:99px}
.sub-h{font-size:17px;font-weight:800;color:var(--text-dark);margin:26px 0 12px}
.brand-card{padding:20px 22px;display:flex;flex-direction:column;gap:18px}
.bk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bk-grid.bk-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bk{display:flex;flex-direction:column;gap:3px;border:1px solid var(--border-light);border-radius:12px;padding:13px 14px;min-width:0}
.bk-l{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:var(--text-medium)}
.bk-dot{width:12px;height:12px;border-radius:4px;flex:none}
.bk.b .bk-dot{background:#17946e}.bk.n .bk-dot{background:#f59e0b}.bk.h .bk-dot{background:repeating-linear-gradient(45deg,#94a3b8 0 3px,#e2e8f0 3px 6px)}
.bk b{font-size:26px;font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums}
.bk.h b{color:#64748b}
.bk-s{font-size:12px;color:var(--text-light)}
.bk .delta-pill{align-self:flex-start;margin-top:3px}
.brand-bars{display:flex;flex-direction:column;gap:12px}
.bb-row{display:grid;grid-template-columns:130px minmax(0,1fr) 56px;gap:12px;align-items:center}
.bb-lab{font-size:12.5px;font-weight:700;color:var(--text-medium)}
.bb-bar{display:flex;height:22px;border-radius:7px;overflow:hidden;background:#eef2f0}
.bb-seg{height:100%}
.bb-seg.b,.lg.b{background:#17946e}
.bb-seg.n,.lg.n{background:#f59e0b}
.bb-seg.h,.lg.h{background:repeating-linear-gradient(45deg,#94a3b8 0 5px,#e2e8f0 5px 10px)}
.bb-tot{font-size:13px;font-weight:800;color:var(--text-dark);text-align:right;font-variant-numeric:tabular-nums}
.lg{width:12px;height:12px;border-radius:3px;flex:none;display:inline-block}
.q-cell{min-width:220px}
.q-tx{font-weight:700;color:var(--text-dark)}
.qtag{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;vertical-align:1px;white-space:nowrap}
.qtag.brand{color:#0f6b4f;background:#dcfce7}
.qtag.nonbrand{color:#92400e;background:#fef3c7}
#qTbl tr.hide{display:none!important}
.rule-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--brand-green-text);text-decoration:none}
.rule-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rule-link:hover{text-decoration:underline}

/* ===== ODESŁANIA / UZGODNIENIA / ŚLAD USTAWIEŃ ===== */
.tbl-scroll[hidden]{display:none}
.rest-row td{color:var(--text-light);background:#fafbfb}
.own-tag{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;color:#0e7490;background:#cffafe;padding:2px 8px;border-radius:99px}
.own-tag.prop{color:#92400e;background:#fff7ed;border:1px dashed #fdba74}
.recon{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;background:#fff;border:1px dashed var(--border-light);border-radius:12px;padding:10px 14px;font-size:12.5px;color:var(--text-medium)}
.rc-l{font-weight:800;color:var(--text-dark)}
.rc b{color:var(--text-dark)}
.rc-eq{color:var(--text-light);font-weight:800}
.rc-note{color:var(--text-light);flex-basis:100%}
.set-trace{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:12px;color:var(--text-light)}
.set-trace svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.set-trace a{color:var(--brand-green-text);font-weight:700}

.soc-split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.soc-grid-active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.soc-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.soc-empty-row{margin-top:14px}
.soc-chip.ai-chip{background:#94a3b8;color:#fff}
.soc-chip.ai-chip .soc-chip-icon svg{fill:#fff}
.soc-card.other .soc-icon{background:#94a3b8}
.ai-sum{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ai-sum-n{display:flex;align-items:baseline;gap:9px}.ai-sum-n b{font-size:30px;font-weight:800;color:#be185d;font-variant-numeric:tabular-nums}
.ai-sum-n span{font-size:13px;color:var(--text-medium)}
.ai-grid.ai-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ai-card.notebooklm{color:#4285f4;background:linear-gradient(135deg,rgba(66,133,244,.08) 0%,#fff 62%);border-color:rgba(66,133,244,.2)}
.ai-card.copilot{color:#0e7490;background:linear-gradient(135deg,rgba(14,116,144,.08) 0%,#fff 62%);border-color:rgba(14,116,144,.2)}
.ai-card.notebooklm .ai-icon{background:#4285f4}.ai-card.copilot .ai-icon{background:#0e7490}
.ai-card .ai-icon svg{fill:#fff}
.ai-card.faded .ai-value{opacity:.55}
.ai-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ai-sub{font-size:11.5px;color:var(--text-light)}

.gc-name{white-space:nowrap;font-weight:700;color:var(--text-dark)}
.gc-name .fi{margin-right:9px;border-radius:2px}

/* ===== WERSJE JĘZYKOWE ===== */
.lang-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.lang-card{background:#fff;border:1px solid var(--border-light);border-top:3px solid var(--lc);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:5px;min-width:0;position:relative;overflow:hidden}
.lang-card.main{background:linear-gradient(135deg,rgba(30,184,138,.07),#fff 60%)}
.lc-head{display:flex;align-items:center;gap:8px}
.lc-code{font-size:11px;font-weight:800;color:#fff;background:var(--lc);padding:2px 7px;border-radius:5px}
.lc-name{font-size:13px;font-weight:800;color:var(--text-dark);line-height:1.2}
.lc-name small{display:block;font-size:10.5px;font-weight:700;color:var(--text-light);text-transform:none}
.lc-val{font-size:22px;font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums}
.lc-val span{display:block;font-size:11.5px;font-weight:500;color:var(--text-light)}
.lang-card .delta-pill{align-self:flex-start}
.top-c{min-width:200px}
.tc{display:inline-flex;align-items:center;gap:5px;margin:2px 10px 2px 0;font-size:12.5px;white-space:nowrap}
.tc .fi{border-radius:2px}
td.strong .gdot{margin-right:8px}
/* ===== DO SPRAWDZENIA ===== */
.chk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.chk{background:#fff;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:12px;padding:13px 16px;display:flex;flex-direction:column;gap:4px;min-width:0;position:relative;overflow:hidden}
.chk-l{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#9a3412}
.chk b{font-size:26px;font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums}
.chk-s{font-size:12px;color:var(--text-light)}
.chk .delta-pill{align-self:flex-start}
.chk-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.src-mini{list-style:none;margin:0;padding:6px 16px 14px;display:flex;flex-direction:column;gap:9px}
.src-mini li{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:4px 10px;align-items:center;font-size:13px;color:var(--text-medium)}
.src-mini b{text-align:right;color:var(--text-dark);font-variant-numeric:tabular-nums}
.sm-bar{grid-column:1/-1;height:6px;border-radius:4px;background:#f1f5f4;overflow:hidden}
.sm-bar i{display:block;height:100%;background:#f87171;border-radius:4px}
a.mono-a{font-family:'Roboto Mono',monospace;font-size:12.5px;word-break:break-all}
.nowrap{white-space:nowrap}
.owner-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;padding:2px 9px;border-radius:99px;white-space:nowrap}
.owner-tag svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2}
.ms-s .owner-tag{margin-top:6px}
@media(max-width:1200px){.lang-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.chk-grid{grid-template-columns:1fr}}
@media(max-width:560px){.lang-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dec-list,.chg-list{margin:0;padding:18px 22px 18px 44px;border-radius:14px;display:flex;flex-direction:column;gap:10px}
.dec-list{background:#fff7ed;border:1px solid #fed7aa}
.dec-list li{font-size:13.5px;color:#7c2d12;line-height:1.6}
.dec-list b{color:#7c2d12}
.chg-list{background:#eff6ff;border:1px solid #bfdbfe}
.chg-list li{font-size:13.5px;color:#1e3a8a;line-height:1.6}
#sec-zmiany .sh-sub a{color:#1d4ed8;font-weight:800}

.mstat,.home-card,.bk,.verdict,.tb-item{position:relative;overflow:hidden}
body.fx-on .lang-card:hover,body.fx-on .chk:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(20,40,30,.10)}
body.fx-on .mstat:hover,body.fx-on .bk:hover,body.fx-on .tb-item:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(20,40,30,.10)}

@media(max-width:1100px){.ai-grid.ai-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){
  .split-2,.soc-split{grid-template-columns:1fr}
  .mstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-card{grid-template-columns:1fr;gap:10px}
  .ai-grid.ai-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bk-grid.bk-3,.tb-legend{grid-template-columns:1fr}
}
@media(max-width:768px){
  .topbar .pmark{justify-self:center}.topbar .topbar-center{justify-self:center}.topbar .realizacja{justify-self:center}
  .verdict{flex-direction:column;gap:10px}.verdict p{font-size:15.5px}
  .seg-tog button{font-size:13.5px;padding:8px 12px}
  .fchip{font-size:13.5px}
  .ms-l{font-size:12px}.ms-v{font-size:23px}.ms-s{font-size:13px}
  .seg-v-name{font-size:14.5px}.seg-v-pct{font-size:17px}.seg-v-sess{font-size:12.5px}.seg-v-sub{font-size:12px}
  .bk-grid{grid-template-columns:1fr}
  .bb-row,.tb-row{grid-template-columns:1fr 56px}.bb-lab,.tb-lab{grid-column:1/-1}.tb-row .tb-bar{grid-column:1/-1}
  .signal-value{font-size:16px}.signal-sub{font-size:13px}
  .kpi-prev,.kpi-sub,.mk-sub,.src-dates{font-size:12.5px}
  .recon,.meas,.db2-meta,.set-trace,.tbl-foot,.tb-cost{font-size:13px}
  .databar2{justify-content:center}.db2-meta{display:none}.db2-short{display:block;flex-basis:100%}.databar2 .db-toggle{width:100%;justify-content:center}
  #qTbl th:nth-child(3),#qTbl td:nth-child(3),#qTbl th:nth-child(4),#qTbl td:nth-child(4),#qTbl th:nth-child(5),#qTbl td:nth-child(5){display:none}
  .pref{font-size:11.5px}
  .ai-sub{font-size:13px}
  .dec-list li,.chg-list li{font-size:14px}
}
@media(max-width:560px){
  .mstats{grid-template-columns:1fr}
  .ai-grid.ai-grid-5{grid-template-columns:1fr}
  .soc-grid-active{grid-template-columns:1fr}
}
/* „Do sprawdzenia": boczna kolumna ma dwie tabele po 4 kolumny (ok. 520 px). Na laptopie dostawala
   ~500 px i ostatnia kolumna („Zmiana") chowala sie za przewijaniem, wiec ponizej 1360 px bok schodzi pod spod. */
@media(max-width:1360px){#sec-check .split-2{grid-template-columns:minmax(0,1fr)}}



/* ===== CHROME (parytet z panelem Evergreeny / baseline) ===== */
.wrap{position:relative;z-index:1;max-width:1320px}
.topbar{grid-template-columns:1fr auto 1fr;margin-bottom:14px;overflow:visible}
.pmark{display:flex;align-items:center;gap:13px;min-width:0;justify-self:start}
.pmark .pico{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--brand-green),var(--brand-green-dark));display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 8px 18px -8px rgba(30,184,138,.7)}
.pmark .pico svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.pmark .ptx{min-width:0}
.pmark .pname{margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--text-dark);line-height:1.12;display:block}
.pmark .pdom{font-family:'Roboto Mono',monospace;font-size:12px;font-weight:600;color:var(--brand-green-text);display:inline-flex;align-items:center;gap:5px;margin-top:5px}
.pmark .pdom svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.1;opacity:.85}
.portal-sel{position:relative;margin-top:6px;max-width:100%}
.portal-btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand-green-light);border:1px solid var(--brand-green-soft);border-radius:var(--radius-pill);padding:5px 11px;cursor:pointer;font-family:inherit;max-width:100%}
.portal-btn .portal-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-green);flex:none}
.portal-btn .portal-name{font-size:12.5px;font-weight:700;color:var(--brand-green-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.portal-btn .arrow{font-size:9px;color:var(--brand-green-text);flex:none}
.portal-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 16px 40px rgba(20,40,30,.16);padding:6px;display:none;z-index:160}
.portal-menu.open{display:block}
.portal-opt{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:8px 11px;cursor:pointer;font-family:inherit}
.portal-opt:hover,.portal-opt.on{background:var(--brand-green-light)}
.portal-opt .po-name{font-size:12.5px;font-weight:700;color:var(--text-dark)}
.portal-opt .po-dom{font-family:'Roboto Mono',monospace;font-size:11px;color:var(--text-light)}
.topbar-center{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.datepicker,.dp-chip{font-family:inherit}
.dp-chip{background:#fff;cursor:pointer}
.access-chip{display:inline-flex;flex-direction:column;align-items:center;gap:0;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-pill);padding:4px 14px;text-align:center;line-height:1.25}
.access-chip span{font-size:10px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}
.access-chip b{font-size:12px;font-weight:700;color:var(--brand-green-text)}
.realizacja{justify-self:end}
@media(max-width:768px){.topbar{grid-template-columns:1fr;gap:12px;text-align:center}.pmark{justify-self:center}.topbar-center{justify-self:center}.realizacja{justify-self:center;justify-content:center}}
.ft-legal-mini{margin-top:10px;font-size:11.5px;color:var(--text-light)}
.ft-legal-mini a{color:var(--text-light);text-decoration:none}
.ft-legal-mini a:hover{color:var(--brand-green-text);text-decoration:underline;text-underline-offset:2px}
.ft-legal-mini .sep{margin:0 7px;opacity:.6}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr;gap:22px}}
@keyframes skSh{0%{background-position:-520px 0}100%{background-position:520px 0}}
.sk{background:#eef1f4;background-image:linear-gradient(90deg,#eef1f4 0,#f7f9fb 240px,#eef1f4 480px);background-size:980px 100%;animation:skSh 1.5s linear infinite;border-radius:12px;display:block}
.sk-kpi{height:120px}.sk-head{height:30px;width:55%;margin:30px 0 12px}.sk-chart{height:280px}
@media(prefers-reduced-motion:reduce){.sk{animation:none}}
.wrap{max-width:1360px}
.topbar-center{justify-self:center;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;min-width:0}
.dp-row input[type=date]{font-family:inherit;font-size:13px;padding:6px 9px;border-radius:9px;border:1.5px solid var(--brand-green-soft);color:var(--text-dark);background:#fff}
.dp-row input[type=date]:focus{outline:none;border-color:var(--brand-green);box-shadow:0 0 0 3px var(--brand-green-light)}
.dp-go{font-family:inherit;font-size:12.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand-green),var(--brand-green-dark));border:0;border-radius:99px;padding:7px 14px;cursor:pointer}
.dp-row.dp-custom{align-items:center;gap:8px;flex-wrap:wrap}
.dp-err{display:block;font-size:12px;color:#b91c1c;margin-top:6px}
.access-chip{display:inline-flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-pill);padding:4px 14px;text-align:center;line-height:1.25}
.access-chip span{font-size:10px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}
.access-chip b{font-size:12px;font-weight:700;color:var(--brand-green-text)}
.sk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
/* uzupełnienia wdrożenia (pkt 20-27), poza makietą v7 */
.key-card{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--border-light);border-left:4px solid #f59e0b;border-radius:14px;padding:14px 18px;margin-top:14px}
.kc-l{display:flex;align-items:center;gap:12px;min-width:0}
.kc-ico{width:40px;height:40px;border-radius:11px;background:#fef3c7;display:flex;align-items:center;justify-content:center;flex:none}
.kc-ico svg{width:20px;height:20px;fill:none;stroke:#b45309;stroke-width:2;stroke-linejoin:round}
.kc-t{display:block;font-size:15px;font-weight:800;color:var(--text-dark)}
.kc-s{display:block;font-size:12px;color:var(--text-light);word-break:break-word}
.kc-n{display:flex;flex-direction:column}.kc-n b{font-size:24px;font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums}.kc-n span{font-size:12px;color:var(--text-light)}
.kc-d{display:flex;align-items:center;gap:8px}
.gsc-missing{padding:18px 20px;display:flex;flex-direction:column;gap:6px;border-left:4px solid #1d4ed8}
.gsc-missing b{font-size:15px;color:var(--text-dark)}.gsc-missing span{font-size:13px;color:var(--text-medium);line-height:1.6}
.empty-inline{font-size:13px;color:var(--text-light);padding:10px 16px}
.dev-legend .li .delta-pill{margin-left:6px}
.rule-link span,.rule-link{cursor:default}a.rule-link{cursor:pointer}
@media(max-width:1000px){.key-card{grid-template-columns:1fr;gap:10px}}
@media(max-width:768px){.topbar{grid-template-columns:1fr;gap:12px;text-align:center}.topbar .pmark{justify-self:center}.topbar .topbar-center{justify-self:center}.topbar .realizacja{justify-self:center;justify-content:center}.sk-grid{grid-template-columns:1fr 1fr}}


/* ===== BASELINE Telos ID: powrot do Telosa w anchor-nav (wzorzec crux-speed-v1) ===== */
.nav-home{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;color:var(--brand-green-text);text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transition:max-width .3s cubic-bezier(.22,.61,.36,1),opacity .25s ease,padding .3s ease,margin .3s ease;border-right:0 solid var(--border-soft);padding:0;margin:0}
.anchor-nav.home-on .nav-home{max-width:190px;opacity:1;padding:6px 12px 6px 9px;margin-right:4px;border-right-width:1px}
.nav-home svg.chev{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav-home .tsyg{width:18px;height:18px;flex:none}
@media(prefers-reduced-motion:reduce){.nav-home{transition:opacity .2s ease}}
/* legal pod lockupem (reguła 21: BEZ dolnego paska ©/noindex) — nie ma tego w telos-v2.css */
.ft-legal-mini{margin-top:9px;font-size:11px;color:var(--text-light);font-weight:500;line-height:1.5}
.ft-legal-mini a{color:var(--text-light);text-decoration:none}
.ft-legal-mini a:hover{color:var(--brand-green-text);text-decoration:underline;text-underline-offset:2px}
.ft-legal-mini .sep{margin:0 7px;opacity:.6}

/* ============================================================
   RWD MOBILE v2 — WZORCOWY mobile Telos ID (telefon-first). KANONICZNA warstwa 1:1 z mockups/_rwd-mobile-v2.css.
   CALA w @media -> ZERO wplywu na PC (poza sekcja 0 — celowo).
   ============================================================ */
/* === 0) NAGLOWEK STANDARDOWY ROWNIEZ NA PC: bez podpisu, krotkie porownanie === */
.pmark .ptag{display:none}
.dp-note{font-size:0!important;line-height:1.5}
.dp-note b,.dp-note .dp-vs{font-size:13.5px;font-weight:700}
.dp-note .dp-vs{color:var(--brand-green-dark);margin-left:8px}
.dp-note .dp-vs::before{content:"vs ";font-size:13.5px;font-weight:600;color:var(--text-muted);margin-right:5px}

/* === 1) SIATKI: nic obok siebie na telefonie === */
@media (max-width:900px){
  .grid.row-hero,.grid.row-gsc-kpi,.ai-grid,.summary-grid,.soc-grid-active,.mcards{
    grid-template-columns:repeat(2,1fr)!important;gap:13px}
  .grid.row-tables,.grid.row-ai-detail,.grid.row-sources,.cont-layout,.geo-bottom,.split-2{
    grid-template-columns:1fr!important}
  .cont-layout{gap:16px}.geo-bottom{gap:14px}
}
@media (max-width:560px){
  .grid.row-hero,.grid.row-gsc-kpi,.ai-grid,.summary-grid,.soc-grid-active,.mcards{
    grid-template-columns:1fr!important}
  .kpi{min-height:auto}
}

/* === 2) STICKY-NAV -> HAMBURGER (BUBBLE lewy dol) + prostokatny dropdown === */
.nav-burger{display:none}
.nav-drop{display:contents}
.nav-drop .nav-drop-home{display:none}
.nav-scrim{display:none}
@media (max-width:768px){
  .anchor-nav{position:fixed;left:18px;bottom:18px;top:auto;right:auto;width:auto;z-index:60;
    padding:0;margin:0;background:none;border:none;box-shadow:none;backdrop-filter:none;overflow:visible;display:block}
  .anchor-nav .nav-brand,.anchor-nav .nav-home{display:none}
  .anchor-nav .nav-burger{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;padding:0;
    background:linear-gradient(135deg,var(--brand-green),var(--brand-green-dark));border:none;color:#fff;cursor:pointer;
    box-shadow:0 8px 24px rgba(23,148,110,.36)}
  .nav-burger .nb-label{display:none}
  .nav-burger .nb-bars{position:relative;width:20px;height:14px;flex:none}
  .nav-burger .nb-bars i{position:absolute;left:0;right:0;height:2.4px;border-radius:2px;background:#fff;transition:transform .25s ease,opacity .2s ease}
  .nav-burger .nb-bars i:nth-child(1){top:0}.nav-burger .nb-bars i:nth-child(2){top:6px}.nav-burger .nb-bars i:nth-child(3){top:12px}
  .anchor-nav.nav-open .nb-bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .anchor-nav.nav-open .nb-bars i:nth-child(2){opacity:0}
  .anchor-nav.nav-open .nb-bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .anchor-nav .nav-drop{display:none;position:absolute;bottom:calc(100% + 12px);left:0;z-index:80;
    flex-direction:column;gap:2px;width:min(290px,84vw);max-height:calc(100vh - 110px);overflow:auto;
    background:#fff;border:1px solid var(--border-light);border-radius:16px;
    box-shadow:0 28px 64px -20px rgba(10,53,40,.55);padding:8px}
  .anchor-nav.nav-open .nav-drop{display:flex}
  .anchor-nav .nav-drop .anchor-link{display:block;width:100%;text-align:left;padding:11px 15px;border-radius:11px;font-size:14.5px;font-weight:600}
  .anchor-nav .nav-drop .anchor-link.active{background:var(--brand-green-light);color:var(--brand-green-dark)}
  .anchor-nav .nav-drop .nav-drop-home{display:flex;align-items:center;gap:9px;padding:12px 15px;margin-bottom:4px;
    border-bottom:1px solid var(--border-soft);border-radius:11px 11px 0 0;color:var(--brand-green-text);font-weight:700;font-size:14.5px}
  .nav-drop-home svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .nav-scrim{display:block;position:fixed;inset:0;z-index:55;background:rgba(8,40,30,.20);opacity:0;visibility:hidden;transition:opacity .25s}
  .nav-scrim.on{opacity:1;visibility:visible}
}
@media (prefers-reduced-motion:reduce){.nav-burger .nb-bars i{transition:none}}

/* === 3) TOP: nazwa + domena DO LEWEJ, BEZ podpisu; porownanie terse === */
@media (max-width:900px){
  .topbar{grid-template-columns:1fr!important;gap:10px;text-align:left;padding:14px 16px}
  .pmark,.client-mark{justify-self:start;justify-content:flex-start;text-align:left}
  .pmark .ptag{display:none}
  .title-block{display:none}
  .pmark .pname{font-size:19px}
  .pmark .pdom{font-size:13px}
  .topbar-center{justify-self:stretch;align-items:flex-start}
  .datepicker{justify-self:start}
  .realizacja{justify-self:center;justify-content:center;margin-top:2px}
  .telos-mark .telos-word{font-size:21px}.telos-mark .tsyg{width:29px;height:29px}
  .dp-note{font-size:0!important;line-height:1.5;margin-top:8px}
  .dp-note b,.dp-note .dp-vs{font-size:13px;font-weight:700}
  .dp-note .dp-vs{color:var(--brand-green-dark);margin-left:8px}
  .dp-note .dp-vs::before{content:"vs ";font-size:13px;font-weight:600;color:var(--text-muted);margin-right:5px}
}

/* === 4) CZCIONKI/CYFRY WIEKSZE NA MOBILE === */
@media (max-width:768px){
  .kpi-value{font-size:clamp(32px,9.5vw,42px)}
  .mini-kpi .mk-value{font-size:clamp(30px,9vw,40px)}
  .ai-value,.soc-value{font-size:clamp(32px,10vw,42px)}
  .mcard .mval{font-size:clamp(34px,10vw,44px)}
  .geo-split-value{font-size:clamp(24px,7vw,30px)}
  .kpi-head .kpi-title{font-size:13.5px}
  .mini-kpi .mk-title{font-size:12.5px}
  .seg-v-name{font-size:14.5px}.seg-v-pct{font-size:16px}.seg-v-sess{font-size:12.5px}
  .delta-pill{font-size:13.5px}
  .source-tag{font-size:11px}
  .badge{font-size:12px}
  .sh-src{font-size:11.5px}
  .mcard .mname{font-size:18px}.mcard .mfull{font-size:13px}.mcard .mstat{font-size:14px}
  .distleg{font-size:12.5px}
  .dvm{font-size:13.5px}.dvname{font-size:20px}.dvnote{font-size:13.5px}
  .cont-name{font-size:15px}.cont-pct{font-size:18px}.cont-sess{font-size:13px}
  .donut-legend .li{font-size:15px!important;padding:6px 0}
  .donut-legend .li .nm{font-size:15px}
  .donut-legend .li .pct{font-size:17px;font-weight:700}
  .donut-legend .li .dot{width:12px;height:12px}
  .ai-name{font-size:17px}.ai-meta{font-size:13.5px}
  .soc-name{font-size:14.5px}
  .signal-label{font-size:11.5px}.signal-value{font-size:15px}
  .section-head .sh-text h2{font-size:21px}.section-head .sh-sub{font-size:13px}
  .footer-label{font-size:12px}.fm-label{font-size:12.5px}.fm-value{font-size:13.5px}
  .ft-legal-mini{font-size:12px}.footer-contact .ct-row{font-size:13.5px}
  .card-head .card-title{font-size:14px}
}

/* === 5) DELTY +/- % DUZE === */
@media (max-width:768px){
  .kpi .delta-pill,.signal .delta-pill,.soc-card .delta-pill,.mini-kpi .delta-pill,
  .ai-card .delta-pill,.geo-split .delta-pill{font-size:25px!important;font-weight:800;line-height:1.1}
  .kpi .delta-pill.up::before,.kpi .delta-pill.down::before,
  .signal .delta-pill.up::before,.signal .delta-pill.down::before,
  .soc-card .delta-pill.up::before,.soc-card .delta-pill.down::before{width:21px;height:24px}
  .tbl-card .delta-pill,.geo-bottom .delta-pill{font-size:18px!important;font-weight:800}
}

/* === 6) PELNA LISTA KRAJOW: NAZWA na osobnej linii === */
@media (max-width:768px){
  .geo-bottom .tbl-card tr{display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:7px;row-gap:7px;
    grid-template-areas:none!important;padding:15px 17px}
  .geo-bottom .tbl-card td{width:auto!important;border:none!important;grid-area:auto!important;white-space:nowrap}
  .geo-bottom .tbl-card td.idx{display:none}
  .geo-bottom .tbl-card td::before{content:none!important}
  .geo-bottom .tbl-card td.country-cell{order:1;flex:1 1 100%;font-size:16.5px;font-weight:700;white-space:normal;min-width:0}
  .geo-bottom .tbl-card td.share{order:2;flex:0 0 auto}
  .geo-bottom .tbl-card td.share .share-bar{display:none}
  .geo-bottom .tbl-card td.share .share-pct{font-size:18px;font-weight:800;color:var(--brand-green-dark)}
  .geo-bottom .tbl-card td.share .share-pct::after{content:" ruchu";font-size:14px;font-weight:600;color:var(--text-medium)}
  .geo-bottom .tbl-card td.num{order:3;flex:0 0 auto;font-size:15px;font-weight:700;color:var(--text-medium);gap:0!important}
  .geo-bottom .tbl-card td.num::before{content:"("!important}
  .geo-bottom .tbl-card td.num::after{content:"\00a0sesji)"}
  .geo-bottom .tbl-card td.dlt{order:4;flex:0 0 auto;margin-left:auto}
  .geo-bottom .tbl-card td.dlt .delta-pill{font-size:17px!important}
  .geo-bottom .tbl-card td:has(.cont-tag){order:5;flex:1 1 100%;font-size:13px}
}

/* ===== WSKAZNIK LADOWANIA: MODAL z Arystotelesem (regula 24, wzorzec skeleton-loader-modal-v1) ===== */
.loadscrim{position:fixed;inset:0;z-index:80;pointer-events:none;background:radial-gradient(120% 90% at 50% 36%,rgba(8,40,30,.20),rgba(8,40,30,.42));backdrop-filter:blur(2.5px) saturate(1.05);-webkit-backdrop-filter:blur(2.5px) saturate(1.05);opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.22,.61,.36,1),visibility .4s}
body.loading .loadscrim{opacity:1;visibility:visible}
.loadmodal{position:fixed;top:46%;left:50%;z-index:82;width:min(450px,calc(100vw - 36px));pointer-events:none;transform:translate(-50%,-50%) scale(.93);opacity:0;visibility:hidden;background:#fff;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.7);box-shadow:0 50px 110px -34px rgba(8,40,30,.7),0 6px 18px -8px rgba(8,40,30,.3);transition:opacity .4s cubic-bezier(.22,.61,.36,1),transform .48s cubic-bezier(.34,1.3,.5,1),visibility .4s}
body.loading .loadmodal{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.lm-head{position:relative;display:flex;align-items:flex-end;gap:15px;padding:20px 24px 16px;background:linear-gradient(135deg,#117657 0,#0a3528 100%)}
.lm-head::after{content:"";position:absolute;right:-30px;bottom:-30px;width:150px;height:150px;opacity:.10;background:radial-gradient(circle,#fff 0,transparent 62%)}
.lm-arist{width:78px;height:auto;flex:none;margin:-30px 0 -16px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.lm-htx{color:#fff;min-width:0;position:relative;z-index:1;padding-bottom:2px}
.lm-eyebrow{font-family:'Roboto Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);display:flex;align-items:center;gap:8px}
.lm-title{font-size:19px;font-weight:800;letter-spacing:-.025em;line-height:1.12;margin-top:5px}
.lm-body{padding:17px 24px 20px}
.lm-sub{font-size:13px;color:var(--text-light);line-height:1.55}
.lm-srcs{display:flex;flex-direction:column;gap:8px;margin:16px 0 4px}
.lm-srcs .srcchip{width:100%;justify-content:flex-start;font-size:12.5px;padding:9px 13px}
.lm-quote{font-size:12px;color:var(--brand-green-text);font-style:italic;line-height:1.5;margin-top:14px;padding:10px 13px;background:var(--brand-green-light);border-radius:10px;border-left:3px solid var(--brand-green)}
.lm-quote b{display:block;font-style:normal;font-weight:700;font-size:11px;color:var(--text-light);margin-top:3px;letter-spacing:.02em}
.lb-ico{display:inline-flex;gap:5px;flex:none}
.lb-ico i{width:7px;height:7px;border-radius:50%;background:var(--brand-green);opacity:.3;animation:march 1.1s ease-in-out infinite}
.lb-ico i:nth-child(2){animation-delay:.16s}
.lb-ico i:nth-child(3){animation-delay:.32s}
@keyframes march{0%,72%,100%{opacity:.3;transform:translateY(0)}36%{opacity:1;transform:translateY(-3px)}}
.srcchip{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--text-light);background:#fff;border:1.5px solid var(--border-light);padding:7px 13px;border-radius:11px;transition:border-color .3s,color .3s,background .3s}
.srcchip .ring{width:15px;height:15px;border-radius:50%;flex:none;position:relative}
.srcchip .ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--border-light);border-top-color:var(--brand-green);animation:spin .7s linear infinite}
.srcchip[data-ok="1"]{border-color:var(--brand-green-soft);color:var(--brand-green-text);background:var(--brand-green-light)}
.srcchip[data-ok="1"] .ring::before{display:none}
.srcchip[data-ok="1"] .ring{background:var(--brand-green);display:flex;align-items:center;justify-content:center}
.srcchip[data-ok="1"] .ring::after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}
@keyframes spin{to{transform:rotate(360deg)}}
.cachehint{position:fixed;top:16px;left:50%;z-index:82;display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:999px;background:#fff;border:1px solid var(--brand-green-soft);box-shadow:0 14px 34px -16px rgba(10,53,40,.5);font-size:12.5px;font-weight:700;color:var(--brand-green-text);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(-8px);transition:opacity .3s,transform .34s,visibility .3s}
.cachehint.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.cachehint .d{width:8px;height:8px;border-radius:50%;background:var(--brand-green);flex:none}
.cachehint .sub{color:var(--text-light);font-weight:500;font-style:normal}
@media(prefers-reduced-motion:reduce){.lb-ico i{animation:none;opacity:.8}.loadmodal,.loadscrim{transition:opacity .3s}.srcchip .ring::before{animation:none}}
@media(max-width:520px){.loadmodal{width:calc(100vw - 28px)}.lm-arist{width:64px}.lm-title{font-size:17px}}

/* ===== KOMUNIKAT „nie udalo sie pobrac danych" (wspolny, JS: window.telosDataError) =====
   ⚠️ Wczesniej kazdy panel skladal ten komunikat klasa `.cx-empty`, ktora W TYCH PANELACH nie
   miala ZADNEJ reguly (styl istnial tylko w crux-speed i sklep-lejek). Bez width/height <svg>
   rozlewal sie na cala szerokosc — klient widzial gigantyczna ikone na srodku panelu. */
.tstate{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start;margin-top:18px;background:linear-gradient(180deg,#fff 0%,#fcfdfc 100%);border:1px solid var(--border-light);border-radius:var(--radius-lg,16px);padding:32px 34px 28px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}
.tstate::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#fcd34d,#f0b429)}
.tstate::after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(240,180,41,.10) 0%,rgba(240,180,41,0) 70%);pointer-events:none}
.tstate .fig{position:relative;width:168px;flex:none;text-align:center;margin:0}
.tstate .fig img{width:168px;height:auto;display:block}
.tstate .fig::after{content:"";position:absolute;left:14%;right:14%;bottom:26px;height:11px;border-radius:50%;background:radial-gradient(ellipse,rgba(20,40,30,.13) 0%,rgba(20,40,30,0) 72%)}
.tstate .fig figcaption{position:relative;font-size:10.5px;color:var(--text-muted);margin-top:10px;letter-spacing:.02em}
.tstate .fig figcaption b{color:var(--text-light);font-weight:700}
.tstate .tbody{min-width:0;position:relative;z-index:1}
.tstate .badge{display:inline-flex;align-items:center;gap:7px;background:#fef3c7;border:1px solid #fcd34d;color:#b45309;border-radius:999px;padding:4px 12px 4px 9px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}
.tstate .badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tstate h3{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0 0 10px;color:var(--text-dark)}
.tstate p{font-size:13.8px;line-height:1.72;color:var(--text-medium);max-width:64ch;margin:0}
.tstate p+p{margin-top:9px}
.tstate p.q{color:var(--text-light)}
.tstate .tact{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--border-soft)}
.tstate .btn-retry{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--brand-green),var(--brand-green-dark));color:#fff;border:0;border-radius:999px;padding:11px 22px;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 8px 18px -8px rgba(30,184,138,.75);transition:transform .16s ease,box-shadow .16s ease}
.tstate .btn-retry:hover{transform:translateY(-1px);box-shadow:0 12px 24px -8px rgba(30,184,138,.85)}
.tstate .btn-retry:disabled{opacity:.6;cursor:default;transform:none}
.tstate .btn-retry svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tstate .auto{font-size:12.3px;color:var(--text-light);display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.tstate .auto b{font-family:'Roboto Mono',monospace;font-weight:700;color:var(--brand-green-text);font-size:13px;min-width:3.4em;display:inline-block}
.tstate .auto i{font-style:normal;color:var(--text-muted);font-size:11.5px}
.tstate .auto.wyczerpane{color:var(--text-muted)}
.tstate .auto .pulse{width:8px;height:8px;border-radius:50%;background:var(--brand-green);flex:none;animation:telosPulse 2s infinite}
@keyframes telosPulse{0%{box-shadow:0 0 0 0 rgba(30,184,138,.5)}70%{box-shadow:0 0 0 9px rgba(30,184,138,0)}100%{box-shadow:0 0 0 0 rgba(30,184,138,0)}}
.tstate .tfoot{margin-top:16px;font-size:11.8px;color:var(--text-muted);line-height:1.6;display:flex;align-items:flex-start;gap:8px;max-width:74ch}
.tstate .tfoot svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;flex:none;margin-top:2px}
@media(prefers-reduced-motion:reduce){.tstate .auto .pulse{animation:none}.tstate .btn-retry{transition:none}}
@media(max-width:720px){
  /* Naglowek i postac wysrodkowane, ale AKAPITY zawsze do lewej: wysrodkowany blok tekstu na
     waskim ekranie ma poszarpana krawedz i czyta sie duzo gorzej. */
  .tstate{grid-template-columns:1fr;gap:18px;padding:24px 20px 22px;text-align:center}
  .tstate .fig{width:100%}
  .tstate .fig img{width:110px;margin:0 auto}
  .tstate p{max-width:none;text-align:left}
  .tstate .tact{justify-content:center}
  .tstate .tfoot{text-align:left}
}

.bf-cost-item,.bf-cost-sep{display:none!important}@media (max-width:640px){.tbl-card thead{display:none}.tbl-card td{min-width:0;flex-wrap:wrap}.tbl-card span.tc{max-width:100%;white-space:normal}.seg-v-name{white-space:normal;overflow:visible;text-overflow:clip}}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{overflow-x:hidden}.mk-strip,.mk-note,.mknote{display:none!important}