/* Centrum social mediów — style ekranów (bez zewnętrznych czcionek i bibliotek). */
:root {
  --tlo: #f4f5f7; --karta: #fff; --tekst: #1d2327; --blady: #646970; --ramka: #dcdcde;
  --akcent: #1f3a93; --akcent-t: #fff; --dobrze: #1a7f37; --uwaga: #9a6700; --zle: #b32d2e;
  --info-tlo: #eef4ff; --ok-tlo: #edf7ee; --warn-tlo: #fff7e0; --err-tlo: #fcf0f1;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif; font-size: 15px; line-height: 1.45;
}
@media (prefers-color-scheme: dark) {
  :root { --tlo: #16181c; --karta: #1f2227; --tekst: #e6e7e9; --blady: #a0a5ab; --ramka: #353a41; --akcent: #7aa2ff; --akcent-t: #0d1020;
          --dobrze: #5cc26f; --uwaga: #e0b44c; --zle: #ff7b7b; --info-tlo: #1d2638; --ok-tlo: #1b2b1f; --warn-tlo: #2e2715; --err-tlo: #34191b; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--tlo); color: var(--tekst); }
a { color: var(--akcent); }
h1 { font-size: 1.45rem; margin: .4rem 0 1rem; }
h2 { font-size: 1.15rem; margin: 0 0 .6rem; }
h3 { font-size: 1rem; }
code, pre { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: .88em; }
small { color: var(--blady); }

.czs-gora { background: var(--karta); border-bottom: 1px solid var(--ramka); }
.czs-gora-w { max-width: 1280px; margin: 0 auto; padding: .5rem 16px; display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; align-items: center; }
.czs-logo { font-weight: 700; text-decoration: none; color: var(--tekst); }
.czs-menu { display: flex; flex-wrap: wrap; gap: .3rem .9rem; }
.czs-menu a { text-decoration: none; }
.czs-kto { margin-left: auto; font-size: .9rem; }
.czs-marka select { font-weight: 600; }
.czs-tresc { max-width: 1280px; margin: 0 auto; padding: 1rem 16px 3rem; }
.czs-dol { max-width: 1280px; margin: 0 auto; padding: 1rem 16px 2rem; color: var(--blady); font-size: .85rem; }

.gbsm-karta { background: var(--karta); border: 1px solid var(--ramka); border-radius: 8px; padding: 1rem 1.1rem; margin: 1rem 0; }
.notice { border-left: 4px solid var(--akcent); background: var(--info-tlo); padding: .2rem .9rem; margin: .8rem 0; border-radius: 4px; }
.notice-success { border-color: var(--dobrze); background: var(--ok-tlo); }
.notice-warning { border-color: var(--uwaga); background: var(--warn-tlo); }
.notice-error { border-color: var(--zle); background: var(--err-tlo); }
.gbsm-dobrze { color: var(--dobrze); }
.gbsm-uwaga { color: var(--uwaga); }
.gbsm-zle { color: var(--zle); font-weight: 600; }

table.widefat { width: 100%; border-collapse: collapse; background: var(--karta); border: 1px solid var(--ramka); }
table.widefat th, table.widefat td { text-align: left; vertical-align: top; padding: .45rem .55rem; border-bottom: 1px solid var(--ramka); }
table.striped tbody tr:nth-child(odd) { background: color-mix(in srgb, var(--tlo) 45%, transparent); }
.gbsm-kv th { text-align: left; vertical-align: top; padding: .35rem .8rem .35rem 0; width: 13rem; font-weight: 600; }
.gbsm-kv td { padding: .35rem 0; }
.gbsm-wyniki tr.p-BLOKUJE td { background: var(--err-tlo); }
.gbsm-wyniki tr.p-POTWIERDZ td { background: var(--warn-tlo); }
tr.p-NIE_DOTYCZY td { color: var(--blady); }

.gbsm-tag { display: inline-block; padding: .05rem .5rem; border-radius: 99px; border: 1px solid var(--ramka); font-size: .82rem; text-decoration: none; color: var(--tekst); margin: .1rem 0; }
.gbsm-tag.b-szkic { border-color: var(--blady); }
.gbsm-tag.b-do_akceptacji { border-color: var(--uwaga); color: var(--uwaga); }
.gbsm-tag.b-zaakceptowany { border-color: var(--akcent); color: var(--akcent); }
.gbsm-tag.b-opublikowany { border-color: var(--dobrze); color: var(--dobrze); }
.gbsm-tag.b-wycofany { border-color: var(--zle); color: var(--zle); }
.gbsm-tag.poufne { border-color: var(--zle); color: var(--zle); font-weight: 600; }

.gbsm-siatka { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: .8rem; }
.gbsm-mat { border: 1px solid var(--ramka); border-radius: 6px; padding: .6rem; background: var(--karta); margin: .5rem 0; }
.gbsm-mat img { max-width: 100%; height: auto; display: block; border-radius: 4px; }
.gbsm-mat.r-publikacja { border-color: var(--dobrze); }
.gbsm-para { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.gbsm-para img { max-width: 100%; }
.gbsm-tekst { white-space: pre-wrap; background: var(--tlo); border: 1px solid var(--ramka); padding: .8rem; border-radius: 6px; max-width: 70ch; }
.gbsm-inline { display: inline; }
.czs-waskie { width: 5rem; }
.czs-kanal { display: inline-block; margin: 0 1rem .4rem 0; }
.czs-kom { max-width: 60ch; }
.czs-wartosc { max-width: 38ch; overflow-wrap: anywhere; font-size: .85rem; }
.czs-filtry { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: end; margin: .5rem 0 1rem; }
.czs-podglad { background: var(--karta); border: 1px solid var(--ramka); padding: 1rem; border-radius: 6px; max-width: 80ch; }
.czs-polityka { max-width: 80ch; }

.czs-logowanie { max-width: 26rem; }
.czs-logowanie input[type=text], .czs-logowanie input[type=password] { width: 100%; font-size: 1.05rem; padding: .5rem; }
.czs-qr svg { width: 220px; height: 220px; background: #fff; padding: 6px; border-radius: 6px; }
.czs-klucz { font-size: 1.05rem; letter-spacing: .05em; }
.czs-kody { font-size: 1.1rem; background: var(--karta); border: 1px solid var(--ramka); padding: 1rem; max-width: 20rem; }

input, select, textarea, button { font: inherit; color: inherit; }
input[type=text], input[type=url], input[type=password], input[type=number], input[type=datetime-local], select, textarea {
  background: var(--karta); border: 1px solid var(--ramka); border-radius: 4px; padding: .3rem .45rem; max-width: 100%; }
textarea { width: 100%; }
.button { display: inline-block; border: 1px solid var(--akcent); color: var(--akcent); background: var(--karta); border-radius: 4px; padding: .35rem .8rem;
  cursor: pointer; text-decoration: none; }
.button-primary { background: var(--akcent); color: var(--akcent-t); }
.button[disabled], button[disabled] { opacity: .45; cursor: not-allowed; }
.button-link, .button-link-delete { background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; color: var(--akcent); }
.button-link-delete { color: var(--zle); }

@media (max-width: 720px) {
  .gbsm-kv th { width: auto; display: block; padding-bottom: 0; }
  .gbsm-kv td { display: block; }
  .gbsm-para { grid-template-columns: 1fr; }
  table.widefat { display: block; overflow-x: auto; }
  .czs-kto { margin-left: 0; }
}