/* ---------- marka instaPRO: logo i gradient fiolet → róż → pomarańcz ---------- */
:root { --grad-btn: linear-gradient(100deg, #8b5cf6 0%, #d946ef 50%, #f472b6 75%, #fb923c 110%); --violet: #a855f7; --gold: #fb923c;
  --grad: linear-gradient(135deg, #8b5cf6 0%, #ec4899 55%, #fb923c 100%);
  --grad-tekst: linear-gradient(90deg, #a78bfa, #f472b6 55%, #fb923c); }
.logo { align-items: center; font-stretch: 105%; }
.logo-ikona { display: inline-grid; place-items: center; width: 1.3em; height: 1.3em; margin-right: 0.38em; border-radius: 0.34em; background: #fff; flex: none; }
.logo-ikona svg { width: 72%; height: 72%; }
.logo-pro { margin: 0; transform: none; font-size: inherit; letter-spacing: -0.025em; border: 0; padding: 0; color: transparent;
  background: var(--grad-tekst); -webkit-background-clip: text; background-clip: text; }
.btn-grad { box-shadow: 0 10px 30px -12px rgba(217, 70, 239, 0.75); }

/* ---------- panel na żywo: dodatki do stylów makiet ---------- */
.form-err { margin-top: 18px; padding: 12px 14px; border-radius: 12px; background: rgba(255, 122, 122, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 122, 122, 0.4); color: #ffc4c4; font-weight: 650; font-size: 0.94rem; }
.box .form-err { margin: 0 0 16px; }
.field-err { color: #ff9a9a; font-size: 0.86rem; font-weight: 650; }
.has-err .input { box-shadow: inset 0 0 0 2px #ff7a7a; }
.msgs { display: grid; gap: 8px; margin: -8px 0 18px; }
.msg { padding: 12px 16px; border-radius: 14px; font-weight: 650; font-size: 0.94rem; background: rgba(91, 225, 111, 0.1); box-shadow: inset 0 0 0 1px rgba(91, 225, 111, 0.35); color: #c9f5d1; }
.msg-warning { background: rgba(255, 181, 71, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 181, 71, 0.4); color: #ffe2a8; }
.msg-error { background: rgba(255, 122, 122, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 122, 122, 0.4); color: #ffc4c4; }

.head-stack { margin-right: auto; min-width: 0; }
.head-stack .crumbs { margin: 0 0 2px; }
.btn-top { min-height: 44px; padding: 10px 18px; font-size: 0.92rem; flex: none; }
.btn-top svg { width: 18px; height: 18px; }
.topbar .search { margin-left: auto; }

.side-user form { grid-column: 1 / -1; }
.side-user .link-btn { font-size: 0.86rem; color: var(--on-d-soft); }
.biz-meta { margin: -10px 0 22px; }

.chip-f { display: inline-flex; align-items: center; text-decoration: none; }
.chip-f[aria-current="true"] { background: #fff; color: #18151f; }

.empty-box { display: grid; gap: 12px; justify-items: start; margin-bottom: 18px; background: linear-gradient(135deg, rgba(123, 77, 255, 0.2), rgba(123, 77, 255, 0.05)); box-shadow: inset 0 0 0 1px rgba(196, 173, 255, 0.35); }
.empty-box h2 { font-size: 1.3rem; font-weight: 850; font-stretch: 110%; }
.empty-box p { color: #e6e3ee; max-width: 62ch; }
.empty-note { color: var(--on-d-soft); font-size: 0.92rem; }
.log li.empty { grid-template-columns: minmax(0, 1fr); }

.form-klient { display: grid; gap: 22px; }
.form-klient fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.form-klient legend { padding: 0; margin-bottom: 12px; font-family: var(--display); font-weight: 800; font-stretch: 108%; font-size: 1.15rem; }
.form-grid { display: grid; gap: 16px; }
.form-grid.cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.form-grid .full { grid-column: 1 / -1; }
.form-grid .input { min-height: 48px; }
.field-color input[type="color"] { width: 64px; height: 48px; padding: 4px; border: 0; border-radius: 12px; background: var(--night-2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); cursor: pointer; }
.box .btn-row .btn { min-height: 44px; }

details.more { margin-top: 16px; border-top: 1px solid var(--line-d); padding-top: 14px; }
details.more > summary { cursor: pointer; font-weight: 800; color: #fff; list-style: none; }
details.more > summary::-webkit-details-marker { display: none; }
details.more > summary::before { content: "+"; display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); }
details.more[open] > summary::before { content: "–"; }
details.more form { margin: 14px 0 10px; }

.st-wyl, .st-zakonczony { color: #8d87a0; }
.st-p-oplacona { color: #7ee08f; }
.st-p-oczekuje { color: var(--gold); }
.st-p-odrzucona { color: #ff9a9a; }

.codes-box { max-width: 720px; }
@media (max-width: 620px) { .form-grid.cols { grid-template-columns: minmax(0, 1fr); } .topbar .btn-top { order: 1; } }
@media print {
  .side, .topbar, .btn-row, .skip, .scrim { display: none !important; }
  .app { display: block; }
  body, .app-body, .box { background: #fff !important; color: #000 !important; box-shadow: none !important; }
  .codes { color: #000; background: #fff; box-shadow: none; }
}
.grid-2 > .box + .box, .grid-2 > section + section { margin-top: 0; }
.grid-2 > div > .box + .box { margin-top: 18px; }
.q .q-ic { display: grid; }
.link-btn.act { font-size: 0.86rem; color: var(--on-d-soft); font-weight: 750; }
.link-btn.act:hover { color: #fff; }
summary.link-btn.act { display: inline; }
.totp-qr svg { display: block; width: 100%; height: auto; aspect-ratio: 1; }
.totp-qr { width: 220px; }

.warn code, .box code { font-size: 0.86em; padding: 1px 6px; border-radius: 6px; background: rgba(255, 255, 255, 0.08); color: #fff; overflow-wrap: anywhere; }

/* rejestracja i panel klienta */
.pulapka { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.auth-grid.wide { grid-template-columns: minmax(0, 640px); }
.reg-sekcja { border: 0; margin: 0; padding: 0; display: grid; gap: 14px; }
.reg-sekcja legend { font-weight: 800; font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-d-soft); margin-bottom: 4px; }
.plan-opts { display: grid; gap: 12px; }
.plan-opt { position: relative; display: grid; gap: 8px; padding: 16px 18px; border-radius: 16px; background: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14); cursor: pointer; }
.plan-opt:has(input:checked) { background: rgba(139, 92, 255, 0.12); box-shadow: inset 0 0 0 2px var(--violet); }
.plan-opt input { position: absolute; opacity: 0; pointer-events: none; }
.plan-opt:has(input:focus-visible) { outline: 3px solid var(--gold); outline-offset: 3px; }
.plan-top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 1.1rem; }
.plan-top span { font-weight: 800; }
.plan-top small { font-weight: 600; color: var(--on-d-soft); font-size: 0.85rem; }
.plan-opt ul { margin: 0; padding-left: 1.1em; display: grid; gap: 3px; font-size: 0.9rem; color: #e6e3ee; }
.plan-ceny { font-size: 0.84rem; color: var(--on-d-soft); }
.okresy { border: 0; margin: 18px 0; padding: 0; display: grid; gap: 10px; }
.okresy legend { font-weight: 750; margin-bottom: 8px; }
.pakiety-form .hint { margin-top: 12px; display: block; }
.st-nowe { color: #8fd3ff; }

.auth-foot .logo-pro, .auth-foot span span { font-size: inherit; }

.prac { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.prac > li { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.04); }
.prac > li.off { opacity: 0.6; }
.prac > li.empty { color: #8d87a0; }
.prac .sub { display: block; color: #8d87a0; font-size: 0.84rem; font-weight: 600; }

/* pasek stanu pakietu w panelu klienta */
.pasek { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px; margin-bottom: 18px; padding: 14px 18px;
  border-radius: 16px; background: rgba(255, 196, 77, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 196, 77, 0.35); color: #f3eedf; font-size: 0.94rem; line-height: 1.5; }
.pasek p { flex: 1 1 320px; margin: 0; }
.pasek-stop { background: rgba(255, 110, 110, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 110, 110, 0.45); }
.st.st-zalegla { color: #ff9a9a; }
/* zmiana pakietu */
.zmiana-plan { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; margin-top: 12px; }
.zmiany summary { font-weight: 750; }
.zmiany-lista { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.zmiany-lista li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 14px;
  border-radius: 14px; background: rgba(255, 255, 255, 0.04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
.zmiany-lista .sub { display: block; font-size: 0.86rem; color: var(--on-d-soft, #b9b4c6); margin-top: 2px; }
.zmiany-lista .sub b { color: #fff; }
details.fv { margin-top: 4px; }
details.fv summary { list-style: none; font-size: 0.84rem; }
details.fv summary::-webkit-details-marker { display: none; }
details.fv form { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
details.fv .input { max-width: 180px; padding-top: 8px; padding-bottom: 8px; }

.pomoc-konto { display: grid; gap: 14px; }
.pomoc-konto form { display: grid; gap: 8px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.04); }
.pomoc-konto form .btn { justify-self: start; }
.haslo-tymczasowe { font-size: 1.35rem; font-weight: 800; letter-spacing: 0.08em; padding: 6px 10px; border-radius: 8px; background: rgba(255, 255, 255, 0.08); }

/* opłaty klienta (administrator) */
.oplaty-form { display: grid; gap: 10px; margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.oplaty-form .check .sub { display: block; color: #8d87a0; font-size: 0.86rem; font-weight: 500; }
.oplaty-form .btn { justify-self: start; }

/* zgłoszenia */
.nav-licznik { margin-left: auto; min-width: 22px; padding: 1px 7px; border-radius: 99px; background: #8b5cf6; color: #fff; font-size: 0.78rem; font-weight: 800; text-align: center; }
.zg-rodzaj { border: 0; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.zg-opcja { position: relative; display: block; cursor: pointer; }
.zg-opcja input { position: absolute; opacity: 0; inset: 0; z-index: 2; cursor: pointer; margin: 0; }
.zg-opcja span { display: grid; gap: 2px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); min-height: 100%; }
.zg-opcja small { color: #8d87a0; font-size: 0.84rem; line-height: 1.35; }
.zg-opcja input:checked + span { background: rgba(139, 92, 246, 0.16); box-shadow: inset 0 0 0 2px #8b5cf6; }
.zg-opcja input:focus-visible + span { outline: 2px solid #c4adff; outline-offset: 2px; }
.zg-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.zg { display: grid; gap: 6px; padding: 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
.zg-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 0.86rem; color: #8d87a0; }
.zg-top time { margin-left: auto; }
.zg-top a { color: #c4adff; font-weight: 700; }
.zg-top .st { padding: 2px 9px; border-radius: 99px; }
.zg-plik::file-selector-button { margin-right: 12px; padding: 8px 14px; border: 0; border-radius: 99px; background: rgba(255, 255, 255, 0.1); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.zg-plik { color: #b8b2c8; font-size: 0.92rem; }
.zg-typ { padding: 2px 9px; border-radius: 99px; font-weight: 750; font-size: 0.8rem; }
.zg-blad { background: rgba(255, 122, 122, 0.14); color: #ffc4c4; }
.zg-pomysl { background: rgba(255, 181, 71, 0.14); color: #ffe2a8; }
.st-zg-nowe { background: rgba(139, 92, 246, 0.18); color: #d9ccff; }
.st-zg-w_toku { background: rgba(255, 181, 71, 0.14); color: #ffe2a8; }
.st-zg-zrobione { background: rgba(91, 225, 111, 0.14); color: #c9f5d1; }
.st-zg-odrzucone { background: rgba(255, 255, 255, 0.08); color: #b8b2c8; }
.zg-opis { margin: 0; color: #d9d5e3; line-height: 1.5; overflow-wrap: anywhere; }
.zg-odp { padding: 10px 12px; border-radius: 12px; background: rgba(139, 92, 246, 0.1); box-shadow: inset 3px 0 0 #8b5cf6; }
.zg-odp small { color: #c4adff; font-weight: 750; }
.zg-odp p { margin: 4px 0 0; }
.zg-form { display: grid; grid-template-columns: 180px minmax(0, 1fr) auto; gap: 8px; align-items: start; margin-top: 6px; }
.zg-form textarea { min-height: 46px; }
@media (max-width: 720px) { .zg-form { grid-template-columns: 1fr; } .zg-rodzaj { grid-template-columns: 1fr; } }

/* podgląd panelu przez administratora */
.pasek-podglad { background: rgba(139, 92, 246, 0.16); box-shadow: inset 0 0 0 1px rgba(196, 173, 255, 0.5); }
.w-podgladzie main form:not([data-podglad-ok]) :is(button, input, select, textarea):disabled { cursor: not-allowed; }

/* ---------- instaPRO: wyniki kont na Instagramie ---------- */
.ig-glowa { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; }
.ig-avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; padding: 3px;
  background: linear-gradient(135deg, #8b5cf6, #ec4899 55%, #fb923c); }
.ig-avatar-pusty { display: grid; place-items: center; color: #fff; font-family: var(--display); font-weight: 850; font-size: 1.5rem; }
.ig-kto { display: grid; gap: 3px; min-width: 0; }
.ig-kto b { font-size: 1.2rem; font-weight: 850; overflow-wrap: anywhere; }
.ig-kto .sub { color: var(--on-d-soft); font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ig-etap { justify-self: start; margin-top: 4px; padding: 3px 10px; border-radius: 99px; font-size: 0.78rem; font-weight: 800;
  background: rgba(236, 72, 153, 0.14); color: #fbcfe8; box-shadow: inset 0 0 0 1px rgba(236, 72, 153, 0.35); }
.ig-aktualizacja { display: grid; gap: 2px; justify-items: end; text-align: right; font-size: 0.9rem; }
.ig-aktualizacja .sub { color: var(--on-d-soft); font-size: 0.8rem; }
.ig-kafle { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.ig-kafel { display: grid; gap: 4px; padding: 16px 18px; border-radius: 18px; background: var(--night-2); box-shadow: inset 0 0 0 1px var(--line-d); }
.ig-kafel span { color: var(--on-d-soft); font-size: 0.86rem; font-weight: 650; }
.ig-kafel b { font-family: var(--display); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 850; font-stretch: 105%; line-height: 1.1; font-variant-numeric: tabular-nums; }
.ig-kafel small { color: #8d87a0; font-size: 0.82rem; }
.ig-kafel-glowny { background: linear-gradient(135deg, rgba(139, 92, 246, 0.28), rgba(236, 72, 153, 0.18) 60%, rgba(251, 146, 60, 0.14));
  box-shadow: inset 0 0 0 1px rgba(236, 72, 153, 0.4); }
.plus { color: #6ee7a8; }
.minus { color: #fda4af; }
.ig-pasek { height: 14px; border-radius: 99px; background: rgba(255, 255, 255, 0.08); overflow: hidden; margin: 4px 0 10px; }
.ig-pasek span { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #8b5cf6, #ec4899 60%, #fb923c); }
.ig-zakres { display: flex; gap: 6px; }
.ig-zakres a { padding: 5px 12px; border-radius: 99px; font-size: 0.84rem; font-weight: 750; color: var(--on-d-soft); text-decoration: none;
  box-shadow: inset 0 0 0 1px var(--line-d); }
.ig-zakres a[aria-current="true"] { background: #fff; color: #18151f; box-shadow: none; }
.ig-wykres { margin-top: 6px; }
.wykres { display: block; width: 100%; height: auto; overflow: visible; }
.wykres-m { display: none; }
.box-head { flex-wrap: wrap; }
.ig-pauza { margin: 0; padding: 12px 14px; border-radius: 12px; background: rgba(251, 191, 36, 0.1); color: #fde68a; }
.w-siatka { stroke: rgba(255, 255, 255, 0.07); stroke-width: 1; }
.w-zero { stroke: rgba(255, 255, 255, 0.25); stroke-width: 1; }
.w-os { fill: #8d87a0; font: 600 12px var(--body, "Manrope"), sans-serif; }
.w-koniec { fill: #fff; stroke: #ec4899; stroke-width: 3; }
.w-hover { fill: transparent; cursor: default; }
.w-hover:hover { fill: rgba(255, 255, 255, 0.85); }
.w-slupek.minus { fill: #fb7185; }
.ig-akcje-razem { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.ig-akcje-razem b { font-family: var(--display); font-size: 2.1rem; font-weight: 850; background: var(--grad-tekst); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ig-akcje-razem span { color: var(--on-d-soft); }
.ig-akcje { list-style: none; margin: 0 0 8px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ig-akcje li { display: grid; gap: 2px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.04); box-shadow: inset 0 0 0 1px var(--line-d); }
.ig-akcje span { color: var(--on-d-soft); font-size: 0.84rem; }
.ig-akcje b { font-size: 1.2rem; font-variant-numeric: tabular-nums; }
.ig-os { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; counter-reset: etap; }
.ig-os li { position: relative; display: grid; gap: 8px; justify-items: center; text-align: center; font-size: 0.8rem; color: #8d87a0; counter-increment: etap; }
.ig-os li::before { content: counter(etap); display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.06); box-shadow: inset 0 0 0 1px var(--line-d); color: #b6b0c6; font-weight: 800; }
.ig-os li.zrobione::before { content: "✓"; background: rgba(110, 231, 168, 0.16); color: #6ee7a8; box-shadow: none; }
.ig-os li.teraz { color: #fff; font-weight: 750; }
.ig-os li.teraz::before { background: linear-gradient(135deg, #8b5cf6, #ec4899 60%, #fb923c); color: #fff; box-shadow: 0 0 0 4px rgba(236, 72, 153, 0.2); }
.ig-porada p { margin: 0; font-size: 1.02rem; line-height: 1.6; }
.ig-wynik { display: flex; gap: 16px; align-items: center; margin-bottom: 14px; }
.ig-wynik-liczba { --p: 0; flex: none; display: grid; place-content: center; justify-items: center; gap: 2px; width: 84px; height: 84px; border-radius: 50%;
  font-family: var(--display); font-size: 1.9rem; font-weight: 850; line-height: 1; position: relative; isolation: isolate;
  background: conic-gradient(#ec4899 calc(var(--p) * 1%), rgba(255, 255, 255, 0.1) 0); }
.ig-wynik-liczba::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: var(--night-2); z-index: -1; }
.ig-wynik-liczba small { font-family: var(--body); font-size: 0.7rem; font-weight: 700; color: var(--on-d-soft); }
.ig-wynik p { margin: 0; color: #e6e3ee; }
.ig-analiza h3 { margin: 18px 0 8px; font-size: 1rem; font-weight: 800; }
.ig-analiza-siatka { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.ig-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.ig-lista li { position: relative; padding-left: 24px; line-height: 1.5; color: #e6e3ee; }
.ig-lista li::before { position: absolute; left: 0; top: 1px; font-weight: 800; }
.ig-lista.plus li::before { content: "✓"; color: #6ee7a8; }
.ig-lista.uwaga li::before { content: "!"; color: #fbbf24; left: 5px; }
.ig-lista.pomysl li::before { content: "→"; color: #f472b6; }
.ig-plan { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ig-plan li { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.04); }
.ig-plan b { color: #f9a8d4; }
.ig-tagi { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.ig-tagi span { padding: 4px 10px; border-radius: 99px; background: rgba(139, 92, 246, 0.14); color: #ddd6fe; font-size: 0.86rem; font-weight: 650; }
.ig-mini { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ig-mini li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.04); box-shadow: inset 0 0 0 1px var(--line-d); }
.ig-mini a { display: grid; gap: 2px; color: inherit; text-decoration: none; min-width: 0; }
.ig-mini a .sub { color: #8d87a0; font-size: 0.84rem; }
.ig-mini-liczby { display: grid; justify-items: end; font-variant-numeric: tabular-nums; }
.ig-mini-liczby span { font-size: 0.84rem; }
.ig-mini li.empty { display: block; }
.ig-dodaj { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.ig-dodaj .input { flex: 1 1 200px; min-height: 44px; }
.ig-dodaj select.input { flex: 0 1 260px; }
.ig-tabela td.num { font-variant-numeric: tabular-nums; }
.ig-akcje-pola { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ig-akcje-pola .field label { font-size: 0.84rem; }
.plan-dziennie { display: inline-block; margin: 2px 0 6px; padding: 3px 10px; border-radius: 99px; font-size: 0.8rem; font-weight: 800;
  background: rgba(236, 72, 153, 0.14); color: #fbcfe8; }
@media (max-width: 1100px) { .ig-kafle { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .wykres-d { display: none; }
  .wykres-m { display: block; }
  .w-os { font-size: 11px; }
  .ig-glowa { grid-template-columns: auto minmax(0, 1fr); }
  .ig-aktualizacja { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; text-align: left; }
  .ig-aktualizacja b { white-space: nowrap; }
  .ig-aktualizacja .act { margin-left: auto; }
  .ig-akcje, .ig-akcje-pola { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ig-os { grid-template-columns: 1fr; row-gap: 10px; }
  .ig-os li { grid-template-columns: 32px minmax(0, 1fr); justify-items: start; align-items: center; text-align: left; font-size: 0.92rem; }
  .ig-analiza-siatka { grid-template-columns: 1fr; }
  .ig-plan li { grid-template-columns: 1fr; gap: 2px; }
}
@media (max-width: 420px) { .ig-kafle { gap: 8px; } .ig-kafel { padding: 12px 14px; } }
.start-teraz { margin: 4px 0 16px; }

/* ---------- dymki na wykresach ---------- */
.w-ramka { position: relative; }
.wykres { touch-action: pan-y; }
.w-prowadnica { stroke: rgba(255, 255, 255, 0.28); stroke-width: 1; stroke-dasharray: 3 3; opacity: 0; }
.w-prowadnica.widac { opacity: 1; }
.w-aktywny { fill: #fff; stroke: #ec4899; stroke-width: 3; opacity: 0; pointer-events: none; }
.w-aktywny.widac { opacity: 1; }
.w-slupek.aktywny { filter: brightness(1.35); }
.w-tip { position: absolute; z-index: 4; transform: translate(-50%, -100%); display: grid; gap: 1px; min-width: 120px; padding: 9px 12px; border-radius: 12px;
  background: rgba(24, 20, 33, 0.96); box-shadow: 0 14px 32px -12px rgba(0, 0, 0, 0.85), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  pointer-events: none; text-align: left; white-space: nowrap; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.w-tip-data { display: block; font-size: 0.76rem; font-weight: 700; color: var(--on-d-soft); }
.w-tip-data::first-letter { text-transform: uppercase; }
.w-tip b { font-family: var(--display); font-size: 1.15rem; font-weight: 850; font-variant-numeric: tabular-nums; }
.w-tip small { font-size: 0.78rem; font-weight: 700; }
.w-tip small:empty { display: none; }

/* ---------- etapy współpracy z opisem po najechaniu ---------- */
.ig-etapy { overflow: visible; }
.ig-os li { outline: none; cursor: default; }
.ig-os li:focus-visible::before { box-shadow: 0 0 0 3px #c4adff; }
.ig-os-opis { position: absolute; top: calc(100% + 10px); left: 50%; width: min(250px, 70vw); padding: 10px 12px; border-radius: 12px; z-index: 6;
  background: #241e30; box-shadow: 0 16px 34px -14px rgba(0, 0, 0, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.14);
  color: #e6e3ee; font-size: 0.82rem; font-weight: 500; line-height: 1.45; text-align: left;
  display: none; transform: translateX(-50%); pointer-events: none; }
.ig-os li:first-child .ig-os-opis { left: 0; transform: none; }
.ig-os li:last-child .ig-os-opis { left: auto; right: 0; transform: none; }
.ig-os li:hover .ig-os-opis, .ig-os li:focus .ig-os-opis { display: block; }
.ig-krok { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-top: 18px; padding: 14px 16px; border-radius: 14px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.18), rgba(236, 72, 153, 0.1)); box-shadow: inset 0 0 0 1px rgba(196, 173, 255, 0.35); }
.ig-krok p { margin: 0; flex: 1 1 280px; line-height: 1.5; }

/* zajawka analizy na stronie wyników */
.ig-zajawka { display: flex; align-items: center; gap: 16px; text-decoration: none; color: inherit; }
.ig-zajawka:hover { box-shadow: inset 0 0 0 1px rgba(236, 72, 153, 0.5); }
.ig-zajawka > span:nth-child(2) { display: grid; gap: 3px; flex: 1; }
.ig-zajawka .sub { color: var(--on-d-soft); font-size: 0.9rem; }
.ig-zajawka-strzalka { font-size: 1.4rem; color: #f472b6; }
.ig-wynik-maly { width: 58px; height: 58px; font-size: 1.3rem; }
.ig-wynik-maly::before { inset: 5px; }

/* małe zdjęcie profilu w listach */
.ig-avatar-s { width: 40px; height: 40px; padding: 2px; flex: none; }
.ig-avatar-s.ig-avatar-pusty { font-size: 1rem; }
.ig-mini-kto { display: flex !important; align-items: center; gap: 10px; }
.ig-mini-kto > span { display: grid; gap: 2px; min-width: 0; }

/* ustawienia klienta po stronie administratora */
.ig-ust-nowe { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; margin-bottom: 14px; padding: 12px 14px; border-radius: 14px;
  background: rgba(139, 92, 246, 0.14); box-shadow: inset 0 0 0 1px rgba(196, 173, 255, 0.4); }
.ig-ust-nowe p { margin: 0; flex: 1 1 260px; }
.ig-ust-grupa { padding: 12px 0; border-top: 1px solid var(--line-d); }
.ig-ust-g { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; margin-bottom: 8px; }
.ig-ust-g .sub { color: #8d87a0; font-size: 0.82rem; margin-right: auto; }
.ig-ust-kv { margin-top: 12px; }
.ig-ust-opis { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.04); color: #e6e3ee; font-style: italic; }
.ig-ust-dm { margin: 0; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.04); line-height: 1.5; overflow-wrap: anywhere; }

/* grupa docelowa (panel klienta) */
.grupa-form { display: grid; gap: 18px; margin-top: 18px; }
.grupa-form .box + .box { margin-top: 0; }
.grupa-form h2 { display: flex; align-items: center; gap: 10px; }
.grupa-form h2 .nr { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; font-size: 0.9rem;
  background: linear-gradient(135deg, #8b5cf6, #ec4899 60%, #fb923c); color: #fff; }
.grupa-wstep { margin: -4px 0 14px; display: block; }
.grupa-form textarea.input { min-height: 0; resize: vertical; }
.grupa-form .field + .hint { display: block; margin-top: 6px; }
.lbl { display: block; font-weight: 750; font-size: 0.92rem; margin-bottom: 8px; }
.grupa-wiek .two { display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; align-items: center; }
.grupa-plec { border: 0; margin: 0; padding: 0; min-width: 0; }
.seg-radio { display: flex; flex-wrap: wrap; gap: 6px; }
.seg-radio label { position: relative; cursor: pointer; }
.seg-radio input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.seg-radio span { display: inline-block; padding: 9px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); font-size: 0.88rem; font-weight: 700; color: var(--on-d-soft); }
.seg-radio input:checked + span { background: #fff; color: #18151f; }
.seg-radio input:focus-visible + span { outline: 3px solid #c4adff; outline-offset: 2px; }
.drogi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.droga { position: relative; display: block; cursor: pointer; }
.droga input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; z-index: 2; }
.droga span { display: grid; gap: 6px; height: 100%; padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, 0.04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); }
.droga small { color: var(--on-d-soft); font-size: 0.86rem; line-height: 1.45; }
.droga input:checked + span { background: rgba(139, 92, 246, 0.16); box-shadow: inset 0 0 0 2px #a78bfa; }
.droga input:focus-visible + span { outline: 3px solid #c4adff; outline-offset: 2px; }
.dzialania { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dzialanie { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.04); cursor: pointer; }
.dzialanie input { appearance: none; flex: none; width: 22px; height: 22px; margin: 0; border-radius: 7px; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.3); display: grid; place-items: center; cursor: pointer; }
.dzialanie input::after { content: ""; width: 11px; height: 6px; border: solid #fff; border-width: 0 0 2.5px 2.5px; transform: rotate(-45deg) translate(1px, -1px); opacity: 0; }
.dzialanie input:checked { background: #8b5cf6; box-shadow: none; }
.dzialanie input:checked::after { opacity: 1; }
.dzialanie input:focus-visible { outline: 3px solid #c4adff; outline-offset: 2px; }
.dzialanie > span:first-of-type { flex: 1; }
.dzialanie.zablokowane { opacity: 0.55; cursor: not-allowed; }
.dzialanie.zablokowane input { cursor: not-allowed; }
.powitanie { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line-d); display: grid; gap: 10px; }
.powitanie h3 { font-size: 1rem; }
.zmienne { display: flex; flex-wrap: wrap; gap: 6px; }
.zmienne .chip-f { min-height: 32px; font-family: ui-monospace, monospace; font-size: 0.82rem; }
.podglad-dm { padding: 12px 14px; border-radius: 16px 16px 16px 4px; background: rgba(255, 255, 255, 0.06); }
.podglad-dm .sub { color: #8d87a0; font-size: 0.8rem; }
.podglad-dm p { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; }
.grupa-zapisz { position: sticky; bottom: 12px; z-index: 3; align-items: center; padding: 12px 16px; border-radius: 18px;
  background: rgba(27, 24, 34, 0.94); box-shadow: 0 14px 34px -16px rgba(0, 0, 0, 0.9), inset 0 0 0 1px var(--line-d); }
@media (max-width: 760px) { .drogi, .dzialania { grid-template-columns: 1fr; } }

/* lista kont: pasek narzędzi, siatka kafelków */
.ig-pasek-narzedzi { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 14px; }
.ig-pasek-narzedzi .filters { margin: 0; }
.ig-sort { display: flex; align-items: center; gap: 8px; }
.ig-sort select.input { min-height: 40px; padding-top: 6px; padding-bottom: 6px; width: auto; }
.widok { display: flex; padding: 3px; border-radius: 999px; background: rgba(255, 255, 255, 0.06); }
.widok a { display: grid; place-items: center; width: 36px; height: 34px; border-radius: 999px; color: var(--on-d-soft); text-decoration: none; font-size: 1.05rem; }
.widok a[aria-current="true"] { background: #fff; color: #18151f; }
.ig-dodaj-box { margin-bottom: 18px; }
.ig-dodaj-box .ig-dodaj { margin-top: 0; }
.ig-siatka { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.ig-karta { display: grid; gap: 12px; padding: 16px; border-radius: 20px; background: var(--night-2); box-shadow: inset 0 0 0 1px var(--line-d); min-width: 0; }
.ig-karta-gora { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ig-karta-kto { display: flex; align-items: center; gap: 10px; min-width: 0; color: inherit; text-decoration: none; }
.ig-karta-kto > span { display: grid; gap: 2px; min-width: 0; }
.ig-karta-kto b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ig-karta-kto .sub { color: #8d87a0; font-size: 0.8rem; }
.ig-ikona-btn { width: 34px; height: 34px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.06); color: var(--on-d-soft); font-size: 1rem; cursor: pointer; }
.ig-ikona-btn:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }
.ig-ikona-btn svg { width: 17px; height: 17px; vertical-align: middle; }
.ig-ikona-btn.ig-usun:hover { background: rgba(251, 113, 133, 0.16); color: #fb7185; }
.ig-karta-przyciski { display: flex; gap: 6px; flex-shrink: 0; }
.ig-tabela td form { margin: 0; }
.ig-karta-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 0.82rem; min-height: 22px; }
.ig-karta-meta .plan-tag { text-decoration: none; }
.ig-karta-meta .sub { color: #8d87a0; }
.ig-karta-liczby { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ig-karta-liczby div { display: grid; gap: 2px; padding: 8px 10px; border-radius: 12px; background: rgba(255, 255, 255, 0.04); }
.ig-karta-liczby span { color: #8d87a0; font-size: 0.74rem; font-weight: 700; }
.ig-karta-liczby b { font-variant-numeric: tabular-nums; font-size: 1.02rem; }
.ig-karta-zakres { display: flex; gap: 4px; }
.ig-karta-zakres button { flex: 1; padding: 6px 8px; border: 0; border-radius: 999px; background: transparent; color: #8d87a0; font: inherit; font-size: 0.78rem; font-weight: 750; cursor: pointer; }
.ig-karta-zakres button[aria-selected="true"] { background: rgba(255, 255, 255, 0.1); color: #fff; }
.ig-karta-wykres { height: 56px; }
.mini { display: block; width: 100%; height: 56px; }
.mini-linia { fill: none; stroke-width: 2.2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.w-gore .mini-linia { stroke: #f472b6; } .w-gore .mini-pole { fill: rgba(236, 72, 153, 0.14); }
.w-dol .mini-linia { stroke: #fb7185; } .w-dol .mini-pole { fill: rgba(251, 113, 133, 0.1); }
.mini-pusty { display: grid; place-items: center; height: 56px; border-radius: 12px; background: rgba(255, 255, 255, 0.03); color: #8d87a0; font-size: 0.8rem; }
.ig-karta-link { justify-self: start; color: #c4adff; font-size: 0.86rem; font-weight: 750; text-decoration: none; }
.ig-karta-link:hover { text-decoration: underline; }
.nav-alarm { background: #fb7185; }
.ig-bez-klienta .hint { display: block; margin-bottom: 12px; }
@media (max-width: 700px) {
  .ig-os-opis, .ig-os li:first-child .ig-os-opis, .ig-os li:last-child .ig-os-opis { position: static; grid-column: 2; width: auto; padding: 0; transform: none;
    background: none; box-shadow: none; color: var(--on-d-soft); }
  .ig-os li.teraz .ig-os-opis { display: block; }
  .ig-sort { width: 100%; }
  .ig-sort select.input { flex: 1; }
}

/* sekcja API */
.api-lista { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.api-lista > li { display: grid; gap: 8px; padding: 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.04); }
.api-status > li { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; }
.api-gora { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.api-gora > div, .api-status > li > div { display: grid; gap: 2px; min-width: 0; }
.api-lista .sub { color: #8d87a0; font-size: 0.84rem; }
.api-stan { font-size: 0.82rem; font-weight: 750; color: var(--on-d-soft); white-space: nowrap; }
.api-kropka { width: 12px; height: 12px; border-radius: 50%; background: #5b5568; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.04); }
.api-kropka.ok { background: #4ade80; box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.15); }
.api-kropka.zle { background: #fb7185; box-shadow: 0 0 0 4px rgba(251, 113, 133, 0.15); }
.api-akcje { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; }
.api-akcje details.more { margin-top: 0; border-top: 0; padding-top: 6px; flex: 1 1 100%; }
.api-usun { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line-d); }

/* #finder i prospekty */
.fd-form { gap: 14px; }
.fd-radio { border: 0; margin: 0; padding: 0; min-width: 0; }
.fd-radia { display: flex; flex-wrap: wrap; gap: 14px 24px; }
.fd-historia { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.fd-historia li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; align-items: center; padding: 10px 12px; border-radius: 14px; background: rgba(255, 255, 255, 0.04); }
.fd-historia li > a { grid-column: 1 / -1; }
.fd-historia a { display: grid; gap: 2px; color: inherit; text-decoration: none; min-width: 0; }
.fd-historia a b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fd-historia .sub, .fd-mini .sub { color: #8d87a0; font-size: 0.8rem; }
.fd-historia li.empty { display: block; }
.fd-h-akcje { display: flex; gap: 6px; }
.fd-h-akcje form { margin: 0; }
.fd-chipy-hint { margin: -6px 0 0; }
.fd-chipy-box { display: grid; gap: 8px; margin-top: 10px; padding: 10px 12px; border-radius: 14px; background: rgba(139, 92, 246, 0.08); box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.25); }
.fd-chipy-gora { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; font-size: 0.82rem; font-weight: 700; color: #c4b5fd; }
.fd-chipy-czysc { border: 0; background: none; color: #8d87a0; font: inherit; font-weight: 600; cursor: pointer; padding: 0; }
.fd-chipy-czysc:hover { color: #fff; text-decoration: underline; }
.fd-chipy { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.fd-chipy li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 4px 4px 11px; border-radius: 999px; background: rgba(139, 92, 246, 0.22); color: #ede9fe; font-weight: 650; font-size: 0.88rem; max-width: 100%; }
.fd-chipy li > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fd-chipy li small { font-size: 0.72rem; font-weight: 700; color: #fbbf24; white-space: nowrap; }
.fd-chipy li.bylo { box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.4); }
.fd-chipy li button { width: 24px; height: 24px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: inherit; font-size: 1rem; line-height: 1; cursor: pointer; }
.fd-chipy li button:hover { background: rgba(251, 113, 133, 0.3); }
.fd-legenda { margin: 0 0 10px; }
.fd-tabela tr.fd-widziany td { opacity: 0.42; }
.st.fd-st-czeka, .st.fd-st-trwa { color: #fbbf24; }
.st.fd-st-gotowe { color: #4ade80; }
.st.fd-st-przerwane { color: #b6b0c6; }
.st.fd-st-blad { color: #fb7185; }
.fd-postep { display: grid; gap: 10px; }
.fd-postep-gora { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.fd-postep-gora .sub { color: #8d87a0; font-size: 0.86rem; margin-left: auto; }
.fd-postep .ig-pasek span { transition: width 0.4s; }
.fd-tagi span { font-size: 0.8rem; }
.fd-filtr { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-bottom: 12px; }
.fd-filtr .input { flex: 1 1 220px; min-height: 40px; }
.fd-akcje { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.fd-tabela th a { color: inherit; text-decoration: none; white-space: nowrap; }
.fd-tabela td .name { display: inline-grid; }
.fd-strony { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 14px; }
.fd-widziane, .fd-mini { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 6px; }
.fd-widziane li, .fd-mini li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 8px 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.04); }
.fd-widziane form, .fd-mini form { margin-left: auto; }
.fd-zakladki { margin: 18px 0 14px; }
.fd-zalegle { text-decoration: none; display: block; }
.fd-trwa { color: #fbbf24; font-size: 0.88rem; font-weight: 700; }
.fd-lista { margin: 0 0 12px; display: block; }
.fd-prospekty { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.fd-prospekt { display: grid; gap: 8px; padding: 14px 16px; border-radius: 18px; background: var(--night-2); box-shadow: inset 0 0 0 1px var(--line-d); }
.box .fd-prospekt { background: rgba(255, 255, 255, 0.04); box-shadow: none; }
.fd-p-gora { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.fd-p-gora .sub { color: #8d87a0; font-size: 0.82rem; }
.fd-p-bio { margin: 0; color: var(--on-d-soft); font-size: 0.88rem; line-height: 1.45; overflow-wrap: anywhere; }
.fd-p-dm { margin: 0; padding: 10px 12px; border-radius: 14px 14px 14px 4px; background: rgba(139, 92, 246, 0.12); line-height: 1.5; font-size: 0.92rem; overflow-wrap: anywhere; }
.fd-p-akcje { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.fd-kal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.fd-kal-dzien-tyg { text-align: center; font-size: 0.74rem; font-weight: 750; color: #8d87a0; padding-bottom: 4px; }
.fd-kal-d { position: relative; display: grid; place-items: center; aspect-ratio: 1; border-radius: 12px; background: rgba(255, 255, 255, 0.04); color: inherit; text-decoration: none; font-size: 0.88rem; }
.fd-kal-d.poza { opacity: 0.35; }
.fd-kal-d.dzis { box-shadow: inset 0 0 0 2px #a78bfa; }
.fd-kal-d.wybrany { background: #fff; color: #18151f; }
.fd-kal-d b { position: absolute; top: 4px; right: 5px; min-width: 18px; padding: 0 5px; border-radius: 99px; background: #8b5cf6; color: #fff; font-size: 0.7rem; line-height: 18px; text-align: center; }
.fd-kal-d.zalegly b { background: #fb7185; }
.fd-h3 { margin: 18px 0 8px; font-size: 1rem; }
.app-main > p.msg { margin: 0 0 16px; }
@media (max-width: 700px) { .grupa-zapisz { padding: 10px 12px; } .grupa-zapisz .hint { display: none; } .grupa-zapisz .btn { width: 100%; } }
.ig-dodaj .ig-mierz { flex: 1 1 100%; font-size: 0.88rem; }
.ig-mierz .sub { display: block; color: #8d87a0; font-size: 0.8rem; margin-top: 2px; }
.grupa-zlec { margin: 0 0 14px; padding: 12px 14px; border-radius: 14px; background: rgba(139, 92, 246, 0.1); box-shadow: inset 0 0 0 1px rgba(196, 173, 255, 0.3); }
.grupa-zlec .sub { display: block; margin-top: 3px; color: var(--on-d-soft); font-size: 0.86rem; font-weight: 500; line-height: 1.45; }
.ig-ust-zlecone { margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; background: rgba(251, 191, 36, 0.1); color: #fde68a; line-height: 1.5; }
.pasek-kod { background: rgba(139, 92, 246, 0.16); box-shadow: inset 0 0 0 1px rgba(196, 173, 255, 0.5); }
.pasek-kod .input { width: 140px; min-height: 40px; text-align: center; letter-spacing: 0.2em; font-weight: 800; }
.ig-kod-wartosc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 12px; }
.ig-kod-wartosc b { font-family: var(--display); font-size: 1.8rem; letter-spacing: 0.15em; }
.ig-kod .hint { display: block; margin-bottom: 12px; }