.kk-host {
  position: fixed; left: 0; right: 0; bottom: var(--dock-bottom); top: var(--hud-top, 46px);
  z-index: var(--z-console); display: none; background: var(--pv-color-bg-void); color: var(--txt); overflow: hidden;
  font-size: var(--cs-3); line-height: 1.45;
}
.kk-host.open { display: block; }

body.hud3 #fab-kosmos, body.hud4 #fab-kosmos { display: none !important; }


.kk-wek-off { display: flex; gap: 10px; color: var(--txt-dim); }
.kk-nast small { display: block; font-size: var(--cs-1); letter-spacing: .12em; text-transform: uppercase; color: var(--txt-dim); }
.kk-nast-h { display: flex; align-items: baseline; gap: 10px; }
.kk-nast-h b { font-size: 28px; line-height: 1.1; color: var(--pv-color-signal-accent); font-variant-numeric: tabular-nums; }
.kk-nast-h span { font-size: var(--cs-4); }
.kk-nast-b, .kk-nast-o { margin: 4px 0 0; font-size: var(--cs-2); color: var(--txt-dim); }
.kk-nast-o b { color: var(--txt); }
.kk-drabina ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.kk-drabina li { display: grid; grid-template-columns: 18px auto 34px minmax(0, 1fr); gap: 8px; align-items: center; min-height: 24px; font-size: var(--cs-2); }
.kk-drabina li b { color: var(--txt-dim); }
.kk-drabina li em { font-style: normal; font-variant-numeric: tabular-nums; }
.kk-drabina li small { color: var(--txt-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kk-pipy { display: inline-flex; gap: 3px; }
.kk-pipy i { width: 14px; height: 8px; border-radius: 2px; background: var(--pv-color-surface-tintA15); }
.kk-pipy i.on { background: var(--pv-color-signal-accent); }
.kk-pipy i.cur { background: transparent; box-shadow: inset 0 0 0 1px var(--pv-color-signal-accent); }
.kk-ryz i { width: 10px; height: 10px; border-radius: 50%; }
.kk-ryz i.on { background: var(--pv-color-signal-danger); }
.kk-wek-tog { display: none; }


.kk-akcja-glowna { margin-bottom: 6px; }
.kk-pusto-uk { margin: 4px 2px; font-size: var(--cs-2); color: var(--txt-dim); }


.kk-uk {
  display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 8px; margin-top: 8px; cursor: pointer; text-align: left;
  background: transparent; border: 0; border-bottom: 1px solid var(--cs-line); color: var(--txt);
}
.kk-uk b { font-size: var(--cs-3); }
.kk-uk small { color: var(--txt-dim); font-size: var(--cs-1); flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kk-uk.on, .kk-uk:hover { border-bottom-color: var(--pv-color-signal-accentA50); }
.kk-kropki { display: inline-flex; gap: 3px; margin-left: auto; }
.kk-kropki i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }


.kk-bar-d { flex: 1 1 60px; }
.kk-glif-svg { display: block; }
.kk-stos { display: flex; width: 100%; height: 14px; border-radius: 5px; overflow: hidden; background: var(--pv-color-surface-tintA12); gap: 1px; margin: 6px 0; }
.kk-stos-m { height: 10px; margin: 0; }
.kk-stos > i { display: block; min-width: 0; }
.kk-s-mag { background: var(--pv-color-signal-info); }
.kk-s-droga { background: var(--pv-color-signal-violet); }
.kk-s-dost { background: var(--pv-color-signal-ok); }
.kk-s-zuzel { background: var(--txt-dim); }
.kk-s-strata { background: var(--pv-color-signal-danger); }
.kk-s-brak { background: var(--pv-color-signal-warn); }
.kk-s-c { background: var(--pv-color-signal-info); }
.kk-s-s { background: var(--pv-color-signal-violet); }
.kk-s-m { background: var(--pv-color-signal-warn); }
.kk-leg { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: var(--cs-1); color: var(--txt-dim); }
.kk-leg li { display: inline-flex; align-items: center; gap: 5px; }
.kk-leg li i { width: 9px; height: 9px; border-radius: 2px; display: inline-block; }
.kk-leg b { color: var(--txt); font-variant-numeric: tabular-nums; }


.kk-ak-sel { margin: 4px 0 8px; }
.kk-akcja-glowna .pv2-cta { width: 100%; }
.kk-sel { min-height: 40px; max-width: 100%; padding: 6px 10px; border-radius: 8px; font: inherit; font-size: var(--cs-2); background: var(--pv-color-overlay-blackA300); border: 1px solid var(--panel-border); color: var(--txt); }
.kk-lab { display: inline-flex; align-items: center; gap: 8px; color: var(--txt-dim); font-size: var(--cs-2); flex-wrap: wrap; max-width: 100%; }
.kk-lab-blok { display: flex; margin: 10px 0 0; }
.kk-dobrze { color: var(--pv-color-signal-ok); font-style: normal; }
.kk-zle { color: var(--pv-color-signal-danger); font-style: normal; }
.kk-uwaga { color: var(--pv-color-signal-warn); font-style: normal; }
.kk-etapy { list-style: none; margin: 6px 0; padding: 0; display: flex; gap: 4px; }
.kk-etapy li { flex: 1 1 0; height: 12px; border-radius: 4px; overflow: hidden; background: var(--pv-color-surface-tintA15); }
.kk-etapy li.ok { background: var(--pv-color-signal-ok); }
.kk-etapy li i { display: block; height: 100%; background: var(--pv-color-signal-info); }
.kk-dow { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: var(--cs-2); }
.kk-dow li { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.kk-dow-n { color: var(--txt-dim); overflow: hidden; text-overflow: ellipsis; }
.kk-dow-v { font-variant-numeric: tabular-nums; white-space: nowrap; }
.kk-lista-d { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: var(--cs-2); }
.kk-lista-d li { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.kk-lista-d small { color: var(--txt-dim); font-variant-numeric: tabular-nums; }
.kk-dir { color: var(--pv-color-signal-violet); }
.kk-typy { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.kk-typ { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 10px; border: 1px solid var(--panel-border); border-radius: 10px; background: var(--pv-color-surface-tintA05); }
.kk-typ > div { display: flex; flex-direction: column; min-width: 0; }
.kk-typ small { color: var(--txt-dim); font-size: var(--cs-1); }
.kk-typ.off { opacity: .85; }


@media (max-width: 820px) {
  .kk-nast-h b { font-size: 22px; }
  .kk-drabina ol { display: none; }
  .kk-wek.otwarty .kk-drabina ol { display: grid; }
  .kk-wek-tog { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 4px 8px; background: transparent; border: 1px solid var(--panel-border); border-radius: 9px; cursor: pointer; color: var(--txt); text-align: left; }
  .kk-wek-tog span { flex: 1 1 auto; color: var(--txt-dim); font-variant-numeric: tabular-nums; }
  .kk-dow li { grid-template-columns: 64px minmax(0, 1fr) auto; }
  .kk-typ { grid-template-columns: 30px minmax(0, 1fr); }
  .kk-typ .pv2-btn { grid-column: 1 / -1; }
}