/* Panel websly.pl */
:root { --tlo:#0e0f12; --tlo2:#16181d; --karta:#1b1e24; --linia:#2a2e37; --tekst:#f3f1ec; --tekst2:#b3b0a8; --akcent:#ff8a1f; --akcent-t:#14100a; --mgla:rgba(255,138,31,.14); --ok:#5ec98b; --zle:#ff6b6b; }
*,*::before,*::after { box-sizing:border-box; }
body { margin:0; background:var(--tlo); color:var(--tekst); font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
h1 { font-size:30px; letter-spacing:-.02em; margin:0 0 18px; line-height:1.15; }
h2 { font-size:19px; margin:30px 0 12px; }
main { width:min(1100px,100% - 32px); margin:28px auto 80px; }
.gora { display:flex; align-items:center; gap:22px; padding:12px max(16px,calc((100% - 1100px)/2)); border-bottom:1px solid var(--linia); background:var(--tlo2); position:sticky; top:0; z-index:5; flex-wrap:wrap; }
.logo { font-weight:800; font-size:20px; letter-spacing:-.03em; text-decoration:none; }
.logo b, h1 b { color:var(--akcent); }
.logo span, h1 span { font-weight:500; font-size:13px; color:var(--tekst2); margin-left:6px; letter-spacing:.04em; text-transform:uppercase; }
.gora nav { display:flex; gap:4px; flex:1; }
.gora nav a { text-decoration:none; padding:7px 13px; border-radius:9px; color:var(--tekst2); font-weight:600; font-size:15px; }
.gora nav a.akt, .gora nav a:hover { background:var(--karta); color:var(--tekst); }
.gora nav i { font-style:normal; background:var(--akcent); color:var(--akcent-t); border-radius:999px; padding:1px 8px; font-size:12.5px; margin-left:4px; }
.gora form { display:flex; align-items:center; gap:12px; font-size:13.5px; color:var(--tekst2); }
.link { background:none; border:0; color:var(--tekst2); font:inherit; cursor:pointer; text-decoration:underline; padding:0; }
.przycisk { display:inline-flex; align-items:center; justify-content:center; background:var(--akcent); color:var(--akcent-t); font:inherit; font-weight:700; border:0; border-radius:11px; padding:11px 18px; cursor:pointer; text-decoration:none; }
.przycisk:hover { filter:brightness(1.07); }
.naglowek { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; flex-wrap:wrap; }
.naglowek h1 { margin:0; }
.kafle { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.kafel { background:var(--karta); border:1px solid var(--linia); border-radius:14px; padding:18px; text-decoration:none; display:grid; gap:2px; }
.kafel strong { font-size:32px; letter-spacing:-.03em; line-height:1.1; }
.kafel span { color:var(--tekst2); font-size:14px; }
.kafel.mocny { border-color:var(--akcent); background:var(--mgla); }
.kafel.mocny strong { color:var(--akcent); }
.lista { display:grid; border:1px solid var(--linia); border-radius:14px; overflow:hidden; }
.wiersz { display:grid; grid-template-columns:130px minmax(160px,1fr) 2fr 120px; gap:14px; align-items:center; padding:13px 16px; text-decoration:none; border-top:1px solid var(--linia); background:var(--karta); }
.wiersz:first-child { border-top:0; }
.wiersz:hover { background:var(--tlo2); }
.wiersz .kto { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--tekst2); font-size:14.5px; }
.wiersz .kto strong { color:var(--tekst); font-size:16px; margin-right:6px; }
.wiersz .tresc { color:var(--tekst2); font-size:14.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wiersz .kiedy { color:var(--tekst2); font-size:13.5px; text-align:right; }
.status { display:inline-block; font-size:12.5px; font-weight:700; border-radius:999px; padding:3px 11px; border:1px solid var(--linia); color:var(--tekst2); white-space:nowrap; justify-self:start; }
.st-nowe .status, .status.st-nowe { background:var(--akcent); border-color:var(--akcent); color:var(--akcent-t); }
.st-zlecenie .status, .status.st-zlecenie { border-color:var(--ok); color:var(--ok); }
.st-wycena .status, .status.st-wycena { border-color:var(--akcent); color:var(--akcent); }
.filtry { display:grid; gap:12px; margin-bottom:16px; }
.zakladki { display:flex; gap:6px; flex-wrap:wrap; }
.zakladki a { text-decoration:none; font-size:14px; font-weight:600; border:1px solid var(--linia); border-radius:999px; padding:6px 13px; color:var(--tekst2); }
.zakladki a.akt { background:var(--tekst); color:var(--tlo); border-color:var(--tekst); }
input, textarea, select { font:inherit; color:var(--tekst); background:var(--tlo); border:1.5px solid var(--linia); border-radius:10px; padding:11px 13px; width:100%; }
input:focus, textarea:focus, select:focus { outline:0; border-color:var(--akcent); box-shadow:0 0 0 4px var(--mgla); }
label { display:grid; gap:6px; font-size:14px; font-weight:600; }
.formularz { display:grid; gap:14px; max-width:720px; }
.dwa { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.dwie-kolumny { display:grid; grid-template-columns:1.2fr 1fr; gap:16px; align-items:start; }
.karta { background:var(--karta); border:1px solid var(--linia); border-radius:14px; padding:22px; }
dl { display:grid; grid-template-columns:90px 1fr; gap:6px 14px; margin:0 0 18px; font-size:15px; }
dt { color:var(--tekst2); }
dd { margin:0; }
.tresc-zapytania { background:var(--tlo); border:1px solid var(--linia); border-radius:10px; padding:16px; margin-bottom:16px; white-space:normal; overflow-wrap:anywhere; }
.notatka { border-top:1px solid var(--linia); padding:12px 0; }
.notatka p { margin:0 0 4px; overflow-wrap:anywhere; }
.notatka span, .drobne, .pusto, .okruchy { color:var(--tekst2); font-size:13.5px; }
.okruchy { margin:0 0 10px; }
.komunikat { background:rgba(94,201,139,.12); border:1px solid var(--ok); color:var(--ok); border-radius:10px; padding:9px 14px; font-size:14.5px; }
.blad { background:rgba(255,107,107,.1); border:1px solid var(--zle); color:var(--zle); border-radius:10px; padding:9px 14px; font-size:14.5px; }
.logowanie { max-width:400px; margin:12vh auto 0; background:var(--karta); border:1px solid var(--linia); border-radius:18px; padding:30px; }
.logowanie form { display:grid; gap:14px; }
.logowanie h1 { font-size:26px; }
.logowanie input[name=kod] { font-size:26px; letter-spacing:.3em; text-align:center; font-variant-numeric:tabular-nums; }
@media (max-width:800px) {
  .kafle { grid-template-columns:1fr 1fr; }
  .wiersz { grid-template-columns:1fr auto; gap:4px 10px; }
  .wiersz .tresc { grid-column:1 / -1; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .wiersz .kto { grid-column:1; grid-row:1; white-space:normal; }
  .wiersz .status { grid-column:2; grid-row:1; }
  .wiersz .kiedy { grid-column:1 / -1; text-align:left; }
  .dwie-kolumny, .dwa { grid-template-columns:1fr; }
  .gora .kto { display:none; }
}

/* Treści, blog, publikacja */
.przycisk.cichy { background:transparent; color:var(--tekst); box-shadow:inset 0 0 0 1.5px var(--linia); }
.przycisk.cichy:hover { box-shadow:inset 0 0 0 1.5px var(--tekst2); filter:none; }
.publikacja { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; border:1px solid var(--linia); border-radius:12px; padding:12px 16px; margin:0 0 20px; background:var(--karta); font-size:14.5px; color:var(--tekst2); }
.publikacja.czeka { border-color:var(--akcent); background:var(--mgla); color:var(--tekst); }
.komunikat.ostrz { background:var(--mgla); border-color:var(--akcent); color:var(--tekst); }
.wiersz.prosty { grid-template-columns:minmax(200px,1.1fr) 2fr auto; }
div.wiersz.prosty:hover { background:var(--karta); }
.formularz.szeroki { max-width:none; }
fieldset { border:1px solid var(--linia); border-radius:14px; padding:18px; margin:0; display:grid; gap:14px; background:var(--karta); }
legend { font-weight:700; font-size:15px; padding:0 8px; color:var(--akcent); }
label small { font-weight:400; color:var(--tekst2); }
.wiersze { display:grid; gap:12px; }
.wiersz-form { border:1px solid var(--linia); border-radius:12px; padding:14px; display:grid; gap:12px; background:var(--tlo2); }
.wiersz-form.nowy { border-style:dashed; }
.rzad { display:flex; gap:12px; align-items:end; flex-wrap:wrap; }
.rzad .waski { width:92px; }
.rzad .waski2 { width:190px; }
.waski2 { max-width:340px; }
.rzad .rosnie { flex:1; min-width:220px; }
.rzad .usun { display:flex; grid-template-columns:none; align-items:center; gap:6px; font-weight:400; color:var(--tekst2); padding-bottom:12px; white-space:nowrap; }
.rzad .usun input { width:auto; }
.edytor { display:grid; gap:6px; }
.edytor .etykieta { font-size:14px; font-weight:600; }
.pasek-ed { display:flex; gap:4px; flex-wrap:wrap; }
.pasek-ed[hidden], .pole-ed[hidden] { display:none; }
.pasek-ed button { font:inherit; font-size:13.5px; background:var(--tlo); color:var(--tekst); border:1px solid var(--linia); border-radius:8px; padding:5px 11px; cursor:pointer; }
.pasek-ed button:hover, .pasek-ed button.wl { border-color:var(--akcent); color:var(--akcent); }
.pole-ed { background:var(--tlo); border:1.5px solid var(--linia); border-radius:10px; padding:12px 14px; min-height:120px; overflow-wrap:anywhere; }
.edytor.liniowy .pole-ed { min-height:0; }
.pole-ed:focus { outline:0; border-color:var(--akcent); box-shadow:0 0 0 4px var(--mgla); }
.pole-ed p { margin:0 0 10px; } .pole-ed ul, .pole-ed ol { margin:0 0 10px; padding-left:22px; } .pole-ed a { color:var(--akcent); } .pole-ed em { font-style:normal; color:var(--akcent); }
.edytor textarea { font-family:ui-monospace,Menlo,monospace; font-size:13.5px; }
.pasek-zapisu { display:flex; align-items:center; gap:16px; flex-wrap:wrap; position:sticky; bottom:0; background:var(--tlo); padding:14px 0; border-top:1px solid var(--linia); }
.link.grozny { color:var(--zle); }
.licznik { font-weight:400; color:var(--tekst2); font-size:12.5px; }
.licznik.za-dlugie { color:var(--akcent); }
@media (max-width:800px) { .wiersz.prosty { grid-template-columns:1fr; } .rzad .waski, .rzad .waski2 { width:100%; } }