/* Niezbędnik — wspólny arkusz Z PACZKI.

   ZMIANA WOBEC ORYGINAŁU: motyw domyślny nazywa się u nas „nocny", nie
   „fiolet" — tak stoi w users.theme i w teście StylesheetBuildTest.
   Wgrywa to scratchpad/wgraj-paczke.php; poza tym plik jest nietknięty.
   Motyw: <html data-theme="nocny|ciemny|morski|jasny|bezowy|zielony|rozowy">.
   Każdy motyw to 13 kolorów bazowych; wszystkie odcienie pośrednie (hover, linie, tekst 2…) liczy color-mix().
   Nowy motyw = nowy blok [data-theme="…"] z tymi 13 zmiennymi. */
:root,[data-theme="nocny"]{
  color-scheme:dark;
  --bg: oklch(0.145 0.016 292);
  --main: oklch(0.165 0.018 292);
  --card: oklch(0.185 0.02 292);
  --field: oklch(0.15 0.017 292);
  --line: oklch(0.27 0.022 292);
  --ink: oklch(0.96 0.008 292);
  --muted: oklch(0.70 0.025 292);
  --accent: oklch(0.80 0.11 295);
  --accent-text: oklch(0.86 0.08 295);
  --on-accent: oklch(0.18 0.03 292);
  --ok: oklch(0.80 0.11 160);
  --warn: oklch(0.85 0.09 75);
  --err: oklch(0.75 0.13 25);
}
[data-theme="ciemny"]{
  color-scheme:dark;
  --bg: oklch(0.145 0.004 260);
  --main: oklch(0.168 0.005 260);
  --card: oklch(0.192 0.006 260);
  --field: oklch(0.15 0.004 260);
  --line: oklch(0.28 0.008 260);
  --ink: oklch(0.95 0.004 260);
  --muted: oklch(0.70 0.01 260);
  --accent: oklch(0.76 0.12 250);
  --accent-text: oklch(0.82 0.09 250);
  --on-accent: oklch(0.17 0.03 255);
  --ok: oklch(0.78 0.12 155);
  --warn: oklch(0.84 0.10 80);
  --err: oklch(0.72 0.14 25);
}
[data-theme="morski"]{
  --shadow-main: 0 0 0 1px oklch(1 0 0 / .04), 0 18px 50px -18px oklch(0 0 0 / .32), -4px 0 14px -6px oklch(0 0 0 / .16);
  color-scheme:dark;
  --bg: oklch(0.165 0.025 225);
  --main: oklch(0.19 0.028 222);
  --card: oklch(0.215 0.03 220);
  --field: oklch(0.17 0.026 222);
  --line: oklch(0.31 0.03 220);
  --ink: oklch(0.95 0.012 200);
  --muted: oklch(0.73 0.03 210);
  --accent: oklch(0.80 0.10 190);
  --accent-text: oklch(0.85 0.08 190);
  --on-accent: oklch(0.18 0.04 220);
  --ok: oklch(0.80 0.12 155);
  --warn: oklch(0.85 0.10 80);
  --err: oklch(0.74 0.13 25);
}
[data-theme="jasny"]{
  --shadow-main: 0 0 0 1px oklch(0 0 0 / .04), 0 18px 50px -18px oklch(0 0 0 / .06), -4px 0 14px -6px oklch(0 0 0 / .03);
  color-scheme:light;
  --bg: oklch(0.955 0.006 292);
  --main: oklch(0.985 0.003 292);
  --card: oklch(1 0 0);
  --field: oklch(0.97 0.004 292);
  --line: oklch(0.89 0.01 292);
  --ink: oklch(0.22 0.02 292);
  --muted: oklch(0.47 0.02 292);
  --accent: oklch(0.52 0.17 295);
  --accent-text: oklch(0.46 0.17 295);
  --on-accent: oklch(0.99 0.005 292);
  --ok: oklch(0.50 0.12 155);
  --warn: oklch(0.55 0.12 65);
  --err: oklch(0.53 0.18 25);
}
[data-theme="bezowy"]{
  --shadow-main: 0 0 0 1px oklch(0 0 0 / .04), 0 18px 50px -18px oklch(0 0 0 / .06), -4px 0 14px -6px oklch(0 0 0 / .03);
  color-scheme:light;
  --bg: oklch(0.935 0.022 80);
  --main: oklch(0.97 0.014 85);
  --card: oklch(0.99 0.007 85);
  --field: oklch(0.955 0.016 85);
  --line: oklch(0.87 0.025 78);
  --ink: oklch(0.27 0.025 60);
  --muted: oklch(0.49 0.03 62);
  --accent: oklch(0.55 0.12 42);
  --accent-text: oklch(0.49 0.12 42);
  --on-accent: oklch(0.99 0.006 85);
  --ok: oklch(0.49 0.10 150);
  --warn: oklch(0.55 0.12 70);
  --err: oklch(0.52 0.16 28);
}
[data-theme="zielony"]{
  --shadow-main: 0 0 0 1px oklch(0 0 0 / .04), 0 18px 50px -18px oklch(0 0 0 / .06), -4px 0 14px -6px oklch(0 0 0 / .03);
  color-scheme:light;
  --bg: oklch(0.945 0.018 155);
  --main: oklch(0.975 0.009 155);
  --card: oklch(0.995 0.003 155);
  --field: oklch(0.96 0.012 155);
  --line: oklch(0.88 0.025 155);
  --ink: oklch(0.25 0.03 160);
  --muted: oklch(0.47 0.03 160);
  --accent: oklch(0.50 0.11 165);
  --accent-text: oklch(0.44 0.11 165);
  --on-accent: oklch(0.99 0.005 155);
  --ok: oklch(0.50 0.13 140);
  --warn: oklch(0.55 0.12 65);
  --err: oklch(0.53 0.18 25);
}
[data-theme="rozowy"]{
  --shadow-main: 0 0 0 1px oklch(0 0 0 / .04), 0 18px 50px -18px oklch(0 0 0 / .06), -4px 0 14px -6px oklch(0 0 0 / .03);
  color-scheme:light;
  --bg: oklch(0.95 0.02 350);
  --main: oklch(0.98 0.009 350);
  --card: oklch(0.995 0.003 350);
  --field: oklch(0.965 0.013 350);
  --line: oklch(0.89 0.028 350);
  --ink: oklch(0.25 0.04 350);
  --muted: oklch(0.49 0.045 350);
  --accent: oklch(0.56 0.18 358);
  --accent-text: oklch(0.50 0.18 358);
  --on-accent: oklch(0.99 0.005 350);
  --ok: oklch(0.50 0.12 155);
  --warn: oklch(0.55 0.12 65);
  --err: oklch(0.52 0.18 28);
}

/* Pochodne — liczone z 13 kolorów motywu. Nie zmieniaj tu wartości, zmieniaj motyw. */
:root,[data-theme]{
  --logo-tile: var(--accent);
  --logo-mark: var(--on-accent);
  --bg-app: var(--bg);
  --bg-main: var(--main);
  --bg-input: var(--field);
  --bg-card: var(--card);
  --bg-raised: color-mix(in oklch, var(--card), var(--line) 18%);
  --bg-hover: color-mix(in oklch, var(--card), var(--line) 30%);
  --bg-active: color-mix(in oklch, var(--card), var(--line) 41%);
  --bg-pop: color-mix(in oklch, var(--card), var(--line) 30%);
  --border: color-mix(in oklch, var(--card), var(--line) 88%);
  --border-2: var(--line);
  --border-control: color-mix(in oklch, var(--line), var(--ink) 4%);
  --border-strong: color-mix(in oklch, var(--line), var(--ink) 10%);
  --text: var(--ink);
  --text-2: color-mix(in oklch, var(--muted), var(--ink) 30%);
  --text-3: color-mix(in oklch, var(--line), var(--muted) 90%);
  --text-4: color-mix(in oklch, var(--line), var(--muted) 82%);
  --accent-hover: color-mix(in oklch, var(--accent), var(--ink) 25%);
  --accent-ink: var(--accent-text);
  --success: var(--ok);
  --warning: var(--warn);
  --danger: var(--err);
  --danger-solid: var(--err);
  --font-sans: 'Geist', system-ui, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, monospace;
  --font-serif: 'Source Serif 4', Georgia, serif;
  --shadow-main: 0 0 0 1px oklch(1 0 0 / .03), 0 18px 50px -18px oklch(0 0 0 / .45), -4px 0 14px -6px oklch(0 0 0 / .22);
  --shadow-pop: 0 24px 48px -12px oklch(0 0 0 / .6);
  --shadow-modal: 0 30px 70px -20px oklch(0 0 0 / .7);
  --shadow-toast: 0 16px 40px -8px oklch(0 0 0 / .6);
  --ease-out: cubic-bezier(.2,.7,.2,1);
}
/* Jasne motywy: lżejsze cienie */
[data-theme="jasny"],[data-theme="bezowy"],[data-theme="zielony"],[data-theme="rozowy"]{
  --shadow-main: 0 0 0 1px oklch(0 0 0 / .04), 0 18px 50px -18px oklch(0 0 0 / .06), -4px 0 14px -6px oklch(0 0 0 / .03);
  --shadow-main: -1px 0 0 oklch(0 0 0 / .03), -18px 0 40px -20px oklch(0 0 0 / .18), -4px 0 12px -8px oklch(0 0 0 / .12);
  --shadow-pop: 0 24px 48px -16px oklch(0 0 0 / .18);
  --shadow-modal: 0 30px 70px -24px oklch(0 0 0 / .25);
  --shadow-toast: 0 16px 40px -10px oklch(0 0 0 / .25);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg-app);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-text);text-decoration:underline}
button,input,select,textarea{font-family:inherit}
button,kbd{white-space:nowrap}
input::placeholder,textarea::placeholder{color:var(--text-4)}
input[type=date]{color-scheme:dark}
*{scrollbar-width:thin;scrollbar-color:color-mix(in oklch, var(--muted) 55%, transparent) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--muted) 45%, transparent);border-radius:999px;border:3px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--accent) 60%,transparent);border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-corner{background:transparent}
[x-cloak]{display:none!important}
.mono{font-family:var(--font-mono)}
.muted{color:var(--text-3)}
@keyframes nz-spin{to{transform:rotate(360deg)}}
@keyframes nz-in{from{opacity:0;transform:scale(1.015);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes nz-slide{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}

/* ===== Szkielet ===== */
.nz-app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.nz-app.is-entering{animation:nz-in .65s var(--ease-out)}
.nz-app.is-entering .nz-sidebar{animation:nz-slide .6s .12s var(--ease-out) backwards}
.nz-sidebar{background:var(--bg-app);display:flex;flex-direction:column;padding:16px 12px;gap:20px;position:sticky;top:0;height:100vh;overflow-y:auto}
.nz-main{position:relative;z-index:1;margin:10px 10px 10px 0;border-radius:18px;background:var(--bg-main);border:1px solid var(--border);box-shadow:var(--shadow-main);height:calc(100vh - 20px);overflow-y:auto;min-width:0;display:flex;flex-direction:column}
.nz-main>*{flex-shrink:0}
.nz-main--padded{padding:28px clamp(20px,4vw,56px) 48px;gap:32px}
.nz-main--split{overflow:hidden}
.nz-page-head{display:flex;flex-direction:column;gap:14px;padding:22px clamp(20px,3vw,36px) 14px;border-bottom:1px solid var(--border)}
.nz-page-head__row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nz-crumbs{font-size:13px;color:var(--text-3)}
.nz-crumbs a{color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em}
.nz-h2{margin:0;font-size:13px;font-weight:500;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-h3{margin:0;font-size:15px;font-weight:600}
.nz-section-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4)}

/* ===== Sidebar ===== */
.nz-brand{display:flex;align-items:center;gap:10px;padding:4px 8px}
.nz-logo{width:28px;height:28px;border-radius:7px;display:block;flex-shrink:0}
.nz-logo--lg{width:48px;height:48px;border-radius:12px;box-shadow:0 10px 30px -8px color-mix(in oklch, var(--accent) 50%, transparent);transition:transform .5s cubic-bezier(.3,1.4,.5,1),box-shadow .5s}
.nz-brand__name{display:flex;flex-direction:column;line-height:1.2}
.nz-brand__name b{font-weight:600;font-size:14px}
.nz-brand__name small{font-size:11px;color:var(--text-3)}
.nz-nav{display:flex;flex-direction:column;gap:2px}
.nz-nav__item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:7px;color:var(--text-2);font-size:13.5px}
.nz-nav__item:hover{background:var(--bg-raised);color:var(--text);text-decoration:none}
.nz-nav__item.is-active{background:color-mix(in oklch, var(--card), var(--line) 53%);color:var(--text);font-weight:500}
.nz-nav__meta{font-family:var(--font-mono);font-size:10.5px;color:color-mix(in oklch, var(--line), var(--muted) 77%);flex-shrink:0}
.nz-nav__meta--accent{color:var(--accent)}
.nz-nav__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}
.nz-tools{display:flex;flex-direction:column;gap:2px}
.nz-tools .nz-section-label{padding:0 10px 6px}
.nz-tool-link{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:7px;color:var(--text-2);font-size:13px}
.nz-tool-link:hover{background:var(--bg-raised);color:var(--text);text-decoration:none}
.nz-tool-link.is-active{background:var(--bg-hover);color:var(--text)}
.nz-tool-link__code{font-family:var(--font-mono);font-size:10.5px;width:18px;color:var(--text-3);flex-shrink:0}
.nz-sidebar__foot{margin-top:auto;border-top:1px solid color-mix(in oklch, var(--card), var(--line) 76%);padding:12px 10px 0;display:flex;flex-direction:column;gap:8px;font-size:12.5px}
.nz-sidebar__foot span{color:var(--text-2)}
.nz-sidebar__foot div{display:flex;gap:14px}
.nz-sidebar__foot a,.nz-sidebar__foot button{color:color-mix(in oklch, var(--muted), var(--ink) 15%);background:none;border:0;padding:0;font-size:12.5px;cursor:pointer}

/* ===== Przyciski ===== */
.nz-btn{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-radius:8px;font-size:12.5px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}
.nz-btn:disabled{cursor:not-allowed;background:color-mix(in oklch, var(--line), var(--ink) 1%)!important;color:var(--text-4)!important;border-color:transparent!important}
.nz-btn--primary{background:var(--accent);color:var(--on-accent)}
.nz-btn--primary:hover{background:var(--accent-hover)}
.nz-btn--secondary{background:transparent;border-color:color-mix(in oklch, var(--line), var(--ink) 7%);color:color-mix(in oklch, var(--muted), var(--ink) 69%)}
.nz-btn--secondary:hover{background:color-mix(in oklch, var(--card), var(--line) 41%)}
.nz-btn--ghost{background:transparent;color:var(--text-2)}
.nz-btn--ghost:hover{background:var(--bg-hover);color:var(--text)}
.nz-btn--success{background:var(--success);color:var(--on-accent)}
.nz-btn--success-soft{background:color-mix(in oklch, var(--ok) 16%, transparent);border-color:color-mix(in oklch, var(--ok) 45%, transparent);color:var(--success)}
.nz-btn--danger{background:var(--danger-solid);color:var(--on-accent)}
.nz-btn--danger-ghost{background:transparent;color:var(--muted)}
.nz-btn--danger-ghost:hover{background:color-mix(in oklch, var(--err) 12%, transparent);color:var(--err)}
.nz-btn--sm{height:28px;padding:0 10px;font-size:12px;border-radius:7px}
.nz-btn--lg{height:38px;font-size:13px}
.nz-btn--xl{height:44px;font-size:14px;font-weight:600;border-radius:10px}
.nz-btn--block{width:100%}
.nz-btn--icon{width:32px;padding:0}
.nz-btn.is-copied{background:color-mix(in oklch, var(--ok) 16%, transparent)!important;border-color:color-mix(in oklch, var(--ok) 50%, transparent)!important;color:var(--success)!important}
.nz-spinner{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in oklch, var(--card) 30%, transparent);border-top-color:var(--on-accent);animation:nz-spin .7s linear infinite;display:inline-block}
.nz-link-btn{border:0;background:transparent;padding:0;cursor:pointer;color:var(--accent);font-size:12.5px}

/* ===== Pola ===== */
.nz-field{display:flex;flex-direction:column;gap:7px}
.nz-field__label{font-size:13px;color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-field__note{font-size:12px;line-height:1.45;color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-field__error{font-size:12.5px;color:var(--err)}
.nz-input{height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--border-control);background:var(--bg-input);color:var(--text);font-size:13px;outline:none;width:100%}
.nz-input:focus{border-color:color-mix(in oklch, var(--accent) 60%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent)}
.nz-input--lg{height:44px;padding:0 14px;border-radius:10px;font-size:14.5px;background:var(--bg-app);border-color:color-mix(in oklch, var(--line), var(--ink) 7%)}
.nz-input.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in oklch, var(--err) 15%, transparent)}
.nz-input-group{display:flex;align-items:center;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--ink) 7%);background:var(--bg-app)}
.nz-input-group:focus-within{border-color:color-mix(in oklch, var(--accent) 60%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent)}
.nz-input-group.is-invalid{border-color:var(--danger)}
.nz-input-group input{flex:1;min-width:0;height:44px;padding:0 14px;border:0;background:transparent;color:var(--text);font-size:14.5px;outline:none}
.nz-input-group button{height:44px;padding:0 14px;border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer}
.nz-input-group button:hover{color:var(--text)}
.nz-textarea{width:100%;min-height:120px;padding:10px 12px;border-radius:8px;border:1px solid var(--border-control);background:var(--bg-input);color:var(--text);font-size:13px;line-height:1.5;outline:none;resize:vertical}
.nz-textarea:focus{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-select{height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--border-control);background:var(--bg-input);color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:12.5px}
.nz-segmented{display:inline-flex;padding:2px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border-control)}
.nz-segmented button{height:28px;padding:0 10px;border-radius:6px;border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer}
.nz-segmented button.is-on{background:color-mix(in oklch, var(--card), var(--line) 88%);color:var(--text)}
.nz-tabs{display:flex;gap:4px}
.nz-tabs button{height:28px;padding:0 10px;border-radius:7px;border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer}
.nz-tabs button.is-on{background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--text)}
.nz-chip{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:8px;border:1px solid var(--border-control);background:var(--bg-input);color:color-mix(in oklch, var(--muted), var(--ink) 54%);font-size:12.5px;cursor:pointer}
.nz-chip:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-chip.is-on{border-color:color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent);color:color-mix(in oklch, var(--muted), var(--ink) 92%)}
.nz-chip__box{width:14px;height:14px;border-radius:4px;display:grid;place-items:center;font-size:10px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 42%);color:var(--on-accent)}
.nz-chip.is-on .nz-chip__box{border-color:var(--accent);background:var(--accent)}

/* Checkbox */
.nz-check{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:13.5px;cursor:pointer;text-align:left}
.nz-check__box{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:700;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 42%);background:transparent;color:var(--on-accent);flex-shrink:0}
.nz-check.is-on .nz-check__box{background:var(--accent);border-color:var(--accent)}
.nz-done-box{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:14px;font-weight:700;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 53%);background:var(--bg-input);color:color-mix(in oklch, var(--line), var(--muted) 65%);box-shadow:inset 0 1px 2px oklch(0 0 0 / .35);transition:all .15s}
.is-done .nz-done-box{background:var(--success);border-color:var(--success);color:var(--on-accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--ok) 18%, transparent)}

/* ===== Elementy ===== */
.nz-kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-kbd-group{display:inline-flex;gap:3px;align-items:center}
.nz-card{border-radius:10px;border:1px solid var(--border);background:var(--bg-card)}
.nz-card--pad{padding:14px}
.nz-card--interactive{cursor:pointer;transition:background .15s,border-color .15s}
.nz-card--interactive:hover{background:color-mix(in oklch, var(--card), var(--line) 41%);border-color:var(--border-strong)}
.nz-code-badge{width:30px;height:30px;flex-shrink:0;border-radius:7px;display:grid;place-items:center;font-family:var(--font-mono);font-size:11.5px;background:color-mix(in oklch, var(--card), var(--line) 88%);color:var(--accent-text)}
.nz-code-badge--accent{background:color-mix(in oklch, var(--accent) 14%, transparent);color:var(--accent-ink)}
.nz-badge{font-size:11px;padding:1px 6px;border-radius:4px;background:color-mix(in oklch, var(--card), var(--line) 88%);color:var(--text-2);white-space:nowrap}
.nz-badge--success{background:color-mix(in oklch, var(--ok) 14%, transparent);color:var(--success)}
.nz-badge--warning{background:color-mix(in oklch, var(--warn) 14%, transparent);color:var(--warning)}
.nz-badge--danger{background:color-mix(in oklch, var(--err) 14%, transparent);color:var(--danger)}
.nz-badge--accent{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent)}
.nz-badge--outline-warning{background:transparent;border:1px solid color-mix(in oklch, var(--warn) 50%, transparent);color:var(--warning);font-size:10.5px}
.nz-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}
.nz-dot--accent{background:var(--accent)} .nz-dot--success{background:var(--success)} .nz-dot--warning{background:var(--warn)} .nz-dot--danger{background:var(--danger)}
.nz-alert{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:9px;font-size:13px;border:1px solid var(--border);background:var(--bg-card);color:color-mix(in oklch, var(--muted), var(--ink) 69%)}
.nz-alert:hover{text-decoration:none}
.nz-alert--warning{background:color-mix(in oklch, var(--warn) 8%, transparent);border-color:color-mix(in oklch, var(--warn) 25%, transparent);color:color-mix(in oklch, var(--warn), var(--ink) 45%)}
.nz-alert--accent{background:color-mix(in oklch, var(--accent) 8%, transparent);border-color:color-mix(in oklch, var(--accent) 25%, transparent);color:color-mix(in oklch, var(--muted), var(--ink) 69%);line-height:1.5}
.nz-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.nz-list__row{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--bg-card)}
.nz-list__row+.nz-list__row{border-top:1px solid var(--border)}
.nz-list__row:hover{background:color-mix(in oklch, var(--card), var(--line) 29%)}
.nz-progress{height:6px;border-radius:3px;background:var(--border);overflow:hidden}
.nz-progress>span{display:block;height:100%;background:var(--accent)}

/* Overlay, modal, toast, popover */
.nz-overlay{position:fixed;inset:0;z-index:60;background:color-mix(in oklch, var(--bg) 60%, transparent);display:grid;place-items:center}
.nz-modal{width:min(420px,90vw);display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:14px;background:color-mix(in oklch, var(--card), var(--line) 18%);border:1px solid color-mix(in oklch, var(--line), var(--ink) 7%);box-shadow:var(--shadow-modal)}
.nz-modal__title{font-size:15px;font-weight:600}
.nz-modal__body{font-size:13px;line-height:1.5;color:color-mix(in oklch, var(--muted), var(--ink) 23%)}
.nz-modal__actions{display:flex;justify-content:flex-end;gap:8px}
.nz-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:70;display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:10px;background:var(--ink);color:var(--main);font-size:13px;box-shadow:var(--shadow-toast)}
.nz-popover{position:absolute;left:0;right:0;background:var(--bg-pop);border:1px solid color-mix(in oklch, var(--line), var(--ink) 7%);border-radius:12px;box-shadow:var(--shadow-pop);overflow:hidden;z-index:20}

/* ===== Logowanie ===== */
.nz-auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px 16px;background:radial-gradient(ellipse 60% 45% at 50% 30%,color-mix(in oklch, var(--accent) 7%, transparent),transparent 70%);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1),filter .6s}
.nz-auth.is-leaving{opacity:0;transform:scale(.96) translateY(-6px);filter:blur(8px)}
.nz-auth.is-ok .nz-logo--lg{transform:scale(1.12);box-shadow:0 0 0 10px color-mix(in oklch, var(--accent) 12%, transparent),0 14px 40px -6px color-mix(in oklch, var(--accent) 70%, transparent)}
.nz-auth__brand{display:flex;flex-direction:column;align-items:center;gap:10px}
.nz-auth__brand b{font-size:18px;font-weight:600}
.nz-auth__brand small{font-size:12px;color:var(--text-3)}
.nz-auth__card{width:min(400px,100%);display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:16px;background:color-mix(in oklch, var(--main), var(--card) 50%);border:1px solid var(--line);box-shadow:0 30px 60px -30px oklch(0 0 0 / .7)}
.nz-auth__title{display:flex;flex-direction:column;gap:4px}
.nz-auth__title b{font-size:17px;font-weight:600}
.nz-auth__title span{font-size:13px;color:var(--muted)}
.nz-auth__who{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg-app);border:1px solid var(--line)}
.nz-avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:600;background:color-mix(in oklch, var(--card), var(--line) 88%);color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-avatar--accent{background:color-mix(in oklch, var(--accent) 18%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}
.nz-auth__hint{padding-top:14px;border-top:1px solid var(--border);font-size:12.5px;line-height:1.5;color:var(--text-3);text-wrap:pretty}
.nz-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.nz-strength span{height:4px;border-radius:2px;background:var(--border-2)}
.nz-strength[data-score="1"] span:nth-child(-n+1){background:var(--danger)}
.nz-strength[data-score="2"] span:nth-child(-n+2){background:var(--warning)}
.nz-strength[data-score="3"] span:nth-child(-n+3),.nz-strength[data-score="4"] span{background:var(--success)}
.nz-rules{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-rules .is-ok{color:var(--success)}

/* ===== Pulpit ===== */
.nz-dash-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.nz-dash-head__date{font-size:13px;color:var(--text-3)}
.nz-cmd{position:relative;z-index:5;display:flex;flex-direction:column;gap:10px}
.nz-cmd__bar{display:flex;align-items:center;gap:10px;background:color-mix(in oklch, var(--card), var(--line) 24%);border:1px solid var(--border-strong);border-radius:12px;padding:8px 10px 8px 14px;box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 6%, transparent)}
.nz-cmd__bar input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--text);font-size:16px;padding:8px 2px}
.nz-ctx-chip{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);background:color-mix(in oklch, var(--accent) 12%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);font-size:12.5px;cursor:pointer}
.nz-ctx-empty{padding:5px 9px;border-radius:7px;border:1px dashed color-mix(in oklch, var(--line), var(--ink) 16%);color:var(--muted);font-size:12.5px;white-space:nowrap}
.nz-cmd__hint{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%);padding:0 4px}
.nz-cmd .nz-popover{top:62px}
.nz-cmd__results{max-height:380px;overflow-y:auto;padding:6px}
.nz-cmd__group{padding:10px 10px 4px}
.nz-cmd__item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;cursor:pointer}
.nz-cmd__item.is-active{background:var(--line)}
.nz-cmd__item b{font-size:14px;font-weight:500;display:block}
.nz-cmd__item small{font-size:12.5px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-cmd__foot{display:flex;gap:16px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid var(--border-2);font-size:11.5px;color:var(--text-3);font-family:var(--font-mono)}
.nz-dash{display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start}
.nz-dash__main{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:36px}
.nz-dash__side{flex:1 1 300px;max-width:400px;min-width:0;display:flex;flex-direction:column;gap:32px}
.nz-section{display:flex;flex-direction:column;gap:12px}
.nz-section__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.nz-section__hint{font-size:12px;color:var(--text-4)}
.nz-fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.nz-fav{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:14px;border-radius:10px;border:1px solid var(--border-2);background:var(--bg-raised);color:inherit;text-align:left;cursor:pointer;white-space:normal}
.nz-fav:hover{background:color-mix(in oklch, var(--card), var(--line) 59%);border-color:color-mix(in oklch, var(--accent) 50%, transparent);text-decoration:none;color:inherit}
.nz-fav__top{display:flex;justify-content:space-between;width:100%}
.nz-fav__name{font-size:13.5px;font-weight:500;line-height:1.3}
.nz-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
/* ODNOSNIK ROZCIAGNIETY NA CALA KARTE.

   Kafel narzedzia trzyma gwiazdke do ulubionych, a <button> wewnatrz <a>
   to niepoprawny HTML i psuje klikanie - wiec odnosnikiem jest sama nazwa,
   a jej pole klikniecia rozciaga sie na karte przez ::after. Dzieki temu
   przegladarka pokazuje adres na pasku stanu, srodkowy przycisk otwiera
   w nowej karcie, a gwiazdka (z-index wyzej) dalej dziala. */
.nz-tool-card{display:flex;gap:12px;align-items:flex-start;padding:14px;color:inherit;position:relative}
.nz-tool-card__link{color:inherit;text-decoration:none}
.nz-tool-card__link::after{content:"";position:absolute;inset:0;border-radius:inherit}
/* Gwiazdka i odznaka nad polem odnosnika - inaczej odnosnik zjadlby klikniecie. */
.nz-tool-card .nz-star,.nz-tool-card .nz-badge{position:relative;z-index:1}
/* Obrys idzie po calej karcie, a nie po samym napisie. */
.nz-tool-card__link:focus-visible{outline:none}
.nz-tool-card:has(.nz-tool-card__link:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.nz-tool-card:hover{text-decoration:none;color:inherit}
.nz-tool-card__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.nz-tool-card__name{font-size:14px;font-weight:500}
.nz-tool-card__desc{font-size:12.5px;line-height:1.45;color:color-mix(in oklch, var(--muted), var(--ink) 8%);text-wrap:pretty}
.nz-star{border:0;background:transparent;cursor:pointer;font-size:15px;padding:2px 4px;line-height:1;color:color-mix(in oklch, var(--line), var(--muted) 53%)}
.nz-star.is-on,.nz-star:hover{color:var(--accent)}
.nz-shortcuts{display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--text-2)}
.nz-shortcuts div{display:flex;justify-content:space-between;gap:12px;align-items:center}

/* ===== Wariant: belka na górze (layouts/app-topbar) ===== */
.nz-app--topbar{display:flex;flex-direction:column;height:100vh;min-height:0;background:var(--bg)}
.nz-app--topbar .nz-main{flex:1;min-height:0;height:auto;margin:0 10px 10px;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow-main)}
.nz-app--topbar.is-entering .nz-topbar{animation:nz-drop .6s .12s var(--ease-out) backwards}
@keyframes nz-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

.nz-topbar{flex-shrink:0;height:56px;display:flex;align-items:center;gap:clamp(10px,1.6vw,20px);padding:0 16px 0 18px;background:var(--bg);position:relative;z-index:30}
.nz-topbar__brand{display:flex;align-items:center;gap:10px;color:inherit;flex-shrink:0}
.nz-topbar__brand:hover{text-decoration:none;color:inherit}
.nz-topbar__brand .nz-brand__name{white-space:nowrap}
.nz-topbar__nav{display:flex;align-items:center;gap:2px;flex-shrink:0}
.nz-topbar__link{height:32px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:8px;border:0;background:transparent;color:var(--text-2);font-size:13.5px;cursor:pointer;white-space:nowrap}
.nz-topbar__link:hover{background:var(--bg-raised);color:var(--text);text-decoration:none}
.nz-topbar__link.is-active,.nz-topbar__link.is-open{background:color-mix(in oklch, var(--card), var(--line) 53%);color:var(--text)}
.nz-topbar__link.is-active{font-weight:500}
.nz-topbar__caret{font-size:9px;opacity:.7;transition:transform .15s}
.nz-topbar__count{font-family:var(--font-mono);font-size:10.5px;padding:1px 6px;border-radius:4px;background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent)}
.nz-topbar__right{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto}
.nz-topbar__search{height:34px;flex:0 1 260px;width:260px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px 0 12px;border-radius:9px;border:1px solid var(--border-control);background:color-mix(in oklch, var(--main), var(--card) 25%);color:var(--text-4);font-size:13px;cursor:pointer;overflow:hidden}
.nz-topbar__search:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-topbar__search>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nz-topbar__search .nz-kbd-group{flex-shrink:0}
.nz-topbar__search .nz-kbd{font-size:10.5px;padding:1px 5px}
.nz-topbar__avatar{width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);background:color-mix(in oklch, var(--accent) 18%, transparent);color:var(--accent-text);font-size:12px;font-weight:600;cursor:pointer}
.nz-topbar__avatar.is-open{border-color:var(--accent)}
.nz-topbar__menu{position:absolute;top:42px;right:0;width:240px;display:flex;flex-direction:column;padding:6px;border-radius:12px;background:var(--bg-pop);border:1px solid var(--border-strong);box-shadow:var(--shadow-pop);z-index:32}
.nz-topbar__menu-head{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;border-bottom:1px solid var(--border-2);margin-bottom:4px}
.nz-topbar__menu-head b{font-size:13px;font-weight:500}
.nz-topbar__menu-head span{font-size:12px;color:var(--text-3)}
.nz-topbar__menu a,.nz-topbar__menu button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:7px;border:0;background:transparent;color:var(--text-2);font-size:13px;cursor:pointer}
.nz-topbar__menu a:hover,.nz-topbar__menu button:hover{background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--text);text-decoration:none}
.nz-mega{position:fixed;top:52px;left:16px;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 72px);overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 20px;padding:18px;border-radius:14px;background:var(--bg-pop);border:1px solid var(--border-strong);box-shadow:var(--shadow-modal);z-index:32}
.nz-mega__group{display:flex;flex-direction:column;gap:2px}
.nz-mega__group .nz-section-label{padding:0 8px 6px}
.nz-mega__item{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:8px;color:inherit}
.nz-mega__item:hover,.nz-mega__item.is-active{background:color-mix(in oklch, var(--card), var(--line) 65%);text-decoration:none;color:inherit}
.nz-mega__item .nz-code-badge{width:26px;height:26px;font-size:11px}
.nz-mega__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-mega__text b{font-size:13px;font-weight:500}
.nz-mega__text small{font-size:11.5px;line-height:1.4;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nz-topbar__scrim{position:fixed;inset:0;z-index:31}


/*
 * ############################################################################
 * NASZE STYLE — WSZYSTKO PONIŻEJ TEJ LINII JEST DOPISANE PRZEZ NAS
 * ############################################################################
 *
 * Arkusz z paczki kończy się nad tym nagłówkiem. Poniżej idą style, których
 * paczka nie zna: nakładka przeciągania pliku i wygląd dwunastu widoków
 * przepisanych z makiet.
 *
 * PRZY WGRYWANIU KOLEJNEJ PACZKI: skrypt scratchpad/wgraj-paczke.php szuka
 * linii „NASZE STYLE” i przenosi wszystko od niej w dół do nowego arkusza.
 * Bez tego podmiana pliku kasuje 190 kB i ekrany zostają gołym HTML-em —
 * zdarzyło się to raz, przy paczce ósmej, i wyglądało na zepsuty arkusz,
 * nie na skasowane dopiski.
 */



/* ===== Widoki przepisane z makiet ===== */
/* ===== Generator socialek (podgląd, przepisane z makiety) ===== */
/* ===== Generator socialek (podgląd, preview/tools/social) ===== */
.nz-main--social{padding:24px clamp(20px,3vw,40px) 48px;gap:22px}
.nz-social__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nz-social__crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.nz-social__crumbs a{color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-social__crumbs b{color:var(--ink);font-weight:500}
.nz-social__keys{display:flex;gap:4px;align-items:center;font-size:12px;color:var(--muted)}
.nz-social__intro{display:flex;flex-direction:column;gap:8px;max-width:720px}
.nz-social__intro p{margin:0;font-size:13.5px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 15%);text-wrap:pretty}
.nz-social__cols{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.nz-social__right{flex:1.5 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.nz-social__card{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.nz-social__card--services{flex:1 1 380px;max-width:520px;min-width:0}
.nz-social__card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.nz-social__card-head--wrap{align-items:center;gap:12px;flex-wrap:wrap}
.nz-social__h2{margin:0;font-size:13px;font-weight:500;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-social__count{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-social__note{margin:0;font-size:12px;line-height:1.5;color:var(--text-3)}
.nz-social__list{display:flex;flex-direction:column;gap:8px}
.nz-social__svc{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--main)}
.nz-social__svc-row{display:flex;align-items:center;gap:10px}
.nz-social__tile{width:26px;height:26px;flex-shrink:0;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:700;box-shadow:inset 0 0 0 1px oklch(0 0 0 / 0.15)}
.nz-social__svc-name{font-size:14px;font-weight:500}
.nz-social__cls{font-family:var(--font-mono);font-size:11.5px;color:var(--text-4)}
.nz-social__remove{margin-left:auto;width:28px;height:26px;flex-shrink:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}
.nz-social__remove:hover{background:color-mix(in oklch, var(--card), var(--line) 65%);color:color-mix(in oklch, var(--err), var(--ink) 48%)}
.nz-social__url{height:36px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:12.5px;font-family:var(--font-mono);outline:none}
.nz-social__url.is-invalid{border-color:color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 55%, transparent)}
.nz-social__url:focus,.nz-social__input:focus{border-color:var(--accent)}
.nz-social__warn{font-size:12px;line-height:1.45;color:var(--warn)}
.nz-social__hint-text{font-size:12px;line-height:1.45;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-social__grid3{display:grid;grid-template-columns:minmax(0,1fr) 112px auto;gap:8px;align-items:end}
.nz-social__lbl{display:flex;flex-direction:column;gap:4px;min-width:0}
.nz-social__lbl-text{font-size:11.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-social__input{height:32px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:12.5px;font-family:inherit;outline:none;min-width:0}
.nz-social__input--mono{font-family:var(--font-mono)}
.nz-social__color{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 4px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field)}
.nz-social__color--bar{width:130px;height:31px}
.nz-social__color input[type=color]{width:22px;height:22px;flex-shrink:0;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer}
.nz-social__color input:not([type=color]){width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:12px;font-family:var(--font-mono);outline:none}
.nz-social__seg{display:flex;padding:2px;border-radius:7px;background:var(--field);border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%)}
.nz-social__seg button{border:0;padding:4px 7px;border-radius:5px;font-size:11.5px;cursor:pointer;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-social__seg button.is-on{background:color-mix(in oklch, var(--line), var(--muted) 2%);color:var(--ink)}
.nz-social__seg--theme{border-color:var(--border)}
.nz-social__seg--theme button{padding:4px 9px;font-size:12px}
.nz-social__seg--form{border-radius:8px;border-color:color-mix(in oklch, var(--line), var(--muted) 2%);flex-shrink:0}
.nz-social__seg--form button{padding:5px 10px;border-radius:6px;font-size:12px;white-space:nowrap}
.nz-social__add{display:flex;flex-direction:column;gap:8px;padding-top:6px}
.nz-social__chips{display:flex;flex-wrap:wrap;gap:6px}
.nz-social__chip{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12.5px;cursor:pointer}
.nz-social__chip:hover{background:var(--bg-active);border-color:color-mix(in oklch, var(--line), var(--muted) 21%)}
.nz-social__chip-tile{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;font-size:9.5px;font-weight:700}
.nz-social__nocolor{font-size:10.5px;color:var(--warn)}
.nz-social__theme{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}
.nz-social__places{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}
.nz-social__place{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:10px 12px;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--main);color:inherit;text-align:left;cursor:pointer}
.nz-social__place.is-active{border-color:color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent)}
.nz-social__place b{font-size:13px;font-weight:500}
.nz-social__place small{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}
/* Podgląd strony klienta: tło i kolory podaje :style (strona klienta, nie motyw) */
.nz-social__canvas{position:relative;height:540px;overflow:hidden;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);font-family:Georgia,'Times New Roman',serif}
.nz-social__canvas .is-picked{outline:2px dashed var(--accent);outline-offset:2px}
.nz-social__canvas .nz-social__topbar.is-picked{outline-offset:-2px}
.nz-social__canvas .nz-social__side.is-picked{outline-offset:0}
.nz-social__topbar{display:flex;align-items:center;gap:16px;padding:5px 24px;min-height:30px;border-bottom:1px solid transparent}
.nz-social__row{flex:1;display:flex;flex-wrap:wrap}
.nz-social__site-head{display:flex;align-items:center;gap:20px;padding:0 24px;height:60px;border-bottom:1px solid transparent}
.nz-social__slot{cursor:pointer;padding:4px;border-radius:6px}
.nz-social__slot--header{flex:1;display:flex;justify-content:flex-end}
.nz-social__slot--footer{min-height:28px}
.nz-social__article{display:flex;flex-direction:column;gap:12px;padding:28px 24px 0;max-width:560px}
.nz-social__contact{margin:22px 24px 0;padding:14px;border-radius:8px;cursor:pointer;max-width:560px}
.nz-social__contact-title{font-size:16px;font-weight:700;margin-bottom:10px}
.nz-social__site-foot{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:14px;padding:18px 24px}
.nz-social__it-li{overflow:hidden}
.nz-social__it{display:flex;align-items:center;font-family:var(--font-sans)}
.nz-social__it-icon{border-radius:3px;display:grid;place-items:center;font-weight:700}
.nz-social__side{position:absolute;display:flex;flex-direction:column;cursor:pointer;font-family:var(--font-sans)}
.nz-social__side-item{transition:transform .25s}
.nz-social__side--right .nz-social__side-item:hover{transform:translateX(-105px)}
.nz-social__side--left .nz-social__side-item:hover{transform:translateX(105px)}
.nz-social__side-link{display:flex;align-items:center;gap:10px;padding:6px;font-size:14px}
.nz-social__side--left .nz-social__side-link{flex-direction:row-reverse;justify-content:space-between}
.nz-social__side-icon{flex-shrink:0;border-radius:3px;display:grid;place-items:center;font-weight:700}
.nz-social__caption{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-social__settings{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid var(--border)}
.nz-social__settings-title{font-size:14px;font-weight:500}
.nz-social__form{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px 16px;align-items:start}
.nz-social__form-label{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 15%);padding-top:7px}
.nz-social__form-cell{display:flex;flex-direction:column;gap:6px;min-width:0}
.nz-social__form-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nz-social__form-hint{font-size:11.5px;line-height:1.45;color:var(--text-3);text-wrap:pretty}
.nz-social__num{display:flex;align-items:center;width:96px;height:31px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);padding-right:10px}
.nz-social__num:focus-within{border-color:var(--accent)}
.nz-social__num input{width:100%;min-width:0;height:100%;padding:0 4px 0 10px;border:0;background:transparent;color:var(--ink);font-size:13px;font-family:var(--font-mono);outline:none}
.nz-social__num span{font-size:12px;color:var(--text-4)}
.nz-social__opt{display:flex;align-items:flex-start;gap:10px;border:0;background:transparent;padding:0;color:inherit;cursor:pointer;text-align:left;white-space:normal}
.nz-social__box{width:16px;height:16px;flex-shrink:0;margin-top:1px;border-radius:4px;display:grid;place-items:center;font-size:11px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 42%);background:transparent;color:color-mix(in oklch, var(--main), var(--card) 75%)}
.nz-social__box.is-on{background:var(--accent);border-color:var(--accent)}
.nz-social__opt-text{display:flex;flex-direction:column;gap:2px}
.nz-social__opt-text b{font-size:13px;font-weight:400}
.nz-social__opt-text small{font-size:12px;line-height:1.45;color:var(--text-3)}
.nz-social__files-actions{display:flex;align-items:center;gap:10px}
.nz-social__issues{font-size:12px;color:var(--warn)}
.nz-social__zip{padding:0 14px;font-size:13px}
.nz-social__tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--border)}
.nz-social__tab{display:flex;flex-direction:column;gap:2px;align-items:flex-start;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:6px 12px 8px;background:transparent;cursor:pointer;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-social__tab.is-on{border-bottom-color:var(--accent);color:var(--ink)}
.nz-social__tab span{font-size:13px}
.nz-social__tab small{font-family:var(--font-mono);font-size:10.5px;color:var(--text-4)}
.nz-social__out{display:flex;flex-direction:column;gap:10px}
.nz-social__pre{margin:0;padding:14px 16px;border-radius:9px;background:var(--bg);border:1px solid color-mix(in oklch, var(--card), var(--line) 65%);font-family:var(--font-mono);font-size:12px;line-height:1.65;color:color-mix(in oklch, var(--muted), var(--ink) 62%);white-space:pre;overflow:auto;max-height:340px}
.nz-social__out-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nz-social__meta{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-social__btn{height:32px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;cursor:pointer}
.nz-social__btn:hover{background:var(--bg-active)}
.nz-social__btn--sm{margin-left:auto;height:26px;padding:0 10px;border-radius:6px;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12px}
.nz-social__icons{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.nz-social__icon-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--border)}
.nz-social__icon-row:first-child{border-top-color:transparent}
.nz-social__icon-tile{width:22px;height:22px;border-radius:4px;display:grid;place-items:center;font-size:9.5px;font-weight:700}
.nz-social__icon-file{font-family:var(--font-mono);font-size:12.5px}
.nz-social__new{font-size:11px;color:var(--warn)}
.nz-social__icons-note{font-size:12px;line-height:1.5;color:var(--text-3)}
.nz-social__struct{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:9px;background:var(--field);border:1px solid color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-social__struct b{font-size:12px;font-weight:500;color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-social__struct code{font-family:var(--font-mono);font-size:12px;color:var(--accent-text);overflow-wrap:anywhere}
.nz-social__struct p{margin:0;font-size:12px;line-height:1.5;color:color-mix(in oklch, var(--line), var(--muted) 95%);text-wrap:pretty}
.nz-social__bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 20px;padding-top:4px}
.nz-social__path{display:flex;flex-direction:column;gap:6px}
.nz-social__path-label{font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-social__path-note{font-size:11.5px;color:var(--text-3)}
.nz-social__opts{display:flex;flex-direction:column;gap:10px}

/* ===== Generator FAQ (ekran i podgląd makiety - jeden widok: tools/faq-generator) ===== */
.nz-main--faq{padding:24px clamp(20px,3vw,40px) 48px;gap:22px}
.nz-faq{display:contents}
.nz-faq__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nz-faq__crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.nz-faq__crumbs a{color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-faq__crumbs-here{color:var(--ink);font-weight:500}
.nz-faq__keys{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}
.nz-faq__keys>span{display:flex;gap:4px;align-items:center}
.nz-faq__keys .nz-kbd{padding:1px 6px;border-color:color-mix(in oklch, var(--line), var(--muted) 16%);color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-faq__keys-label{margin-left:4px}
.nz-faq__intro{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-end}
.nz-faq__intro-text{display:flex;flex-direction:column;gap:8px;max-width:640px}
.nz-faq__lead{margin:0;font-size:13.5px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 15%);text-wrap:pretty}
.nz-faq__domain,.nz-faq__domain-idle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-faq__domain-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);background:color-mix(in oklch, var(--accent) 12%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);font-size:12.5px;font-family:var(--font-mono);cursor:pointer}
.nz-faq__domain-chip span{opacity:.7}
.nz-faq__domain-note{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-faq__domain-note--dim{color:var(--muted)}
.nz-faq__domain-empty{padding:6px 10px;border-radius:8px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 26%);color:color-mix(in oklch, var(--muted), var(--ink) 8%);font-size:12.5px}
.nz-faq__assign{border:0;background:transparent;padding:0 4px;font-size:12.5px;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.nz-faq__domain-input{width:240px;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--accent);background:var(--field);color:var(--ink);font-size:12.5px;font-family:var(--font-mono);outline:none}
.nz-faq__cols{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.nz-faq__left{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px}
.nz-faq__panel{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.nz-faq__panel--settings{gap:16px}
.nz-faq__right{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px;position:sticky;top:24px;padding:18px 20px;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.nz-faq__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nz-faq__seg{display:flex;padding:2px;border-radius:8px;background:var(--field);border:1px solid var(--border)}
.nz-faq__seg button{border:0;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-faq__seg button.is-on{background:color-mix(in oklch, var(--line), var(--muted) 2%);color:var(--ink)}
.nz-faq__seg--mono{border-color:color-mix(in oklch, var(--line), var(--muted) 7%)}
.nz-faq__seg--mono button{padding:6px 9px;font-size:12px;font-family:var(--font-mono)}
.nz-faq__count{display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--muted)}
.nz-faq__clear{border:0;background:transparent;padding:0;font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 15%);cursor:pointer}
.nz-faq__clear:hover{color:color-mix(in oklch, var(--err), var(--ink) 48%)}
.nz-faq__items,.nz-faq__paste{display:flex;flex-direction:column;gap:10px}
.nz-faq__item{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--main)}
.nz-faq__item:focus-within{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-faq__item-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.nz-faq__num{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3)}
.nz-faq__tools{display:flex;gap:2px}
.nz-faq__tool{width:28px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}
.nz-faq__tool:hover{background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--ink)}
.nz-faq__tool--danger:hover{color:color-mix(in oklch, var(--err), var(--ink) 48%)}
.nz-faq__q{height:40px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:14.5px;font-weight:500;font-family:inherit;outline:none}
.nz-faq__a{padding:10px 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 85%);font-size:13.5px;line-height:1.55;font-family:inherit;outline:none;resize:vertical}
.nz-faq__paste-area{padding:12px 14px;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 85%);font-size:13.5px;line-height:1.6;font-family:inherit;outline:none;resize:vertical}
.nz-faq__heading{height:36px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:13.5px;font-family:inherit;outline:none}
.nz-faq__q:focus,.nz-faq__a:focus,.nz-faq__paste-area:focus,.nz-faq__heading:focus{border-color:var(--accent)}
.nz-faq__warn{font-size:12px;color:var(--warn)}
.nz-faq__add{display:flex;justify-content:center;align-items:center;gap:8px;height:40px;border-radius:10px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 21%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 54%);font-size:13px;cursor:pointer}
.nz-faq__add:hover{border-color:var(--accent);color:var(--ink)}
.nz-faq__add span{font-family:var(--font-mono);font-size:11px;color:var(--text-4)}
.nz-faq__paste-info{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-faq__paste-actions{display:flex;gap:6px}
.nz-faq__btn-secondary{height:32px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;cursor:pointer}
.nz-faq__btn-secondary:hover{background:var(--bg-active)}
.nz-faq__btn-primary{height:32px;padding:0 14px;border-radius:8px;border:0;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:500;cursor:pointer}
.nz-faq__btn-primary:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-faq__sec-head{display:flex;align-items:center;gap:10px}
.nz-faq__sec-head h2{margin:0;font-size:13px;font-weight:500;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-faq__sec-head span{font-size:11.5px;color:var(--muted)}
.nz-faq__grid{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:end}
.nz-faq__label{display:flex;flex-direction:column;gap:6px;min-width:0}
.nz-faq__label-text{font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-faq__group{display:flex;flex-direction:column;gap:8px}
.nz-faq__style-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nz-faq__accents{display:flex;align-items:center;gap:6px}
.nz-faq__accents-label{font-size:12px;color:var(--muted)}
.nz-faq__swatch{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer}
.nz-faq__swatch.is-on{border-color:var(--ink)}
/* Koło barw do wyboru własnego koloru - to nie kolor motywu, tylko widmo. */
.nz-faq__swatch--custom{position:relative;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);overflow:hidden}
.nz-faq__swatch--custom input{position:absolute;inset:0;opacity:0;cursor:pointer}
.nz-faq__accent-code{font-family:var(--font-mono);font-size:11.5px;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-faq__styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.nz-faq__style,.nz-faq__expand{display:flex;flex-direction:column;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--main);color:inherit;text-align:left;cursor:pointer;white-space:normal}
.nz-faq__style{min-width:0;gap:7px;padding:6px 6px 9px;border-radius:10px}
.nz-faq__style:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-faq__style.is-on,.nz-faq__expand.is-on{border-color:color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent)}
.nz-faq__style-label{padding:0 3px;font-size:12.5px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-faq__expands{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px}
.nz-faq__expand{gap:3px;align-items:flex-start;padding:10px 12px}
.nz-faq__expand-label{font-size:13px;font-weight:500}
.nz-faq__expand-desc{font-size:12px;line-height:1.45;color:color-mix(in oklch, var(--muted), var(--ink) 8%);text-wrap:pretty}
.nz-faq__toggles{display:flex;flex-direction:column;gap:8px}
.nz-faq__toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:2px 0;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;cursor:pointer;text-align:left}
.nz-faq__toggle.is-disabled{opacity:.4}
.nz-faq__box{width:16px;height:16px;flex-shrink:0;border-radius:4px;display:grid;place-items:center;font-size:11px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 42%);background:transparent;color:var(--on-accent)}
.nz-faq__toggle.is-on .nz-faq__box{background:var(--accent);border-color:var(--accent)}
.nz-faq__toggle-code{font-family:var(--font-mono);font-size:12px;color:var(--accent)}
.nz-faq__code{margin:0;padding:16px 18px;border-radius:10px;background:var(--bg);border:1px solid color-mix(in oklch, var(--card), var(--line) 65%);font-family:var(--font-mono);font-size:12px;line-height:1.65;color:color-mix(in oklch, var(--muted), var(--ink) 62%);white-space:pre-wrap;overflow:auto;max-height:520px}
.nz-faq__warnings{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:9px;background:color-mix(in oklch, var(--warn) 8%, transparent);border:1px solid color-mix(in oklch, var(--warn) 30%, transparent);font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--warn), var(--ink) 64%)}
.nz-faq__copy-main{display:flex;justify-content:center;align-items:center;gap:10px;height:42px;border-radius:9px;border:0;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:500;cursor:pointer}
.nz-faq__copy-main:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-faq__copy-main.is-dim{opacity:.45}
.nz-faq__copy-main span{font-family:var(--font-mono);font-size:11.5px;opacity:.65}
.nz-faq__rows{display:flex;flex-direction:column;border-top:1px solid var(--border)}
.nz-faq__row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--border)}
.nz-faq__row-text{display:flex;flex-direction:column;gap:2px}
.nz-faq__row-label{font-size:13px;font-weight:500}
.nz-faq__row-hint{font-size:12px;color:var(--text-3)}
.nz-faq__btns{display:flex;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);overflow:hidden}
.nz-faq__btns button{height:30px;padding:0 11px;border:0;border-left:1px solid transparent;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12.5px;cursor:pointer}
.nz-faq__btns button+button{border-left-color:color-mix(in oklch, var(--line), var(--muted) 12%)}
.nz-faq__btns button:hover{background:var(--bg-active)}
.nz-faq__btns button:disabled{opacity:.4}
/* Karta pytania: narzedzia na koncach listy gasna, a nie znikaja. */
.nz-faq__item .nz-faq__tool:disabled{opacity:.35;cursor:default;background:transparent;color:var(--muted)}
/* Odpowiedz i wklejka to pola z formatowaniem (pogrubienie, listy, linki
   z dokumentu), wiec podpowiedz rysuje sie z atrybutu, jak w polu tekstowym.
   Zawezone do generatora: pole wklejki tej klasy ma tez narzedzie tresci,
   z wlasnymi wymiarami (tool-styles.css). */
.nz-faq__cols .nz-faq__a,.nz-faq__cols .nz-faq__paste-area{min-height:78px;overflow-wrap:anywhere}
.nz-faq__cols .nz-faq__paste-area{min-height:236px}
.nz-faq__cols .nz-faq__a:empty::before,.nz-faq__cols .nz-faq__paste-area:empty::before{content:attr(data-placeholder);color:var(--text-4);pointer-events:none}
.nz-faq__cols .nz-faq__a p,.nz-faq__cols .nz-faq__paste-area p{margin:0 0 6px}
.nz-faq__cols .nz-faq__a ul,.nz-faq__cols .nz-faq__a ol,.nz-faq__cols .nz-faq__paste-area ul,.nz-faq__cols .nz-faq__paste-area ol{margin:0 0 6px;padding-left:22px}
.nz-faq__cols .nz-faq__a a,.nz-faq__cols .nz-faq__paste-area a{color:var(--accent-text)}
.nz-faq__restored{font-size:12px;color:var(--text-3)}
.nz-faq__undo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 12px;border-radius:9px;border:1px solid var(--border);background:var(--main);font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-faq__undo button{border:0;background:transparent;padding:0;font-size:12.5px;font-weight:500;color:var(--accent-text);cursor:pointer}
/* Galeria stylow: miniatura to prawdziwa strona z arkuszem stylu w ramce,
   pomniejszona. Tlo strony klienta daje sam dokument ramki. */
.nz-faq__thumb{position:relative;display:block;height:84px;border-radius:7px;overflow:hidden;pointer-events:none}
.nz-faq__thumb iframe{position:absolute;top:0;left:0;width:560px;height:300px;border:0;transform:scale(.28);transform-origin:0 0}
.nz-faq__style-meta{display:flex;align-items:center;gap:7px;padding:0 3px;min-width:0}
.nz-faq__style-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%}
.nz-faq__style-place{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Zablokowany wyglad serwisu: informacja nad galeria, a styl, akcent
   i dopasowanie przygaszone. Wybrany styl zostaje wyrazny - to on obowiazuje. */
.nz-faq__lock{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:9px;background:color-mix(in oklch, var(--accent) 8%, transparent);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-faq__lock-text{flex:1 1 260px;text-wrap:pretty}
.nz-faq__lock-text b{font-family:var(--font-mono);font-weight:500;color:var(--ink)}
.nz-faq__lock-btn{height:30px;padding:0 11px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-faq__lock-btn:hover{background:var(--bg-active)}
.nz-faq__group.is-locked .nz-faq__style:not(.is-on),.nz-faq__group.is-locked .nz-faq__swatch:not(.is-on),.nz-faq__look.is-locked{opacity:.5}
.nz-faq__group.is-locked .nz-faq__style,.nz-faq__group.is-locked .nz-faq__swatch,.nz-faq__look.is-locked button,.nz-faq__look.is-locked input{cursor:not-allowed}
.nz-faq__group.is-locked .nz-faq__style:hover{border-color:color-mix(in oklch, var(--line), var(--muted) 2%)}
.nz-faq__group.is-locked .nz-faq__style.is-on:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
/* Dopasowanie: pokretla nad stylem z galerii. */
.nz-faq__look{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:10px;background:var(--main);border:1px solid color-mix(in oklch, var(--card), var(--line) 50%)}
.nz-faq__look-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nz-faq__look-title{font-size:12.5px;font-weight:500;color:color-mix(in oklch, var(--muted), var(--ink) 69%)}
.nz-faq__look-count{font-size:11.5px;color:var(--text-4)}
.nz-faq__look-count.is-on{color:var(--accent-text)}
.nz-faq__look-gap{flex:1}
.nz-faq__look-reset{height:28px;padding:0 9px;border-radius:7px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 31%);font-size:12px;cursor:pointer}
.nz-faq__look-reset:hover{background:color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-faq__look-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 14px}
.nz-faq__look-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.nz-faq__seg--wrap{flex-wrap:wrap;border-color:color-mix(in oklch, var(--card), var(--line) 85%)}
.nz-faq__seg--wrap button{flex:1 1 auto;height:28px;padding:0 9px;font-size:12px;white-space:nowrap}
.nz-faq__slider-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-faq__slider-value{font-family:var(--font-mono);color:var(--text-4)}
.nz-faq__slider-value.is-on{color:var(--accent-text)}
.nz-faq__slider{width:100%;height:28px;margin:0;accent-color:var(--accent)}
/* Wybor serwisu: przycisk, stan pod nim i lista z wyszukiwarka. */
.nz-faq__site{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.nz-faq__site-btn{height:34px;display:flex;align-items:center;gap:9px;padding:0 10px 0 8px;border-radius:9px;cursor:pointer;font-size:12.5px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 26%);background:transparent;color:var(--ink)}
.nz-faq__site-btn.has-site{border-color:color-mix(in oklch, var(--line), var(--muted) 16%)}
.nz-faq__site-btn.is-open{background:var(--bg-active)}
.nz-faq__site-btn:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-faq__site-ic,.nz-faq__site-row-ic{flex-shrink:0;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:600;background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--muted)}
.nz-faq__site-ic{width:22px;height:22px}
.nz-faq__site-ic.is-on,.nz-faq__site-row-ic.is-new{background:color-mix(in oklch, var(--accent) 18%, transparent);color:var(--accent-text)}
.nz-faq__site-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.nz-faq__site-cap{font-size:10.5px;color:var(--text-3)}
.nz-faq__site-name{font-size:12.5px}
.nz-faq__site-name.is-mono{font-family:var(--font-mono)}
.nz-faq__site-caret{margin-left:4px;font-size:10px;color:var(--text-4)}
.nz-faq__site-state{display:flex;align-items:center;justify-content:flex-end;gap:8px 10px;flex-wrap:wrap}
.nz-faq__site-status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3)}
.nz-faq__site-status::before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor}
.nz-faq__site-status.is-idle{color:var(--text-3)}
.nz-faq__site-status.is-plain{color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-faq__site-status.is-busy{color:var(--accent-text)}
.nz-faq__site-status.is-ok{color:var(--ok)}
.nz-faq__site-status.is-warn{color:var(--warn)}
.nz-faq__site-status.is-err{color:var(--err)}
.nz-faq__site-act{height:30px;padding:0 11px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-faq__site-act:hover{background:var(--bg-active)}
.nz-faq__site-act.is-primary{border:0;background:var(--accent);color:var(--on-accent);font-weight:600}
.nz-faq__site-act.is-primary:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-faq__site-act:disabled{opacity:.5;cursor:default}
.nz-faq__site-scrim{position:fixed;inset:0;z-index:40}
.nz-faq__site-menu{position:absolute;top:42px;right:0;z-index:41;width:380px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;border-radius:13px;background:color-mix(in oklch, var(--card), var(--line) 25%);border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);box-shadow:var(--shadow-pop);overflow:hidden}
.nz-faq__site-search-wrap{padding:10px;border-bottom:1px solid color-mix(in oklch, var(--line), var(--muted) 2%)}
.nz-faq__site-search{width:100%;height:36px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);background:var(--field);color:var(--ink);font-size:13px;outline:none}
.nz-faq__site-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;padding:6px}
.nz-faq__site-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-faq__site-row.is-hi{background:var(--bg-active)}
.nz-faq__site-row-ic{width:26px;height:26px;border-radius:7px;color:color-mix(in oklch, var(--muted), var(--ink) 62%)}
.nz-faq__site-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-faq__site-row-domain{font-family:var(--font-mono);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-faq__site-row-sub{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-faq__site-row-tag{display:flex;align-items:center;gap:6px;font-size:11.5px;white-space:nowrap;color:var(--text-4)}
.nz-faq__site-row-tag.is-on{color:var(--ok)}
.nz-faq__site-row-tag.is-saved{color:var(--accent-text)}
.nz-faq__site-row-swatch{width:10px;height:10px;border-radius:50%}
.nz-faq__site-empty{padding:16px 10px;font-size:12.5px;color:var(--text-3);text-align:center}
.nz-faq__site-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);font-size:11.5px;color:var(--text-3)}
.nz-faq__site-detach{border:0;background:transparent;padding:0;color:color-mix(in oklch, var(--muted), var(--ink) 31%);font-size:11.5px;cursor:pointer}
.nz-faq__site-detach:hover{color:var(--ink)}
/* Podglad: ramka z prawdziwym arkuszem. Tlo strony klienta maluje
   dokument w ramce - to nie jest kolor motywu. */
.nz-faq__frame{position:relative;height:560px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--border)}
.nz-faq__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
/* Podgląd strony KLIENTA jest zawsze jasny (tło #fdfcfa liczy makieta), więc ramka
   pustego stanu ma stałe kolory strony klienta, nie motywu — jak w makiecie. */
.nz-faq__empty{padding:14px 16px;border:1px dashed var(--line);border-radius:8px;font-style:italic;font-size:14.5px;color:oklch(0.50 0.015 292)}
/* Styl „Nagłówek obok": poniżej 760 px jedna kolumna (INSTRUKCJA.md, sekcja 9).
   !important, bo układ podglądu przychodzi w atrybucie style liczonym z makiety. */
@media (max-width:760px){
  .nz-faq__page--columns{grid-template-columns:1fr!important}
  .nz-faq__page--columns>h2{position:static!important;margin-bottom:20px!important}
}

/* ===== Dane strukturalne (podgląd, przepisane z makiety) ===== */
/* ===== Dane strukturalne (podgląd: preview/tools/schema) ===== */
.nz-main.nz-schema-main{padding:24px clamp(20px,3vw,40px) 48px;gap:20px}
.nz-schema__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nz-schema__crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.nz-schema__crumbs a{color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-schema__crumbs b{color:var(--ink);font-weight:500}
.nz-schema__keys{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}
.nz-schema__keys>span{display:flex;gap:4px;align-items:center}
.nz-schema__intro{display:flex;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;align-items:flex-end}
.nz-schema__lead{display:flex;flex-direction:column;gap:6px;max-width:560px}
.nz-schema__lead p{margin:0;font-size:13.5px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 15%);text-wrap:pretty}
.nz-schema__url{flex:1 1 360px;max-width:520px;display:flex;flex-direction:column;gap:6px}
.nz-schema__url-label{display:flex;justify-content:space-between;font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-schema__url-msg{color:var(--text-3)}
.nz-schema__url-msg.is-warn{color:var(--warn)}
.nz-schema__url input{height:40px;padding:0 12px;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:13px;font-family:var(--font-mono);outline:none}
.nz-schema__url input.is-invalid{border-color:color-mix(in oklch, var(--warn) 60%, transparent)}
.nz-schema__url input:focus{border-color:var(--accent)}
.nz-schema__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--text-3)}
.nz-schema__dot.is-ok{background:var(--ok)}
.nz-schema__type{font-family:var(--font-mono);font-size:10.5px;color:var(--text-4)}
.nz-schema__count{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-schema__h2row{display:flex;justify-content:space-between;align-items:baseline}
.nz-schema__text-btn{border:0;background:transparent;padding:0;font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 15%);cursor:pointer}
.nz-schema__btn-primary{height:36px;padding:0 16px;border-radius:8px;border:0;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
.nz-schema__btn-primary--sm{height:34px;padding:0 14px}
.nz-schema__btn-primary:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-schema__btn-primary.is-busy{opacity:.6}
.nz-schema__btn-ghost{height:34px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;cursor:pointer}
.nz-schema__btn-ghost:hover{background:var(--bg-active)}
.nz-schema__outline-btn{height:30px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12.5px;cursor:pointer}
.nz-schema__outline-btn:hover{background:var(--bg-active);color:color-mix(in oklch, var(--err), var(--ink) 48%)}
.nz-schema__x{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--text-3);cursor:pointer}
.nz-schema__x--end{margin-left:auto}
.nz-schema__x:hover{background:color-mix(in oklch, var(--card), var(--line) 65%);color:color-mix(in oklch, var(--err), var(--ink) 48%)}
.nz-schema__dashed{height:28px;padding:0 10px;border-radius:7px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 21%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 54%);font-size:12px;cursor:pointer}
.nz-schema__dashed:hover{border-color:var(--accent)}
.nz-schema__small{height:28px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 38%);font-size:12px;cursor:pointer}
.nz-schema__small:hover{background:var(--bg-active)}
.nz-schema__reset{align-self:flex-start;border:0;background:transparent;padding:4px 0;font-size:12px;color:var(--text-3);cursor:pointer}
.nz-schema__reset:hover{color:color-mix(in oklch, var(--err), var(--ink) 48%)}
/* Tony komunikatów (z kolorów AMBER / GREEN / szary w makiecie) */
.nz-schema-main .is-warn{color:var(--warn)}
.nz-schema-main .is-ok{color:var(--ok)}
.nz-schema-main .is-muted{color:var(--text-3)}

/* Dane firmy z rejestru i wizytówki */
.nz-schema-src{display:flex;flex-direction:column;gap:14px;padding:16px 18px;border-radius:12px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:color-mix(in oklch, var(--card), var(--line) 6%)}
.nz-schema-src.is-open{border-color:color-mix(in oklch, var(--accent) 45%, transparent)}
.nz-schema-src__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nz-schema-src__title{display:flex;flex-direction:column;gap:3px;min-width:0}
.nz-schema-src__title b{font-size:14px;font-weight:600}
.nz-schema-src__title span{font-size:12.5px;line-height:1.45;color:var(--muted)}
.nz-schema-src__actions{display:flex;align-items:center;gap:10px}
.nz-schema-src__pills{display:flex;gap:8px;flex-wrap:wrap}
.nz-schema-src__pill{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 46%)}
.nz-schema-src__pill b{font-weight:500}
.nz-schema-src__pill small{font-size:12px;color:var(--text-3)}
.nz-schema-cmp{display:flex;flex-direction:column;gap:10px}
.nz-schema-cmp__lead{font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-schema-cmp__scroll{overflow-x:auto;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);border-radius:10px}
.nz-schema-cmp__grid{display:grid;grid-template-columns:150px repeat(4,minmax(150px,1fr));min-width:780px}
.nz-schema-cmp__th{padding:9px 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--line), var(--muted) 86%);background:color-mix(in oklch, var(--main), var(--card) 25%);border-bottom:1px solid color-mix(in oklch, var(--line), var(--muted) 2%)}
.nz-schema-cmp__label{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-top:1px solid var(--border)}
.nz-schema-cmp__label b{font-size:12.5px;font-weight:500}
.nz-schema-cmp__label small{font-size:11px}
.nz-schema-main .nz-schema-cmp__label small.is-muted{color:var(--text-4)}
.nz-schema-cmp__cell{padding:6px;border-top:1px solid var(--border)}
.nz-schema-cmp__label.is-first,.nz-schema-cmp__cell.is-first{border-top-color:transparent}
.nz-schema-cmp__pick{width:100%;height:100%;display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:7px 9px;border-radius:7px;border:1px solid transparent;background:color-mix(in oklch, var(--field), var(--main) 67%);color:color-mix(in oklch, var(--muted), var(--ink) 38%);text-align:left;cursor:pointer;font-size:12.5px;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}
.nz-schema-cmp__pick.is-on{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 14%, transparent);color:var(--ink)}
.nz-schema-cmp__pick.is-empty{background:transparent;color:color-mix(in oklch, var(--line), var(--muted) 49%);cursor:default}
.nz-schema-cmp__pick small{font-size:11px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-schema-cmp__info{display:flex;flex-direction:column;gap:4px}
.nz-schema-cmp__info span{font-size:12px;line-height:1.5;color:var(--muted)}
/* Pewność wyniku nad tabelą porównania. Własne reguły, a nie tylko ogólne
   `.nz-schema-main .is-*`: tamte działają wyłącznie wtedy, gdy karta dostała
   klasę nz-schema-main — a raz już jej nie dostała. Średnia zostaje w kolorze zdania. */
.nz-schema-cmp__info b{font-weight:600;color:var(--ink)}
.nz-schema-cmp__info b.is-ok{color:var(--ok)}
.nz-schema-cmp__info b.is-warn{color:var(--warn)}
.nz-schema-cmp__actions{display:flex;justify-content:flex-end;gap:6px}

/* Trzy kolumny: bloki, edytor, kod */
.nz-schema__cols{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.nz-schema-blocks{flex:0 1 250px;min-width:230px;display:flex;flex-direction:column;gap:10px;position:sticky;top:24px}
.nz-schema-blocks__list{display:flex;flex-direction:column;gap:4px}
.nz-schema-block{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:9px;border:1px solid var(--border);background:var(--card);color:inherit;text-align:left;cursor:pointer}
.nz-schema-block.is-active{background:color-mix(in oklch, var(--card), var(--line) 59%);border-color:color-mix(in oklch, var(--accent) 55%, transparent)}
.nz-schema-block:hover{background:var(--bg-active)}
.nz-schema-block__top{display:flex;align-items:baseline;gap:8px;width:100%}
.nz-schema-block__top b{font-size:13.5px;font-weight:500}
.nz-schema-block__status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--warn)}
.nz-schema-block__status.is-ok{color:var(--ok)}
.nz-schema-block__status .nz-schema__dot{background:currentColor}
.nz-schema-add{display:flex;justify-content:center;align-items:center;gap:8px;height:38px;border-radius:9px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 21%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:13px;cursor:pointer}
.nz-schema-add.is-open{border-color:var(--accent)}
.nz-schema-add:hover{border-color:var(--accent);color:var(--ink)}
.nz-schema-add-panel{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--card)}
.nz-schema-add-panel__group{display:flex;flex-direction:column;gap:6px}
.nz-schema-add-panel__group--list{gap:2px}
.nz-schema-presets{display:flex;flex-wrap:wrap;gap:4px}
.nz-schema-preset{padding:4px 9px;border-radius:999px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 54%);font-size:12px;cursor:pointer}
.nz-schema-preset:hover{background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--ink)}
.nz-schema-cat{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:normal}
.nz-schema-cat:hover{background:color-mix(in oklch, var(--card), var(--line) 59%);color:inherit;text-decoration:none}
.nz-schema-cat__top{display:flex;align-items:baseline;gap:8px}
.nz-schema-cat__top b{font-size:13px;font-weight:500}
.nz-schema-cat small{font-size:11.5px;color:color-mix(in oklch, var(--ok), var(--bg) 3%)}
.nz-schema-main .nz-schema-cat small.is-muted{color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-schema-cat small.is-link{color:color-mix(in oklch, var(--line), var(--muted) 95%)}

.nz-schema-editor{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;gap:14px}
.nz-schema-empty{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:12px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 12%)}
.nz-schema-empty>b{font-size:15px;font-weight:500}
.nz-schema-empty>p{margin:0;font-size:13px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-schema-empty__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.nz-schema-empty__preset{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--card);color:inherit;text-align:left;cursor:pointer;white-space:normal}
.nz-schema-empty__preset:hover{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:var(--bg-hover)}
.nz-schema-empty__preset b{font-size:13.5px;font-weight:500}
.nz-schema-empty__preset small{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-schema-card{display:flex;flex-direction:column;gap:18px;padding:20px 22px;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.nz-schema-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.nz-schema-card__title{display:flex;flex-direction:column;gap:4px}
.nz-schema-card__name{display:flex;align-items:baseline;gap:10px}
.nz-schema-card__name b{font-size:18px;font-weight:600}
.nz-schema-card__name span{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.nz-schema-card__title small{font-size:12.5px;color:var(--ok)}
.nz-schema-card__warn{padding:10px 12px;border-radius:9px;background:color-mix(in oklch, var(--warn) 8%, transparent);border:1px solid color-mix(in oklch, var(--warn) 30%, transparent);font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--warn), var(--ink) 64%)}
.nz-schema-card__notes{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid var(--border)}
.nz-schema-card__notes span{font-size:12px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.nz-schema-sec{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid var(--border)}
.nz-schema-sec.is-first{border-top-color:transparent}
.nz-schema-sec__toggle{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:inherit;cursor:default;text-align:left}
.nz-schema-sec__toggle.is-collapsible{cursor:pointer}
.nz-schema-sec__toggle b{font-size:13px;font-weight:600}
.nz-schema-sec__toggle>span:last-child{font-size:12px}
.nz-schema-sec__arrow{width:12px;font-size:10px;color:var(--text-3)}
.nz-schema-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 18px}
.nz-schema-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.nz-schema-field.is-full{grid-column:1 / -1}
.nz-schema-field__label{display:flex;align-items:baseline;gap:8px}
.nz-schema-field__label b{font-size:12.5px;font-weight:500;color:color-mix(in oklch, var(--muted), var(--ink) 69%)}
.nz-schema-field__label small{font-size:11px;color:var(--warn)}
.nz-schema-field__msg{font-size:11.5px;line-height:1.45}
.nz-schema-field__hint{font-size:11.5px;line-height:1.45;color:color-mix(in oklch, var(--line), var(--muted) 86%);text-wrap:pretty}
.nz-schema-input,.nz-schema-textarea,.nz-schema-select{border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:13px;font-family:inherit;outline:none;min-width:0}
.nz-schema-input{height:36px;padding:0 11px}
.nz-schema-textarea{padding:9px 11px;font-size:12.5px;line-height:1.55;resize:vertical}
.nz-schema-select{height:36px;padding:0 8px}
.nz-schema-input.is-mono,.nz-schema-textarea.is-mono{font-family:var(--font-mono)}
.nz-schema-input.is-invalid{border-color:color-mix(in oklch, var(--warn) 60%, transparent)}
.nz-schema-input:focus,.nz-schema-textarea:focus{border-color:var(--accent)}
.nz-schema-input--crumb{height:34px;padding:0 10px}
.nz-schema-input--crumb-url{font-size:12px;font-family:var(--font-mono)}
.nz-schema-address{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.nz-schema-hours{display:flex;flex-direction:column;gap:8px}
.nz-schema-hours__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 8px;border-radius:9px;background:var(--field);border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%)}
.nz-schema-hours__days{display:flex;gap:3px}
.nz-schema-day{width:32px;height:28px;border-radius:6px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--line), var(--muted) 86%);font-size:12px;cursor:pointer}
.nz-schema-day.is-on{background:color-mix(in oklch, var(--accent) 18%, transparent);border-color:color-mix(in oklch, var(--accent) 60%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 80%)}
.nz-schema-hours__times{display:flex;align-items:center;gap:6px}
.nz-schema-hours__times>span{color:var(--text-4)}
.nz-schema-time{height:30px;padding:0 6px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:color-mix(in oklch, var(--main), var(--card) 75%);color:var(--ink);font-size:12.5px;font-family:var(--font-mono);outline:none}
.nz-schema-hours__tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nz-schema-hours__or{font-size:11.5px;color:var(--text-4);padding:0 4px}
.nz-schema-hours__summary{font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 23%)}
.nz-schema-crumbs{display:flex;flex-direction:column;gap:6px}
.nz-schema-crumbs__row{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(0,1.4fr) 26px;gap:6px;align-items:center}
.nz-schema-crumbs__num{font-family:var(--font-mono);font-size:11.5px;color:var(--text-4)}
.nz-schema-crumbs__tools{display:flex;gap:6px;flex-wrap:wrap;padding-left:28px}

.nz-schema-out{flex:1 1 360px;max-width:460px;min-width:0;display:flex;flex-direction:column;gap:12px;position:sticky;top:24px;padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.nz-schema-out__head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nz-schema-out__title{display:flex;align-items:baseline;gap:8px}
.nz-schema-out__title b{font-size:13px;font-weight:600}
.nz-schema-out__title span{font-size:12px;color:var(--text-3)}
.nz-schema-out__modes{display:flex;padding:2px;border-radius:7px;background:var(--field);border:1px solid var(--border)}
.nz-schema-out__modes button{border:0;padding:4px 9px;border-radius:5px;font-size:12px;cursor:pointer;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-schema-out__modes button.is-on{background:color-mix(in oklch, var(--line), var(--muted) 2%);color:var(--ink)}
.nz-schema-skipped{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:9px;background:color-mix(in oklch, var(--err) 8%, transparent);border:1px solid color-mix(in oklch, var(--err) 30%, transparent)}
.nz-schema-skipped b{font-size:12px;font-weight:500;color:color-mix(in oklch, var(--err), var(--ink) 62%)}
.nz-schema-skipped button{display:flex;gap:6px;border:0;background:transparent;padding:2px 0;color:color-mix(in oklch, var(--err), var(--ink) 71%);font-size:12.5px;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in oklch, var(--err) 40%, transparent);text-underline-offset:3px;white-space:normal}
.nz-schema-out__code{margin:0;padding:14px 16px;border-radius:9px;background:var(--bg);border:1px solid color-mix(in oklch, var(--card), var(--line) 65%);font-family:var(--font-mono);font-size:11.5px;line-height:1.6;color:color-mix(in oklch, var(--muted), var(--ink) 62%);white-space:pre;overflow:auto;max-height:520px}
.nz-schema-out__empty{padding:22px 16px;border-radius:9px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 7%);font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--line), var(--muted) 95%);text-align:center}
.nz-schema-out__actions{display:flex;gap:6px;flex-wrap:wrap}
.nz-schema-out__copy{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;height:38px;border-radius:9px;border:0;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:13.5px;font-weight:500;cursor:pointer}
.nz-schema-out__copy:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-schema-out__copy.is-disabled{opacity:.45}
.nz-schema-out__copy span{font-family:var(--font-mono);font-size:11px;opacity:.65}
.nz-schema-out__test{display:flex;align-items:center;height:38px;padding:0 12px;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;text-decoration:none;white-space:nowrap}
.nz-schema-out__test:hover{background:var(--bg-active);color:color-mix(in oklch, var(--muted), var(--ink) 69%);text-decoration:none}
.nz-schema-out__rec{font-size:12px;line-height:1.5;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
/* Bramka pewności: napis o zablokowanym kopiowaniu stoi pod przyciskiem, który
   wygląda na wygaszony — ramka w tonie ostrzeżenia mówi, że to stan, a nie usterka. */
.nz-schema-out__rec.is-warn{padding:8px 10px;border-radius:8px;border:1px solid color-mix(in oklch, var(--warn) 40%, transparent);background:color-mix(in oklch, var(--warn) 10%, transparent);color:var(--warn)}

/* ===== Sprawdź adresy (podgląd, przepisane z makiety) ===== */
/* ===== Sprawdź adresy (podgląd: preview/tools/urls) ===== */
.nz-main--urls{padding:24px clamp(20px,3vw,40px) 48px;gap:18px}
.nz-urls__top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nz-urls__crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.nz-urls__crumbs a{color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-urls__crumbs b{color:var(--ink);font-weight:500}
.nz-urls__keys{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}
.nz-urls__keys>span{display:flex;gap:4px;align-items:center}
.nz-urls__keys .nz-kbd{padding:1px 6px;border-color:color-mix(in oklch, var(--line), var(--muted) 16%);color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-urls__keys .nz-kbd+span{margin-left:4px}
.nz-urls__intro{display:flex;flex-direction:column;gap:6px;max-width:620px}
.nz-urls__lead{margin:0;font-size:13.5px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 15%);text-wrap:pretty}
.nz-urls__panel{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.nz-urls__panel--issues{gap:10px}
.nz-urls__input{padding:12px 14px;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 85%);font-size:12.5px;line-height:1.6;font-family:var(--font-mono);outline:none;resize:vertical}
.nz-urls__input:focus{border-color:var(--accent)}
.nz-urls__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nz-urls__count{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-urls__count b{font-weight:500;color:color-mix(in oklch, var(--muted), var(--ink) 85%)}
.nz-urls__note{color:var(--warn)}
.nz-urls__btn{height:34px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;cursor:pointer}
.nz-urls__btn:hover{background:var(--bg-active)}
.nz-urls__btn--sm{height:32px;border-radius:7px;font-size:12.5px}
.nz-urls__btn--xs{height:28px;padding:0 10px;border-radius:7px;font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-urls__run{height:34px;padding:0 16px;border-radius:8px;border:0;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:13px;font-weight:500;cursor:pointer}
.nz-urls__run:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-urls__run.is-running{opacity:.6}
.nz-urls__results{display:flex;flex-direction:column;gap:12px}
.nz-urls__issues-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.nz-urls__issues-head>span:first-child{display:flex;align-items:baseline;gap:10px}
.nz-urls__issues-title{font-size:14px;font-weight:600}
.nz-urls__summary{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-urls__hint{font-size:12px;color:var(--text-4)}
.nz-urls__changed{display:flex;align-items:center;gap:10px;align-self:flex-start;padding:7px 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%);font-size:12.5px;cursor:pointer}
.nz-urls__changed:hover{background:color-mix(in oklch, var(--accent) 18%, transparent)}
.nz-urls__changed.is-on{border-color:color-mix(in oklch, var(--accent) 80%, transparent)}
.nz-urls__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}
.nz-urls__dot.is-err{background:var(--err)}
.nz-urls__dot.is-warn{background:var(--warn)}
.nz-urls__chips{display:flex;flex-wrap:wrap;gap:6px}
.nz-urls__chip{display:flex;align-items:center;gap:8px;padding:6px 11px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--main);color:color-mix(in oklch, var(--muted), var(--ink) 85%);font-size:12.5px;cursor:pointer}
.nz-urls__chip:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-urls__chip.is-on{border-color:color-mix(in oklch, var(--accent) 70%, transparent);background:color-mix(in oklch, var(--accent) 12%, transparent)}
.nz-urls__chip-count{font-family:var(--font-mono);font-size:12px}
.nz-urls__chip-count.is-err{color:var(--err)}
.nz-urls__chip-count.is-warn{color:var(--warn)}
.nz-urls__tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nz-urls__tools>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-urls__tools>div+div{gap:6px}
.nz-urls__search{width:260px;height:34px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:13px;font-family:inherit;outline:none}
.nz-urls__search:focus{border-color:var(--accent)}
.nz-urls__filter{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--accent) 50%, transparent);background:color-mix(in oklch, var(--accent) 12%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%);font-size:12.5px;cursor:pointer}
.nz-urls__filter span:last-child{opacity:.7}
.nz-urls__shown{font-size:12.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-urls__label{font-size:12px;color:var(--text-3)}
.nz-urls__select{height:32px;padding:0 8px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:12.5px;outline:none;color-scheme:dark}
.nz-urls__select.is-on{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-urls__sep{width:1px;height:20px;background:color-mix(in oklch, var(--line), var(--muted) 2%);margin:0 4px}
.nz-urls__rows{display:flex;flex-direction:column;gap:10px}
.nz-urls__row{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border);background:var(--card);overflow:hidden}
.nz-urls__row.is-bad{border-color:color-mix(in oklch, var(--err) 45%, transparent)}
.nz-urls__row-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap;border-bottom:1px solid color-mix(in oklch, var(--card), var(--line) 76%)}
.nz-urls__row-head>div:first-child{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.nz-urls__row-head>div+div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nz-urls__code{font-family:var(--font-mono);font-size:11.5px;font-weight:500;padding:2px 7px;border-radius:5px;background:color-mix(in oklch, var(--ok) 12%, transparent);color:var(--ok)}
.nz-urls__code.is-warn{background:color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 13%, transparent);color:var(--warn)}
.nz-urls__code.is-err{background:color-mix(in oklch, var(--err) 14%, transparent);color:var(--err)}
.nz-urls__url{font-family:var(--font-mono);font-size:13.5px;color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nz-urls__tag{padding:3px 8px;border-radius:6px;font-size:11.5px;white-space:nowrap;background:color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 12%, transparent);color:var(--warn)}
.nz-urls__tag.is-err{background:color-mix(in oklch, var(--err) 14%, transparent);color:var(--err)}
.nz-urls__tag.is-change{background:color-mix(in oklch, var(--accent) 14%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 20%)}
.nz-urls__tag.is-ok{background:color-mix(in oklch, var(--ok) 12%, transparent);color:var(--ok)}
.nz-urls__row-body{display:flex;flex-wrap:wrap;gap:4px 18px;padding:12px 16px 14px}
.nz-urls__fields{flex:1 1 440px;min-width:0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px 16px;font-size:13px;align-content:start}
.nz-urls__key{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4);padding-top:3px}
.nz-urls__value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.nz-urls__v{line-height:1.5;color:color-mix(in oklch, var(--muted), var(--ink) 85%);font-size:13px;overflow-wrap:anywhere;text-wrap:pretty;min-width:0}
.nz-urls__v.is-soft{color:color-mix(in oklch, var(--muted), var(--ink) 46%)}
.nz-urls__v.is-dim{color:var(--text-2)}
.nz-urls__v.is-warn{color:var(--warn)}
.nz-urls__v.is-mono{font-family:var(--font-mono)}
.nz-urls__v.is-small{font-size:12.5px}
.nz-urls__len{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:4px;white-space:nowrap;background:var(--border);color:var(--text-4)}
.nz-urls__len.is-ok{background:color-mix(in oklch, var(--ok) 12%, transparent);color:var(--ok)}
.nz-urls__len.is-err{background:color-mix(in oklch, var(--err) 14%, transparent);color:var(--err)}
.nz-urls__len.is-warn{background:color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 13%, transparent);color:var(--warn)}
.nz-urls__prev{flex-basis:100%;display:flex;gap:8px;align-items:baseline;font-size:12px;line-height:1.5;color:var(--text-3)}
.nz-urls__prev b{font-weight:400;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.nz-urls__prev span{text-decoration:line-through;text-decoration-color:color-mix(in oklch, var(--accent) 50%, transparent);overflow-wrap:anywhere}
.nz-urls__shots{flex:0 1 260px;min-width:220px;display:flex;flex-direction:column;gap:6px}
.nz-urls__shots.is-comparing{flex-basis:380px}
.nz-urls__shots>div{display:flex;gap:6px}
.nz-urls__shot{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left;color:inherit}
.nz-urls__shot-img{display:block;width:100%;aspect-ratio:16/10;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:repeating-linear-gradient(135deg,var(--bg-hover) 0 8px,color-mix(in oklch, var(--card), var(--line) 6%) 8px 16px);position:relative;overflow:hidden}
.nz-urls__shot.is-before .nz-urls__shot-img{border-color:color-mix(in oklch, var(--accent) 40%, transparent)}
.nz-urls__shot-img::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:color-mix(in oklch, var(--card), var(--line) 76%);border-bottom:1px solid color-mix(in oklch, var(--line), var(--muted) 7%)}
.nz-urls__shot-img span{position:absolute;inset:auto 0 0 0;padding:6px 8px;font-family:var(--font-mono);font-size:10.5px;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-urls__shot-label{display:flex;justify-content:space-between;font-size:11px;color:color-mix(in oklch, var(--muted), var(--ink) 62%)}
.nz-urls__shot.is-before .nz-urls__shot-label,.nz-urls__lb-shot.is-before .nz-urls__shot-label{color:var(--accent)}
.nz-urls__shot-label span:last-child{font-family:var(--font-mono);color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-urls__fixes{display:flex;flex-direction:column;gap:4px;padding:10px 16px 11px;background:color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 6%, transparent);border-top:1px solid color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 22%, transparent)}
.nz-urls__fixes span{font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--warn), var(--ink) 45%);text-wrap:pretty}
.nz-urls__empty{padding:24px;font-size:13px;color:var(--muted);text-align:center;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 7%);border-radius:12px}
.nz-urls__lb{position:fixed;inset:0;z-index:40;background:color-mix(in oklch, var(--bg) 82%, transparent);display:flex;align-items:center;justify-content:center;padding:32px}
.nz-urls__lb-box{width:min(1280px,100%);max-height:100%;display:flex;flex-direction:column;gap:14px;padding:18px 20px 20px;border-radius:16px;background:var(--card);border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);box-shadow:var(--shadow-modal)}
.nz-urls__lb-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nz-urls__lb-head>div{display:flex;gap:8px;align-items:center}
.nz-urls__lb-url{font-family:var(--font-mono);font-size:13.5px;color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}
.nz-urls__views{display:flex;padding:3px;border-radius:9px;background:var(--field);border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%)}
.nz-urls__views button{height:28px;padding:0 12px;border-radius:6px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 23%);font-size:12.5px;cursor:pointer}
.nz-urls__views button.is-on{background:color-mix(in oklch, var(--accent) 18%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 80%)}
.nz-urls__lb-shots{display:flex;gap:14px;justify-content:center;min-height:0;overflow:auto}
.nz-urls__lb-shot{flex:1 1 0;max-width:none;display:flex;flex-direction:column;gap:8px;min-width:0}
.nz-urls__lb-shots.is-mobile .nz-urls__lb-shot{max-width:340px}
.nz-urls__lb-shot .nz-urls__shot-label{font-size:12.5px}
.nz-urls__lb-shot .nz-urls__shot-label span:last-child{color:var(--text-4)}
.nz-urls__lb-img{width:100%;aspect-ratio:16/10;max-height:68vh;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:repeating-linear-gradient(135deg,var(--bg-hover) 0 12px,color-mix(in oklch, var(--card), var(--line) 6%) 12px 24px);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;color:var(--muted)}
.nz-urls__lb-shots.is-mobile .nz-urls__lb-img{aspect-ratio:9/19}

/* ===== Historia stron (podgląd, przepisane z makiety) ===== */
/* ===== Historia stron (podgląd: preview/tools/history) ===== */
.nz-hist__disk{display:flex;align-items:center;gap:8px;font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 23%)}
.nz-hist__disk-bar{width:90px;height:6px;border-radius:3px;background:var(--border);overflow:hidden}
.nz-hist__disk-bar span{display:block;height:100%;background:var(--accent)}
.nz-hist__disk b{font-weight:400;font-family:var(--font-mono);color:color-mix(in oklch, var(--muted), var(--ink) 85%)}
.nz-hist__btn{height:32px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:12.5px;cursor:pointer}
.nz-hist__btn:hover{background:var(--bg-active)}
.nz-hist__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-hist__search{flex:1 1 220px;min-width:180px;height:34px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:13px;outline:none}
.nz-hist__periods{display:flex;padding:2px;border-radius:8px;background:var(--field);border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%)}
.nz-hist__periods button{height:28px;padding:0 10px;border-radius:6px;border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-hist__periods button.is-on{background:var(--border);color:var(--ink)}
.nz-hist__range{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.nz-hist__range input{height:32px;padding:0 8px;border-radius:7px;border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 92%);font-size:12.5px}
.nz-hist__chip{height:32px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 54%);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-hist__chip:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-hist__chip.is-on{border-color:color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 80%)}
.nz-hist__chip-box{width:14px;height:14px;border-radius:4px;display:grid;place-items:center;font-size:10px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 42%);background:transparent;color:color-mix(in oklch, var(--main), var(--card) 75%)}
.nz-hist__chip.is-on .nz-hist__chip-box{border-color:var(--accent);background:var(--accent)}
.nz-hist__sort{height:32px;padding:0 8px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:12.5px}
.nz-hist__clear{height:32px;padding:0 8px;border:0;background:transparent;color:var(--accent);font-size:12.5px;cursor:pointer}
.nz-hist{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr)}
.nz-hist__side{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}
.nz-hist__side-head{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:12px 16px 6px;font-size:12px;color:var(--text-3)}
.nz-hist__side-head button{border:0;background:transparent;color:var(--text-2);font-size:12px;cursor:pointer;padding:2px 4px}
.nz-hist__side-head button:hover{color:var(--ink)}
.nz-hist__groups{flex:1;min-height:0;overflow-y:auto;padding:0 8px 16px;display:flex;flex-direction:column;gap:2px}
.nz-hist__group{display:flex;flex-direction:column;gap:2px}
.nz-hist__host{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;border:0;background:var(--main);color:inherit;text-align:left;cursor:pointer;white-space:normal}
.nz-hist__host:hover{background:var(--bg-raised)}
.nz-hist__host.is-selected{background:var(--bg-raised)}
.nz-hist__caret{width:12px;font-size:9px;color:var(--text-3);transition:transform .15s}
.nz-hist__host.is-open .nz-hist__caret{transform:rotate(90deg)}
.nz-hist__initial{width:22px;height:22px;flex-shrink:0;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:600;background:color-mix(in oklch, var(--accent) 18%, transparent);color:var(--accent-text)}
.nz-hist__initial.is-warn{background:color-mix(in oklch, var(--warn) 18%, transparent);color:var(--warn)}
.nz-hist__initial.is-ok{background:color-mix(in oklch, var(--ok) 18%, transparent);color:var(--ok)}
.nz-hist__initial.is-muted{background:var(--border);color:var(--text-2)}
.nz-hist__host-name{display:flex;flex-direction:column;min-width:0;gap:1px}
.nz-hist__host-name b{font-size:13px;font-weight:600}
.nz-hist__host-name small{font-size:11px;color:var(--text-3)}
.nz-hist__changed{width:6px;height:6px;border-radius:50%;background:var(--warn)}
.nz-hist__size{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}
.nz-hist__urls{display:flex;flex-direction:column;gap:2px;margin:0 0 8px 20px;padding-left:8px;border-left:1px solid var(--border)}
.nz-hist__url{display:flex;flex-direction:column;gap:3px;padding:7px 10px;border-radius:7px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:normal}
.nz-hist__url:hover{background:var(--bg-hover)}
.nz-hist__url.is-active{background:var(--bg-active);box-shadow:inset 2px 0 0 var(--accent)}
.nz-hist__path{font-family:var(--font-mono);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in oklch, var(--muted), var(--ink) 62%)}
.nz-hist__url.is-active .nz-hist__path{color:var(--ink)}
.nz-hist__url-meta{display:flex;align-items:center;gap:7px;font-size:11.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-hist__deployed{padding:0 5px;border-radius:4px;background:color-mix(in oklch, var(--ok) 14%, transparent);color:var(--ok)}
.nz-hist__url-size{margin-left:auto;font-family:var(--font-mono);color:var(--text-3)}
.nz-hist__url-size.is-big{color:var(--warn)}
.nz-hist__none{padding:20px 10px;font-size:12.5px;line-height:1.5;color:var(--text-3)}
.nz-hist__body{min-height:0;overflow-y:auto;display:flex;flex-direction:column}
.nz-hist__bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px clamp(16px,2.5vw,28px);background:color-mix(in oklch, var(--main) 94%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nz-hist__bar>div{display:flex;align-items:center;gap:8px}
.nz-hist__bar>div:first-child{gap:10px;min-width:0}
.nz-hist__sel{font-family:var(--font-mono);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-hist__open{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);color:color-mix(in oklch, var(--muted), var(--ink) 62%);text-decoration:none}
.nz-hist__open:hover{border-color:color-mix(in oklch, var(--accent) 70%, transparent);text-decoration:none}
.nz-hist__cmp{height:32px;padding:0 14px;border-radius:8px;border:0;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:12.5px;font-weight:500;cursor:pointer}
.nz-hist__cmp:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-hist__cmp-hint{font-size:12px;color:var(--muted)}
.nz-hist__timeline{display:flex;flex-direction:column;padding:18px clamp(16px,2.5vw,28px) 60px;max-width:980px}
.nz-hist__note{margin-bottom:12px;font-size:12px;color:var(--text-3)}
.nz-hist__entry{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px}
.nz-hist__rail{display:flex;flex-direction:column;align-items:center}
.nz-hist__pick{width:30px;height:30px;margin-top:10px;flex-shrink:0;border-radius:8px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 30%);background:var(--main);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%);font-family:var(--font-mono);font-size:12px;font-weight:600;cursor:pointer}
.nz-hist__pick:hover{border-color:var(--accent)}
.nz-hist__pick.is-deploy{border-color:color-mix(in oklch, var(--ok) 70%, transparent);background:color-mix(in oklch, var(--ok) 12%, transparent)}
.nz-hist__pick.is-on{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 20%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent)}
.nz-hist__line{flex:1;width:1.5px;background:color-mix(in oklch, var(--line), var(--muted) 2%);margin-top:6px}
.nz-hist__entry:last-of-type .nz-hist__line{opacity:0}
.nz-hist__deploy{display:flex;flex-direction:column;margin:6px 0 22px;border-radius:12px;border:1px solid color-mix(in oklch, var(--ok) 40%, transparent);background:color-mix(in oklch, var(--ok) 4%, transparent);overflow:hidden;min-width:0}
.nz-hist__deploy-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid color-mix(in oklch, var(--ok) 20%, transparent)}
.nz-hist__deploy-head>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.nz-hist__deploy-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.nz-hist__deploy-badge{font-size:11px;padding:1px 7px;border-radius:4px;background:var(--ok);color:color-mix(in oklch, var(--main), var(--card) 75%);font-weight:600}
.nz-hist__date{font-size:14px;font-weight:600}
.nz-hist__deploy-sub{font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-hist__deploy-sub a{color:var(--accent-text)}
.nz-hist__deploy-cmp{height:30px;padding:0 12px;border-radius:7px;border:1px solid color-mix(in oklch, var(--ok) 50%, transparent);background:transparent;color:color-mix(in oklch, var(--ok), var(--ink) 37%);font-size:12.5px;cursor:pointer}
.nz-hist__deploy-cmp:hover{background:color-mix(in oklch, var(--ok) 12%, transparent)}
.nz-hist__sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:color-mix(in oklch, var(--ok) 20%, transparent)}
.nz-hist__side-shots{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:color-mix(in oklch, var(--main), var(--card) 50%)}
.nz-hist__side-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ok)}
.nz-hist__side-label.is-before{color:var(--warn)}
.nz-hist__side-label span:last-child{font-family:var(--font-mono);letter-spacing:0;text-transform:none;color:var(--text-3)}
.nz-hist__thumbs{display:flex;gap:8px;align-items:flex-end}
.nz-hist__thumb{width:150px;height:96px;padding:0;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:repeating-linear-gradient(135deg,var(--bg-hover) 0 8px,color-mix(in oklch, var(--card), var(--line) 6%) 8px 16px);color:var(--text-4);font-family:var(--font-mono);font-size:10px;cursor:zoom-in}
.nz-hist__thumb:hover{border-color:color-mix(in oklch, var(--accent) 70%, transparent)}
.nz-hist__thumb.is-phone{width:54px}
.nz-hist__thumb--check{width:170px;height:110px;border-radius:8px;font-size:10.5px}
.nz-hist__thumb--check.is-phone{width:62px}
.nz-hist__gone{height:96px;display:grid;place-items:center;border-radius:7px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 7%);font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-hist__diff{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:4px 14px;padding:10px 14px;border-top:1px solid color-mix(in oklch, var(--ok) 15%, transparent);font-size:13px;line-height:1.45}
.nz-hist__diff>span:first-child{color:color-mix(in oklch, var(--muted), var(--ink) 8%);grid-row:span 2}
.nz-hist__old{color:var(--text-3);text-decoration:line-through;text-decoration-color:color-mix(in oklch, var(--err) 70%, transparent);overflow-wrap:anywhere;min-width:0}
.nz-hist__now{overflow-wrap:anywhere;min-width:0}
.nz-hist__copy{grid-row:span 2;align-self:center;height:28px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12px;cursor:pointer;white-space:nowrap}
.nz-hist__copy:hover{background:var(--bg-active)}
.nz-hist__copy.is-copied{color:var(--ok)}
.nz-hist__check{display:flex;flex-direction:column;gap:10px;padding:10px 0 22px;min-width:0}
.nz-hist__check-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.nz-hist__kind{font-size:11px;padding:1px 6px;border-radius:4px;background:var(--border);color:var(--text-2)}
.nz-hist__meta{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-hist__fields{display:grid;grid-template-columns:96px minmax(0,1fr);gap:7px 14px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);font-size:13px;line-height:1.45}
.nz-hist__fields>div>span:first-child{color:var(--text-3)}
.nz-hist__fields>div>span:last-child{text-wrap:pretty;overflow-wrap:anywhere;min-width:0}
.nz-hist__fields .is-mono,.nz-hist__cmp-cell.is-mono{font-family:var(--font-mono)}
.nz-hist__changes{display:flex;flex-direction:column;border-radius:10px;border:1px solid color-mix(in oklch, var(--warn) 35%, transparent);overflow:hidden}
.nz-hist__changes .nz-hist__diff{border-top-color:color-mix(in oklch, var(--warn) 20%, transparent);background:color-mix(in oklch, var(--warn) 5%, transparent)}
.nz-hist__changes .nz-hist__diff:first-of-type{border-top-color:transparent}
.nz-hist__changes .nz-hist__diff>span:first-child{color:var(--warn)}
.nz-hist__changes .nz-hist__old{color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-hist__same{font-size:12.5px;color:var(--text-3)}
.nz-hist__shots{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.nz-hist__shots>div{display:flex;flex-direction:column;gap:5px}
.nz-hist__shots>div>span{font-size:11px;color:var(--text-3)}
.nz-hist__del{height:28px;padding:0 10px;border-radius:7px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}
.nz-hist__del:hover{background:color-mix(in oklch, var(--err) 12%, transparent);color:color-mix(in oklch, var(--err), var(--ink) 24%)}
.nz-hist__noshots{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 72%)}
.nz-hist__empty{padding:24px 0;font-size:13px;color:var(--text-3)}
.nz-hist__compare{display:flex;flex-direction:column;gap:16px;padding:18px clamp(16px,2.5vw,28px) 60px}
.nz-hist__cmp-grid{display:grid;grid-template-columns:96px repeat(2,minmax(0,1fr));gap:14px}
.nz-hist__cmp-heads{align-items:baseline}
.nz-hist__cmp-heads>span{display:flex;flex-direction:column;gap:2px}
.nz-hist__cmp-heads b{font-size:14px;font-weight:600}
.nz-hist__cmp-heads small{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-hist__cmp-table{display:flex;flex-direction:column;border-radius:10px;border:1px solid var(--border);overflow:hidden}
.nz-hist__cmp-row{padding:10px 14px;border-top:1px solid var(--border);font-size:13px;line-height:1.45}
.nz-hist__cmp-row:first-of-type{border-top-color:transparent}
.nz-hist__cmp-row>span:first-child{color:var(--text-3)}
.nz-hist__cmp-row.is-changed{background:color-mix(in oklch, var(--warn) 5%, transparent)}
.nz-hist__cmp-row.is-changed>span:first-child{color:var(--warn)}
.nz-hist__cmp-cell{overflow-wrap:anywhere;min-width:0}
.nz-hist__cmp-old{display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:color-mix(in oklch, var(--muted), var(--ink) 69%)}
.nz-hist__cmp-row.is-changed .nz-hist__cmp-old{color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-hist__cmp-copy{height:26px;padding:0 9px;border-radius:6px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-family:var(--font-sans);font-size:11.5px;cursor:pointer}
.nz-hist__cmp-copy.is-copied{color:var(--ok)}
.nz-hist__cmp-label{font-size:13px;color:var(--text-3)}
.nz-hist__cmp-shot{height:300px;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:repeating-linear-gradient(135deg,var(--bg-hover) 0 8px,color-mix(in oklch, var(--card), var(--line) 6%) 8px 16px);display:grid;place-items:center;color:var(--text-4);font-size:12px;text-align:center;padding:16px}
.nz-hist__cmp-shot.is-empty{background:var(--field)}
@media (max-width:900px){
  .nz-main--split:has(.nz-hist){overflow-y:auto}
  .nz-hist{grid-template-columns:minmax(0,1fr);min-height:auto}
  .nz-hist__side{border-right:0;border-bottom:1px solid var(--border);max-height:46vh}
  .nz-hist__body{overflow:visible}
}

/* ===== Ustawienia + Motywy (podgląd, przepisane z makiety) ===== */
/* ===== Ustawienia konta (podgląd, makieta Ustawienia.dc.html) ===== */
.nz-main.nz-settings-main{padding:24px clamp(20px,3vw,40px) 120px;gap:22px}
.nz-settings{display:flex;flex-direction:column;gap:22px}
.nz-settings__crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.nz-settings__crumbs a{color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-settings__crumb-here{color:var(--ink);font-weight:500}
/* Kolumna ustawien stoi PRZY LEWEJ, nie na srodku. Makieta srodkuje ja
   (justify-content:center), ale na szerokim ekranie odrywa to tresc od
   menu sekcji i od reszty aplikacji, ktora jest wyrownana do lewej. */
.nz-settings__layout{display:grid;grid-template-columns:180px minmax(0,780px);gap:40px;align-items:start;justify-content:start}
.nz-settings__secnav{position:sticky;top:0;display:flex;flex-direction:column;gap:2px;padding-top:4px}
.nz-settings__secnav button{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 15%);font-size:13px;text-align:left;cursor:pointer}
.nz-settings__secnav button:hover{background:var(--bg-hover);color:var(--ink)}
.nz-settings__secnav button.is-active{background:var(--bg-hover);color:var(--ink)}
.nz-settings__secbar{width:2px;height:14px;border-radius:1px;background:transparent}
.nz-settings__secnav button.is-active .nz-settings__secbar{background:var(--accent)}
.nz-settings__body{display:flex;flex-direction:column;gap:20px;min-width:0}
.nz-settings__intro{display:flex;flex-direction:column;gap:10px}
.nz-settings__who{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:10px;background:var(--card);border:1px solid var(--border)}
.nz-settings__avatar{width:30px;height:30px;border-radius:50%;background:color-mix(in oklch, var(--accent) 18%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);display:grid;place-items:center;font-size:12px;font-weight:600}
.nz-settings__who-text{display:flex;flex-direction:column;gap:1px}
.nz-settings__who-text span:first-child{font-size:13.5px;font-weight:500}
.nz-settings__who-text span:last-child{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-settings__card{display:flex;flex-direction:column;gap:14px;padding:20px 22px;border-radius:14px;background:var(--card);border:1px solid var(--border)}
.nz-settings__card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.nz-settings__card-title{display:flex;flex-direction:column;gap:4px}
.nz-settings__card-title h2{margin:0;font-size:15px;font-weight:600}
.nz-settings__card-title span{font-size:12.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.nz-settings__card-head--row{align-items:center;gap:16px}
/* Przełącznik suchara: tor 38×22, gałka 16 px (3 px wyłączony / 19 px włączony). */
.nz-settings__switch{display:flex;align-items:center;gap:10px;height:36px;padding:0 4px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 85%);font-size:13px;cursor:pointer}
.nz-settings__switch-track{position:relative;width:38px;height:22px;flex-shrink:0;border-radius:999px;background:var(--accent);transition:background .2s}
.nz-settings__switch-knob{position:absolute;top:3px;left:19px;width:16px;height:16px;border-radius:50%;background:var(--nz-paper-white);box-shadow:0 1px 3px oklch(0 0 0 / .4);transition:left .2s}
.nz-settings__switch.is-off .nz-settings__switch-track{background:color-mix(in oklch, var(--line), var(--muted) 16%)}
.nz-settings__switch.is-off .nz-settings__switch-knob{left:3px}
.nz-settings__group{display:flex;flex-direction:column;gap:10px}
.nz-settings__label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-settings__themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.nz-settings__layouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}
.nz-settings__screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.nz-settings__pick{border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--main);box-shadow:none;cursor:pointer;color:inherit;text-align:left}
.nz-settings__pick:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-settings__pick.is-on{border-color:color-mix(in oklch, var(--accent) 80%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 18%, transparent);background:color-mix(in oklch, var(--accent) 7%, transparent)}
.nz-settings__theme{display:flex;flex-direction:column;gap:8px;padding:8px}
.nz-settings__sketch{position:relative;display:grid;grid-template-columns:22% 1fr;height:54px;border-radius:6px;overflow:hidden;border:1px solid color-mix(in oklch, var(--bg) 70%, transparent);background:var(--main)}
.nz-settings__sketch-side{background:var(--bg)}
.nz-settings__sketch-body{display:flex;flex-direction:column;gap:5px;padding:7px}
.nz-settings__sketch-ink{width:55%;height:5px;border-radius:2px;background:var(--ink)}
.nz-settings__sketch-muted{width:80%;height:4px;border-radius:2px;background:color-mix(in oklch, var(--ink) 35%, transparent)}
.nz-settings__sketch-accent{width:30%;height:9px;border-radius:3px;background:var(--accent);margin-top:auto}
.nz-settings__sketch--split{background:transparent}
.nz-settings__sketch--split .nz-settings__sketch-side{background:transparent}
.nz-settings__sketch--split .nz-settings__sketch-side,.nz-settings__sketch--split .nz-settings__sketch-body{position:relative}
.nz-settings__sketch--split .nz-settings__sketch-ink,.nz-settings__sketch--split .nz-settings__sketch-muted{background:var(--muted)}
.nz-settings__half{position:absolute;top:0;bottom:0;width:50%;background:var(--main)}
.nz-settings__half+.nz-settings__half{left:50%}
.nz-settings__pick-name{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;padding:0 2px}
.nz-settings__mark{font-size:12px;color:var(--accent)}
.nz-settings__layout-pick{display:flex;gap:14px;align-items:center;padding:10px}
.nz-settings__layout-sketch{width:84px;height:56px;flex-shrink:0;border-radius:6px;background:var(--field);border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);display:grid;gap:3px;padding:4px}
.nz-settings__layout-sketch span{border-radius:2px;background:color-mix(in oklch, var(--line), var(--muted) 7%)}
.nz-settings__layout-sketch span:first-child{background:color-mix(in oklch, var(--accent) 55%, transparent)}
.nz-settings__layout-text{display:flex;flex-direction:column;gap:3px}
.nz-settings__layout-text span:first-child{font-size:13px;font-weight:500}
.nz-settings__layout-text span:last-child{font-size:12px;line-height:1.45;color:var(--muted);text-wrap:pretty}
.nz-settings__ghost-btn{height:30px;padding:0 11px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12.5px;cursor:pointer}
.nz-settings__ghost-btn:hover{background:var(--bg-active)}
.nz-settings__keys{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.nz-settings__key{display:grid;grid-template-columns:minmax(0,1fr) 190px 36px;align-items:center;gap:10px;padding:9px 10px 9px 14px;border-top:1px solid color-mix(in oklch, var(--card), var(--line) 76%);background:transparent}
.nz-settings__key:first-child{border-top-color:transparent}
.nz-settings__key.is-recording{background:color-mix(in oklch, var(--accent) 7%, transparent)}
.nz-settings__key-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-settings__key-text span:first-child{font-size:13px;color:color-mix(in oklch, var(--muted), var(--ink) 92%)}
.nz-settings__key-text span:last-child{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-settings__key.is-off .nz-settings__key-text span:first-child{color:var(--text-3)}
.nz-settings__key.is-bad .nz-settings__key-text span:last-child{color:var(--warn)}
.nz-settings__key-btn{height:36px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:12.5px;cursor:pointer}
.nz-settings__key-btn:hover{border-color:color-mix(in oklch, var(--accent) 70%, transparent)}
.nz-settings__key.is-off .nz-settings__key-btn{border-color:color-mix(in oklch, var(--line), var(--muted) 16%);border-style:dashed}
.nz-settings__key.is-bad .nz-settings__key-btn{border-color:var(--warn)}
.nz-settings__key.is-recording .nz-settings__key-btn{border-color:var(--accent);border-style:solid;background:color-mix(in oklch, var(--accent) 12%, transparent)}
.nz-settings__cap-wrap{display:flex;align-items:center;gap:5px}
.nz-settings__plus{font-size:11px;color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-settings__cap{min-width:24px;padding:2px 7px;border-radius:5px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 26%);border-bottom-width:2px;background:var(--bg-active);font-family:var(--font-mono);font-size:12px;text-align:center}
.nz-settings__key-hint{color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-settings__key.is-recording .nz-settings__key-hint{color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}
.nz-settings__key-clear{width:32px;height:32px;border-radius:7px;border:0;background:transparent;color:color-mix(in oklch, var(--line), var(--muted) 86%);font-size:16px;cursor:pointer}
.nz-settings__key-clear:hover{background:color-mix(in oklch, var(--err) 14%, transparent);color:color-mix(in oklch, var(--err), var(--ink) 24%)}
.nz-settings__key.is-off .nz-settings__key-clear{opacity:0}
.nz-settings__foot-note{font-size:12px;line-height:1.5;color:var(--text-3);text-wrap:pretty}
.nz-settings__screen{display:flex;flex-direction:column;gap:8px;padding:10px}
.nz-settings__screen.is-disabled{opacity:.5;cursor:not-allowed}
.nz-settings__monitors{display:flex;gap:4px;height:34px;align-items:flex-end}
.nz-settings__monitors span{flex:1;height:30px;border-radius:4px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 30%)}
.nz-settings__monitors span.is-lit{border-color:var(--accent)}
.nz-settings__monitors span.is-dashed{border-style:dashed}
.nz-settings__screen-text{display:flex;flex-direction:column;gap:2px}
.nz-settings__screen-text span:first-child{font-size:13px;font-weight:500}
.nz-settings__screen-text span:last-child{font-size:11.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-settings__mon{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:9px;background:var(--main);border:1px solid var(--border);color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-settings__mon.is-ok{background:color-mix(in oklch, var(--ok) 7%, transparent);border-color:color-mix(in oklch, var(--ok) 30%, transparent);color:var(--ok)}
.nz-settings__mon-text{display:flex;align-items:center;gap:8px;font-size:12.5px}
.nz-settings__mon-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.nz-settings__primary-btn{height:30px;padding:0 12px;border-radius:7px;border:0;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:12.5px;font-weight:500;cursor:pointer}
.nz-settings__primary-btn:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-settings__pw{display:flex;flex-direction:column;gap:12px;max-width:400px}
.nz-settings__pw-field{display:flex;flex-direction:column;gap:6px}
.nz-settings__pw-label{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-settings__pw-box{display:flex;align-items:center;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field)}
.nz-settings__pw-box.is-bad{border-color:var(--warn)}
.nz-settings__pw-box input{flex:1;min-width:0;height:38px;padding:0 12px;border:0;background:transparent;color:var(--ink);font-size:13.5px;outline:none}
.nz-settings__pw-box button{height:38px;padding:0 12px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}
.nz-settings__pw-box button:hover{color:var(--ink)}
.nz-settings__pw-note{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-settings__pw-note.is-ok{color:var(--ok)}
.nz-settings__pw-note.is-warn{color:var(--warn)}
.nz-settings__strength{display:flex;flex-direction:column;gap:6px}
.nz-settings__strength .nz-strength span{background:color-mix(in oklch, var(--line), var(--muted) 2%)}
.nz-settings__strength .nz-strength[data-score="1"] span:nth-child(-n+1){background:var(--err)}
.nz-settings__strength .nz-strength[data-score="2"] span:nth-child(-n+2){background:var(--warn)}
.nz-settings__strength .nz-strength[data-score="3"] span:nth-child(-n+3),.nz-settings__strength .nz-strength[data-score="4"] span{background:var(--ok)}
.nz-settings__pw-rules{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px}
.nz-settings__pw-rules span{color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-settings__pw-rules span.is-ok{color:var(--ok)}
.nz-settings__pw-btn{align-self:flex-start;height:36px;padding:0 16px;border-radius:8px;border:0;background:color-mix(in oklch, var(--line), var(--muted) 2%);color:color-mix(in oklch, var(--line), var(--muted) 77%);font-size:13px;font-weight:500;cursor:not-allowed}
.nz-settings__pw-btn.is-ready{background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);cursor:pointer}
.nz-settings__dirty{position:fixed;bottom:22px;left:calc(232px + (100vw - 232px) / 2);transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 16px;border-radius:12px;background:color-mix(in oklch, var(--card), var(--line) 53%);border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);box-shadow:var(--shadow-toast)}
.nz-app--topbar .nz-settings__dirty{left:50%}
.nz-settings__dirty>span{font-size:13px}
.nz-settings__undo{height:32px;padding:0 12px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 21%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:12.5px;cursor:pointer}
.nz-settings__undo:hover{background:var(--line)}
.nz-settings__save{height:32px;padding:0 14px;border-radius:7px;border:0;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:12.5px;font-weight:500;cursor:pointer}
.nz-settings__save.is-blocked{background:color-mix(in oklch, var(--line), var(--muted) 53%);cursor:not-allowed}

/* ===== Ustawienia — sekcja Monitory (makieta Ustawienia.dc.html, partials/screen-choice) =====
   Kolory makiety liczone są ze zmiennych theme.js, których u nas nie ma. Tu ten
   sam efekt z naszych 13 kolorów motywu: N(L) = mieszanka --line/--muted/--ink
   w tej samej proporcji, w jakiej L leży między nimi w motywie nocnym. */
:root,[data-theme]{--nz-mon-rule:oklch(0.86 0.09 200)}
[data-theme="jasny"],[data-theme="bezowy"],[data-theme="zielony"],[data-theme="rozowy"]{--nz-mon-rule:oklch(0.48 0.09 200)}
.nz-monitors{display:contents}
.nz-monitors [hidden]{display:none!important}
.nz-monitors__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nz-monitors__state{display:flex;align-items:center;gap:10px}
.nz-monitors__status{display:flex;align-items:center;gap:7px;font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 91%)}
.nz-monitors__status.is-found{color:var(--ok)}
.nz-monitors__status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.nz-monitors__detect,.nz-monitors__ghost{height:32px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:12.5px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px}
.nz-monitors__detect:hover,.nz-monitors__ghost:hover{background:color-mix(in oklch, var(--card), var(--line) 41%)}
.nz-monitors__detect.is-primary{padding:0 13px;border:0;background:var(--accent);color:var(--on-accent);font-weight:600}
.nz-monitors__detect:disabled{cursor:progress}
.nz-monitors__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 16px;border-radius:12px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 12%);text-align:center}
.nz-monitors__sketch{display:flex;gap:6px;align-items:flex-end}
.nz-monitors__sketch span{width:44px;height:28px;border-radius:4px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 42%)}
.nz-monitors__sketch span:nth-child(2){width:56px;height:34px;border-color:var(--accent)}
.nz-monitors__sketch span:nth-child(3){border-style:dashed;border-color:color-mix(in oklch, var(--line), var(--muted) 30%)}
.nz-monitors__empty-title{font-size:13.5px;font-weight:500}
.nz-monitors__found{display:flex;flex-direction:column;gap:14px}
.nz-monitors__map-box{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background:color-mix(in oklch, var(--field), var(--main) 33%);border:1px solid var(--line)}
.nz-monitors__map{position:relative;width:100%;container-type:inline-size}
.nz-monitors__screen{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:8px 9px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 16%);background:color-mix(in oklch, var(--card), var(--line) 6%);box-shadow:none;color:inherit;text-align:left;cursor:pointer;overflow:hidden;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s}
.nz-monitors__screen:hover{border-color:color-mix(in oklch, var(--accent) 70%, transparent)}
.nz-monitors__screen.is-work{border:1.5px solid var(--accent);background:color-mix(in oklch, var(--accent) 10%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent)}
.nz-monitors__screen-head{display:flex;align-items:center;gap:6px;min-width:0}
.nz-monitors__num{flex-shrink:0;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700;background:color-mix(in oklch, var(--line), var(--muted) 2%);color:color-mix(in oklch, var(--muted), var(--ink) 77%)}
.nz-monitors__num--lg{width:24px;height:24px;border-radius:7px;font-size:12px}
.is-work>.nz-monitors__num,.is-work>.nz-monitors__screen-head>.nz-monitors__num{background:var(--accent);color:var(--on-accent)}
.nz-monitors__screen-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-monitors__badges{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.nz-monitors__badge{height:18px;display:flex;align-items:center;padding:0 6px;border-radius:5px;font-size:10.5px;font-weight:500;white-space:nowrap;background:var(--border);color:color-mix(in oklch, var(--muted), var(--ink) 46%)}
.nz-monitors__badge--work{background:color-mix(in oklch, var(--accent) 20%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}
.nz-monitors__badge--rules{background:color-mix(in oklch, var(--nz-mon-rule) 16%, transparent);color:var(--nz-mon-rule)}
.nz-monitors__map-note{font-size:11.5px;color:color-mix(in oklch, var(--line), var(--muted) 81%)}
.nz-monitors__list{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--line);overflow:hidden}
.nz-monitors__row{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid color-mix(in oklch, var(--card), var(--line) 65%);background:transparent}
.nz-monitors__row:first-child{border-top-color:transparent}
.nz-monitors__row.is-work{background:color-mix(in oklch, var(--accent) 5%, transparent)}
.nz-monitors__row-text{flex:1 1 200px;display:flex;flex-direction:column;gap:1px;min-width:0}
.nz-monitors__rename{height:26px;margin-left:-6px;padding:0 6px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink);font-size:13px;font-weight:500;font-family:inherit;outline:none;min-width:0}
.nz-monitors__rename:hover{border-color:color-mix(in oklch, var(--line), var(--muted) 7%)}
.nz-monitors__rename:focus{border-color:color-mix(in oklch, var(--accent) 70%, transparent);background:var(--field)}
.nz-monitors__spec{font-size:11.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-monitors__pill{height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 54%);font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap}
.nz-monitors__pill-dot{width:6px;height:6px;border-radius:50%;background:color-mix(in oklch, var(--line), var(--muted) 30%)}
.nz-monitors__pill.is-on{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:color-mix(in oklch, var(--accent) 12%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}
.nz-monitors__pill.is-on .nz-monitors__pill-dot{background:var(--accent)}
.nz-monitors__identify{height:28px;border-radius:8px}
.nz-monitors__group{display:flex;flex-direction:column;gap:8px}
.nz-monitors__group-title{font-size:13px;font-weight:600}
.nz-monitors__modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px}
.nz-monitors__mode{display:flex;flex-direction:column;gap:4px;min-width:0;padding:11px 12px;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--main);box-shadow:none;color:inherit;text-align:left;cursor:pointer;font-family:inherit}
.nz-monitors__mode:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-monitors__mode.is-on{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent)}
.nz-monitors__mode.is-disabled{opacity:.5;cursor:not-allowed}
.nz-monitors__mode-top{display:flex;align-items:center;gap:8px}
.nz-monitors__radio{width:16px;height:16px;flex-shrink:0;border-radius:50%;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 42%);display:grid;place-items:center}
.nz-monitors__radio span{width:8px;height:8px;border-radius:50%;background:transparent}
.nz-monitors__mode.is-on .nz-monitors__radio{border-color:var(--accent)}
.nz-monitors__mode.is-on .nz-monitors__radio span{background:var(--accent)}
.nz-monitors__mode-name{font-size:13px;font-weight:500}
.nz-monitors__mode-desc{padding-left:24px;min-width:0;overflow-wrap:anywhere;font-size:11.5px;line-height:1.4;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-monitors__shift{display:flex;align-items:center;gap:6px;font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-monitors__kbd{padding:1px 6px;border-radius:5px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 16%);font-family:var(--font-mono);font-size:11px}
.nz-monitors__rules-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.nz-monitors__rules-text{display:flex;flex-direction:column;gap:2px}
.nz-monitors__rules-text>span:last-child{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-monitors__rules{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--line);overflow:hidden}
.nz-monitors__rule{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;padding:8px 10px;border-top:1px solid color-mix(in oklch, var(--card), var(--line) 65%);background:transparent}
.nz-monitors__rule:first-child{border-top-color:transparent}
.nz-monitors__order{display:flex;flex-direction:column;gap:0}
.nz-monitors__order-btn{width:22px;height:15px;border:0;background:transparent;color:var(--muted);font-size:9px;cursor:pointer;line-height:1;padding:0}
.nz-monitors__order-btn.is-edge{color:color-mix(in oklch, var(--line), var(--muted) 19%)}
.nz-monitors__select{height:32px;padding:0 8px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 92%);font-size:12.5px;font-family:inherit;max-width:100%}
.nz-monitors__select--kind{width:132px}
.nz-monitors__select--to{width:180px}
.nz-monitors__pattern{flex:1 1 200px;min-width:160px;height:32px;padding:0 10px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-family:var(--font-mono);font-size:12.5px;outline:none}
.nz-monitors__pattern.is-empty{border-color:color-mix(in oklch, var(--warn) 50%, transparent)}
.nz-monitors__pattern:focus,.nz-monitors__test-input:focus{border-color:color-mix(in oklch, var(--accent) 70%, transparent)}
.nz-monitors__arrow{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-monitors__missing{font-size:11.5px;color:var(--warn)}
.nz-monitors__remove{margin-left:auto;width:28px;height:28px;border-radius:7px;border:0;background:transparent;color:color-mix(in oklch, var(--line), var(--muted) 77%);font-size:13px;cursor:pointer}
.nz-monitors__remove:hover{background:color-mix(in oklch, var(--err) 12%, transparent);color:color-mix(in oklch, var(--err), var(--ink) 24%)}
.nz-monitors__rules-empty{padding:16px;text-align:center;font-size:12.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-monitors__test{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:color-mix(in oklch, var(--field), var(--main) 33%);border:1px solid var(--line)}
.nz-monitors__test-title{font-size:12.5px;font-weight:600}
.nz-monitors__test-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.nz-monitors__test-input{flex:1 1 260px;min-width:200px;height:34px;padding:0 10px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-family:var(--font-mono);font-size:12.5px;outline:none}
.nz-monitors__test-btn{height:32px;padding:0 13px;border-radius:8px;border:0;background:var(--accent);color:var(--on-accent);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}
.nz-monitors__result{display:flex;align-items:center;gap:8px;font-size:12.5px;color:color-mix(in oklch, var(--line), var(--muted) 91%)}
.nz-monitors__result[data-tone="rule"]{color:var(--nz-mon-rule)}
.nz-monitors__result[data-tone="plain"]{color:var(--ok)}
.nz-monitors__result[data-tone="warn"]{color:var(--warn)}
.nz-monitors__result-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor}
@keyframes nzm-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.nz-monitors__flash{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:color-mix(in oklch, var(--bg) 55%, transparent);pointer-events:none;animation:nzm-in .2s ease-out}
.nz-monitors__flash span{width:180px;height:180px;border-radius:40px;display:grid;place-items:center;font-size:110px;font-weight:700;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-modal)}

/* Wąskie okno: menu sekcji znika, karty idą na całą szerokość (makieta: ok. 860 px). */
@media (max-width:860px){
  .nz-settings__layout{grid-template-columns:minmax(0,1fr)}
  .nz-settings__secnav{display:none}
}

/* ===== Motywy Niezbędnika (podgląd, makieta Motywy.dc.html — zakładka ?zakladka=motywy) ===== */
.nz-main.nz-themes-main{padding:48px}
.nz-themes{display:flex;flex-direction:column;gap:28px}
.nz-themes__intro{display:flex;flex-direction:column;gap:6px;max-width:760px}
.nz-themes__title{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em}
.nz-themes__lead{margin:0;font-size:14px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-themes__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),640px));gap:28px}
.nz-themes__item{display:flex;flex-direction:column;gap:12px;min-width:0}
.nz-themes__head{display:flex;align-items:baseline;gap:10px}
.nz-themes__id{font-family:var(--font-mono);font-size:11px;padding:2px 7px;border-radius:5px;background:var(--bg-active);color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-themes__name{font-size:16px;font-weight:600}
.nz-themes__note{font-size:12.5px;color:var(--text-3)}
.nz-themes__shot{height:360px;display:grid;grid-template-columns:150px minmax(0,1fr);border-radius:14px;overflow:hidden;background:var(--bg);border:1px solid var(--border-strong);color:var(--ink);
  --nz-themes-ok-bg:color-mix(in oklch, var(--ok) 13%, transparent);--nz-themes-warn-bg:color-mix(in oklch, var(--warn) 11%, transparent);--nz-themes-accent-bg:color-mix(in oklch, var(--accent) 14%, transparent);--nz-themes-nav-on:color-mix(in oklch, var(--ink) 8%, transparent)}
.nz-themes__shot.is-light{--nz-themes-ok-bg:color-mix(in oklch, var(--ok) 12%, transparent);--nz-themes-warn-bg:color-mix(in oklch, var(--warn) 13%, transparent);--nz-themes-accent-bg:color-mix(in oklch, var(--accent) 10%, transparent);--nz-themes-nav-on:color-mix(in oklch, var(--accent) 12%, transparent)}
.nz-themes__side{display:flex;flex-direction:column;gap:14px;padding:14px 10px}
.nz-themes__brand{display:flex;align-items:center;gap:7px;padding:0 4px}
.nz-themes__brand img,.nz-themes__brand svg{width:20px;height:20px;border-radius:5px;display:block;flex-shrink:0}
.nz-themes__brand span{font-size:12px;font-weight:600;color:var(--ink)}
.nz-themes__nav{display:flex;flex-direction:column;gap:1px}
.nz-themes__nav span{padding:5px 8px;border-radius:6px;font-size:11.5px;background:transparent;color:var(--muted)}
.nz-themes__nav span.is-active{background:var(--nz-themes-nav-on);color:var(--ink)}
.nz-themes__main{margin:6px 0 0;border-radius:14px 0 0 0;background:var(--main);border-left:1px solid var(--line);border-top:1px solid var(--line);padding:16px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.nz-themes__row{display:flex;justify-content:space-between;align-items:center}
.nz-themes__h{font-size:15px;font-weight:600;color:var(--ink)}
.nz-themes__muted{font-size:11px;color:var(--muted)}
.nz-themes__tools{display:flex;gap:6px}
.nz-themes__search{flex:1;height:30px;border-radius:7px;border:1px solid var(--line);background:var(--field);font-size:11.5px;color:var(--muted);display:flex;align-items:center;padding:0 10px}
.nz-themes__ghost{height:30px;padding:0 12px;border-radius:7px;border:1px solid var(--line);font-size:11.5px;color:var(--ink);display:flex;align-items:center}
.nz-themes__primary{height:30px;padding:0 12px;border-radius:7px;background:var(--accent);font-size:11.5px;font-weight:500;color:var(--on-accent);display:flex;align-items:center}
.nz-themes__card{border-radius:10px;border:1px solid var(--line);background:var(--card);overflow:hidden}
.nz-themes__card-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line)}
.nz-themes__url{display:flex;gap:7px;align-items:center}
.nz-themes__url span:last-child{font-family:var(--font-mono);font-size:11.5px;color:var(--accent-text)}
.nz-themes__code{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border-radius:4px;background:var(--nz-themes-ok-bg);color:var(--ok)}
.nz-themes__warn-badge{font-size:10.5px;padding:2px 6px;border-radius:5px;background:var(--nz-themes-warn-bg);color:var(--warn)}
.nz-themes__meta{display:grid;grid-template-columns:62px minmax(0,1fr);gap:6px 10px;padding:9px 12px;font-size:11.5px}
.nz-themes__label{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:2px}
.nz-themes__value{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-themes__muted-value{color:var(--muted)}
.nz-themes__warn-line{padding:7px 12px;font-size:11px;background:var(--nz-themes-warn-bg);color:var(--warn)}
.nz-themes__chips{display:flex;gap:6px;flex-wrap:wrap}
.nz-themes__chip{display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;border:1px solid var(--line);font-size:11px;color:var(--ink)}
.nz-themes__chip>span{width:6px;height:6px;border-radius:50%}
.nz-themes__chip b{font-family:var(--font-mono);font-weight:400}
.nz-themes__chip--err>span{background:var(--err)} .nz-themes__chip--err b{color:var(--err)}
.nz-themes__chip--warn>span{background:var(--warn)} .nz-themes__chip--warn b{color:var(--warn)}
.nz-themes__chip--accent{border-color:color-mix(in oklch, var(--accent) 50%, transparent);background:var(--nz-themes-accent-bg);color:var(--accent-text)}
.nz-themes__chip--accent>span{background:var(--accent)}
.nz-themes__chip--ok{gap:5px;border-color:transparent;background:var(--nz-themes-ok-bg);color:var(--ok)}
.nz-themes__swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.nz-themes__swatch{display:flex;flex-direction:column;gap:4px;min-width:0}
.nz-themes__swatch>span:first-child{height:30px;border-radius:6px;border:1px solid var(--border-strong)}
.nz-themes__swatch-label{font-size:11px;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-themes__swatch-value{font-family:var(--font-mono);font-size:9.5px;color:color-mix(in oklch, var(--line), var(--muted) 77%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Galeria jako WYBÓR — tylko w działających Ustawieniach (podgląd jej nie klika).
   Obwódka, napis „Twój motyw” i zakładki stoją na oprawie, więc biorą motyw
   KONTA. Wnętrze karty zostaje przy swoim data-theme — nic tu go nie dotyka. */
.nz-settings__tabs{margin-bottom:4px}
.nz-settings__tabs a{height:28px;padding:0 10px;border-radius:7px;display:inline-flex;align-items:center;color:var(--muted);font-size:12.5px;text-decoration:none}
.nz-settings__tabs a:hover{color:var(--ink);text-decoration:none}
.nz-settings__tabs a.is-on{background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--ink)}
.nz-themes__choice{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nz-themes__choice-text{font-size:13px;color:var(--muted)}
.nz-themes__system{display:flex;flex-direction:column;gap:8px;padding:8px;width:170px}
.nz-themes__item--pick{padding:10px;margin:-10px;border-radius:18px;border:1px solid transparent;cursor:pointer;outline:none}
.nz-themes__item--pick:hover{border-color:color-mix(in oklch, var(--accent) 45%, transparent)}
.nz-themes__item--pick:focus-visible{border-color:color-mix(in oklch, var(--accent) 80%, transparent)}
.nz-themes__item--pick.is-on{border-color:color-mix(in oklch, var(--accent) 80%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 18%, transparent)}
.nz-themes__picked{margin-left:auto;font-size:12px;font-weight:500;color:var(--accent-text)}

/* ===== Propozycje (podgląd, przepisane z makiety) ===== */
/* ===== Propozycje (podgląd) ===== */
/* Barwy spoza 13 kolorów motywu: status „W planach" i dwa rodzaje propozycji.
   Ciemne motywy mają wartości z makiety, jasne - przyciemnione do czytelności. */
:root,[data-theme]{--nz-info:oklch(0.80 0.10 230);--nz-kind-feat:oklch(0.82 0.10 200);--nz-kind-change:oklch(0.84 0.08 320)}
[data-theme="jasny"],[data-theme="bezowy"],[data-theme="zielony"],[data-theme="rozowy"]{--nz-info:oklch(0.52 0.12 230);--nz-kind-feat:oklch(0.50 0.10 200);--nz-kind-change:oklch(0.52 0.12 320)}
.nz-prop-tone--open{--tone:transparent}
.nz-prop-tone--new{--tone:var(--accent)}
.nz-prop-tone--plan{--tone:var(--nz-info)}
.nz-prop-tone--wip{--tone:var(--warn)}
.nz-prop-tone--done{--tone:var(--ok)}
.nz-prop-tone--no{--tone:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-prop-kind--all{--kind:transparent}
.nz-prop-kind--feat{--kind:var(--nz-kind-feat)}
.nz-prop-kind--change{--kind:var(--nz-kind-change)}
.nz-prop{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.nz-prop__head{flex-shrink:0;padding-bottom:0}
.nz-prop__head .nz-page-head__row>div:last-child{gap:12px}
.nz-prop__left{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 8%);white-space:nowrap}
.nz-prop__new{height:36px;padding:0 16px;border-radius:9px;border:0;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.nz-prop__new:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-prop__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-prop__tabs{display:flex;gap:2px;flex-wrap:wrap;max-width:100%}
.nz-prop__tab{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;margin-bottom:-1px;white-space:nowrap;flex-shrink:0}
.nz-prop__tab:hover{color:var(--ink)}
.nz-prop__tab.is-on{border-bottom-color:var(--accent);color:var(--ink)}
.nz-prop__tab-dot{width:7px;height:7px;border-radius:50%;background:var(--tone)}
.nz-prop__tab-n{font-family:var(--font-mono);font-size:11px;color:var(--text-4)}
.nz-prop__filters{margin-left:auto;display:flex;align-items:center;gap:8px;padding-bottom:6px;flex-wrap:wrap;min-width:0}
.nz-prop__seg{display:flex;padding:2px;border-radius:8px;background:var(--field);border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%)}
.nz-prop__seg button{height:26px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:6px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;white-space:nowrap}
.nz-prop__seg button.is-on{background:var(--border);color:var(--ink)}
.nz-prop__seg-icon{font-size:10px;color:var(--kind)}
.nz-prop__seg-icon:empty{display:none}
.nz-prop__search{flex:1 1 160px;min-width:140px;height:32px;padding:0 11px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:12.5px;outline:none}
.nz-prop__select{height:32px;padding:0 8px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:12.5px}
.nz-prop__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,min(38%,420px))}
.nz-prop__list{min-height:0;overflow-y:auto;padding:16px clamp(16px,2.5vw,28px) 40px;display:flex;flex-direction:column;gap:8px}
.nz-prop__card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:12px 14px 12px 12px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklch, var(--main), var(--card) 50%);cursor:pointer}
.nz-prop__card:hover{border-color:color-mix(in oklch, var(--line), var(--muted) 21%)}
.nz-prop__card.is-active{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:color-mix(in oklch, var(--card), var(--line) 6%)}
.nz-prop__vote{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);cursor:pointer}
.nz-prop__vote:hover{border-color:var(--accent)}
.nz-prop__vote.is-on,.nz-prop__vote-big.is-on{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 16%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%)}
.nz-prop__vote.is-locked:not(.is-on),.nz-prop__vote-big.is-locked:not(.is-on){color:color-mix(in oklch, var(--line), var(--muted) 65%)}
.nz-prop__vote.is-locked,.nz-prop__vote-big.is-locked{cursor:not-allowed}
.nz-prop__vote-arrow{font-size:12px;line-height:1}
.nz-prop__vote-n{font-family:var(--font-mono);font-size:15px;font-weight:600;line-height:1}
.nz-prop__card-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.nz-prop__card-title{font-size:14px;font-weight:500;line-height:1.35;text-wrap:pretty}
.nz-prop__card-body{font-size:12.5px;line-height:1.45;color:color-mix(in oklch, var(--muted), var(--ink) 8%);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nz-prop__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--text-3)}
.nz-prop__meta--detail{gap:6px;color:inherit}
.nz-prop__status{display:flex;align-items:center;gap:5px;padding:1px 7px;border-radius:5px;white-space:nowrap;background:color-mix(in oklch, var(--tone) 12%, transparent);color:var(--tone)}
.nz-prop__status-dot{width:6px;height:6px;border-radius:50%;background:var(--tone)}
.nz-prop__kind{display:flex;align-items:center;gap:4px;padding:1px 7px;border-radius:5px;white-space:nowrap;border:1px solid color-mix(in oklch, var(--kind) 40%, transparent);color:var(--kind)}
.nz-prop__kind-icon{font-size:9px}
.nz-prop__area{padding:1px 7px;border-radius:5px;white-space:nowrap;background:color-mix(in oklch, var(--card), var(--line) 65%);color:color-mix(in oklch, var(--muted), var(--ink) 46%)}
.nz-prop__empty{padding:40px 0;text-align:center;font-size:13px;color:var(--text-3)}
.nz-prop__side{min-height:0;overflow-y:auto;border-left:1px solid var(--border);background:color-mix(in oklch, var(--field), var(--main) 33%)}
.nz-prop__pane{display:flex;flex-direction:column;gap:16px;padding:20px 22px}
.nz-prop__pane--form{gap:14px}
.nz-prop__form-head{display:flex;justify-content:space-between;align-items:center}
.nz-prop__form-title{font-size:15px;font-weight:600}
.nz-prop__close{width:28px;height:28px;border-radius:7px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}
.nz-prop__close:hover{background:var(--bg-active)}
.nz-prop__kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nz-prop__kind-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:10px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:normal}
.nz-prop__kind-card:hover{border-color:color-mix(in oklch, var(--accent) 70%, transparent)}
.nz-prop__kind-card.is-on{border-color:var(--kind);background:color-mix(in oklch, var(--kind) 8%, transparent)}
.nz-prop__kind-card-label{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600}
.nz-prop__kind-card-icon{font-size:11px;color:var(--kind)}
.nz-prop__kind-card-sub{font-size:11.5px;line-height:1.4;color:var(--muted)}
.nz-prop__label{display:flex;flex-direction:column;gap:6px}
.nz-prop__label>span{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-prop__input{border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--bg);color:var(--ink);outline:none}
.nz-prop__input--title{height:40px;padding:0 12px;border-radius:9px;font-size:13.5px}
.nz-prop__input--body{padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.5;resize:vertical}
.nz-prop__input--comment{flex:1;min-width:0;height:38px;padding:0 12px;border-radius:9px;font-size:13px}
.nz-prop__similar{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:color-mix(in oklch, var(--warn) 8%, transparent);border:1px solid color-mix(in oklch, var(--warn) 30%, transparent)}
.nz-prop__similar-head{font-size:12px;color:color-mix(in oklch, var(--warn), var(--ink) 27%)}
.nz-prop__similar-row{display:flex;align-items:center;gap:8px;font-size:12.5px}
.nz-prop__similar-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-prop__similar-vote{height:26px;padding:0 9px;border-radius:6px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 21%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:11.5px;cursor:pointer;white-space:nowrap}
.nz-prop__similar-vote.is-on{border-color:var(--accent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%)}
.nz-prop__areas{display:flex;flex-wrap:wrap;gap:6px}
.nz-prop__area-pick{height:30px;padding:0 11px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 46%);font-size:12.5px;cursor:pointer}
.nz-prop__area-pick.is-on{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 14%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 80%)}
.nz-prop__submit{height:42px;border-radius:9px;border:0;background:var(--border);color:color-mix(in oklch, var(--line), var(--muted) 77%);font-size:13.5px;font-weight:600;cursor:not-allowed}
.nz-prop__submit.is-ready{background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);cursor:pointer}
.nz-prop__hint{font-size:12px;line-height:1.5;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-prop__detail-head{display:flex;flex-direction:column;gap:8px}
.nz-prop__detail-title{font-size:17px;font-weight:600;line-height:1.35;text-wrap:pretty}
.nz-prop__detail-by{font-size:12px;color:var(--text-3)}
.nz-prop__detail-body{font-size:13.5px;line-height:1.6;color:color-mix(in oklch, var(--muted), var(--ink) 69%);text-wrap:pretty}
.nz-prop__vote-box{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line);background:color-mix(in oklch, var(--main), var(--card) 25%)}
.nz-prop__vote-big{height:40px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:9px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.nz-prop__vote-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-prop__vote-count{font-size:13px}
.nz-prop__vote-num{font-family:var(--font-mono);font-weight:600}
.nz-prop__voters{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-prop__reply{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:color-mix(in oklch, var(--tone) 12%, transparent);border:1px solid color-mix(in oklch, var(--tone) 30%, transparent)}
.nz-prop__reply-head{font-size:11.5px;font-weight:600;color:var(--tone)}
.nz-prop__reply-text{font-size:13px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 77%)}
.nz-prop__admin{display:flex;flex-direction:column;gap:8px}
.nz-prop__admin-row{display:flex;flex-wrap:wrap;gap:6px}
.nz-prop__set{height:30px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:12px;cursor:pointer}
.nz-prop__set.is-on{border-color:var(--tone);background:color-mix(in oklch, var(--tone) 12%, transparent)}
.nz-prop__comments{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--border)}
.nz-prop__comments-head{font-size:13px;font-weight:600}
.nz-prop__comments-head span{font-weight:400;color:var(--text-3)}
.nz-prop__comment{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px}
.nz-prop__avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;background:var(--border);color:color-mix(in oklch, var(--muted), var(--ink) 62%)}
.nz-prop__comment-text{display:flex;flex-direction:column;gap:3px}
.nz-prop__comment-text>span:last-child{font-size:13px;line-height:1.5}
.nz-prop__comment-by{font-size:12px;color:var(--muted)}
.nz-prop__comment-by b{color:color-mix(in oklch, var(--muted), var(--ink) 85%);font-weight:500}
.nz-prop__comment-form{display:flex;gap:8px}
.nz-prop__send{height:38px;padding:0 14px;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:12.5px;cursor:pointer}
.nz-prop__send:hover{background:var(--bg-active)}
/* Wąsko: dwie kolumny → jedna, przewija się cały obszar pod nagłówkiem. */
@media (max-width:900px){
  .nz-prop__body{grid-template-columns:minmax(0,1fr);overflow-y:auto}
  .nz-prop__list,.nz-prop__side{overflow:visible;min-height:auto}
  .nz-prop__side{border-left:0;border-top:1px solid var(--border)}
}

/* ===== Co nowego (podgląd, przepisane z makiety) ===== */
/* ===== Co nowego w Niezbędniku (podgląd, makieta Changelog.dc.html) ===== */
/* Kolor „Usprawnienia": w makiecie turkus (barwa 200), którego motyw nie ma.
   Mieszanka zielonego i akcentu daje tę barwę w nocnym i idzie za motywem. */
.nz-changelog{--nz-changelog-new:var(--accent);--nz-changelog-imp:color-mix(in oklch, var(--ok), var(--accent) 30%);--nz-changelog-fix:var(--warn)}
.nz-changelog__grid{width:100%;max-width:1040px;margin:0 auto;padding:28px clamp(20px,3vw,40px) 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,170px);gap:clamp(20px,3vw,40px)}
.nz-changelog__main{display:flex;flex-direction:column;gap:28px;min-width:0}
.nz-changelog__head{display:flex;flex-direction:column;gap:14px}
.nz-changelog__title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nz-changelog__title{margin:0;font-size:26px;font-weight:600;letter-spacing:-.015em}
.nz-changelog__read{height:32px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-changelog__read:hover{background:var(--bg-active)}
.nz-changelog__read.is-read{color:var(--ok)}
.nz-changelog__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-changelog__search{flex:1 1 200px;min-width:160px;height:34px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:13px;outline:none}
.nz-changelog__search::placeholder{color:color-mix(in oklch, var(--line), var(--muted) 67%)}
.nz-changelog__type{height:32px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:var(--text-4);font-size:12.5px;cursor:pointer;white-space:nowrap;--nz-changelog-c:var(--nz-changelog-new)}
.nz-changelog__type--imp{--nz-changelog-c:var(--nz-changelog-imp)}
.nz-changelog__type--fix{--nz-changelog-c:var(--nz-changelog-fix)}
.nz-changelog__type-dot{width:8px;height:8px;border-radius:2px;background:color-mix(in oklch, var(--line), var(--muted) 30%)}
.nz-changelog__type.is-on{border-color:color-mix(in oklch, var(--nz-changelog-c) 45%, transparent);background:color-mix(in oklch, var(--nz-changelog-c) 8%, transparent);color:color-mix(in oklch, var(--muted), var(--ink) 92%)}
.nz-changelog__type.is-on .nz-changelog__type-dot{background:var(--nz-changelog-c)}
.nz-changelog__release{display:flex;flex-direction:column;gap:16px;scroll-margin-top:20px}
.nz-changelog__release-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.nz-changelog__ver{font-family:var(--font-mono);font-size:13px;padding:2px 8px;border-radius:6px;background:color-mix(in oklch, var(--card), var(--line) 65%);color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-changelog__ver.is-fresh{background:color-mix(in oklch, var(--accent) 18%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%)}
.nz-changelog__date{font-size:13px;color:var(--muted);white-space:nowrap}
.nz-changelog__fresh{font-size:11px;font-weight:600;padding:1px 7px;border-radius:5px;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);white-space:nowrap}
.nz-changelog__release-title{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3;text-wrap:pretty}
.nz-changelog__hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-radius:14px;overflow:hidden;border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);background:color-mix(in oklch, var(--accent) 5%, transparent)}
.nz-changelog__shot{aspect-ratio:16/10;background:repeating-linear-gradient(135deg,var(--bg-hover) 0 10px,color-mix(in oklch, var(--card), var(--line) 6%) 10px 20px);display:grid;place-items:center;color:var(--text-4);font-family:var(--font-mono);font-size:11px}
.nz-changelog__hero-body{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px 22px}
.nz-changelog__hero-title{font-size:15px;font-weight:600;line-height:1.35}
.nz-changelog__hero-text{font-size:13px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 38%);text-wrap:pretty}
.nz-changelog__keys{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}
.nz-changelog__keys kbd{font-family:var(--font-mono);padding:1px 6px;border-radius:4px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 30%);background:var(--bg-raised);font-size:11.5px;color:color-mix(in oklch, var(--muted), var(--ink) 85%)}
.nz-changelog__try{align-self:flex-start;height:34px;padding:0 14px;display:flex;align-items:center;border-radius:8px;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:12.5px;font-weight:600;text-decoration:none}
.nz-changelog__try:hover{text-decoration:none;color:color-mix(in oklch, var(--main), var(--card) 75%);background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-changelog__items{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border);overflow:hidden}
.nz-changelog__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;align-items:baseline;padding:11px 14px;border-top:1px solid color-mix(in oklch, var(--card), var(--line) 65%);background:color-mix(in oklch, var(--main), var(--card) 50%)}
.nz-changelog__item:first-child{border-top-color:transparent}
.nz-changelog__item-type{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--nz-changelog-c);white-space:nowrap;--nz-changelog-c:var(--nz-changelog-new)}
.nz-changelog__item-type--imp{--nz-changelog-c:var(--nz-changelog-imp)}
.nz-changelog__item-type--fix{--nz-changelog-c:var(--nz-changelog-fix)}
.nz-changelog__item-type>span:first-child{width:7px;height:7px;border-radius:2px;background:var(--nz-changelog-c)}
.nz-changelog__item-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.nz-changelog__item-text{font-size:13.5px;line-height:1.45;text-wrap:pretty}
.nz-changelog__from{align-self:flex-start;font-size:11.5px;color:color-mix(in oklch, var(--on-accent), var(--accent) 97%)}
.nz-changelog__tool{grid-column:2;justify-self:start;font-size:11.5px;padding:1px 8px;border-radius:5px;background:color-mix(in oklch, var(--card), var(--line) 65%);color:color-mix(in oklch, var(--muted), var(--ink) 46%);white-space:nowrap;text-decoration:none}
.nz-changelog__tool:hover{background:color-mix(in oklch, var(--line), var(--muted) 2%);text-decoration:none;color:var(--ink)}
.nz-changelog__empty{padding:30px 0;font-size:13px;color:var(--text-3)}
.nz-changelog__toc{position:sticky;top:28px;align-self:start;display:flex;flex-direction:column;gap:2px;padding-top:110px}
.nz-changelog__toc-label{padding:0 10px 8px}
.nz-changelog__toc a:not(.nz-changelog__idea){display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:7px;color:color-mix(in oklch, var(--muted), var(--ink) 38%);font-size:12.5px;text-decoration:none}
.nz-changelog__toc a:not(.nz-changelog__idea):hover{background:var(--bg-raised);color:var(--ink);text-decoration:none}
.nz-changelog__toc-date{font-size:11.5px;color:var(--text-4)}
.nz-changelog__idea{margin-top:14px;padding:10px;border-radius:9px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 12%);font-size:12px;line-height:1.45;color:color-mix(in oklch, var(--muted), var(--ink) 23%);text-decoration:none;white-space:normal}
.nz-changelog__idea:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent);text-decoration:none;color:color-mix(in oklch, var(--muted), var(--ink) 85%)}
.nz-changelog__idea span{color:var(--accent)}

/* ===== Wtyczka CRM (podgląd, przepisane z makiety) ===== */
/* ===== Wtyczka CRM (podgląd) ===== */
/* Tło udaje stronę CRM-u - obcego systemu, który nie zna naszych motywów,
   więc jego kolor jest stały we wszystkich motywach. Panel wtyczki idzie za motywem. */
:root,[data-theme]{--nz-crm-page:oklch(0.93 0.004 260);--nz-crm-info:oklch(0.86 0.08 200)}
/* Awatar ostatniej pracy: barwa spoza motywu, w jasnych motywach przyciemniona. */
[data-theme="jasny"],[data-theme="bezowy"],[data-theme="zielony"],[data-theme="rozowy"]{--nz-crm-info:oklch(0.48 0.09 200)}
.nz-crm-tone--success{--tone:var(--ok)}
.nz-crm-tone--warning{--tone:var(--warn)}
.nz-crm-tone--danger{--tone:var(--err)}
.nz-crm{display:flex;flex-direction:column}
.nz-crm__stage{min-height:calc(100vh - 140px);display:flex;justify-content:center;align-items:flex-start;padding:32px 16px;border-radius:14px;background:var(--nz-crm-page)}
.nz-crm__panel{width:400px;max-width:100%;height:780px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--main);border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);box-shadow:var(--shadow-modal)}
.nz-crm__head{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px}
.nz-crm__logo{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:color-mix(in oklch, var(--accent) 18%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);display:grid;place-items:center;font-size:14px;font-weight:600}
.nz-crm__who{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.nz-crm__name{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-crm__domain{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-crm__head-btn{width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 8%);font-size:15px;cursor:pointer}
.nz-crm__head-btn:hover{background:color-mix(in oklch, var(--card), var(--line) 53%);color:var(--ink)}
.nz-crm__head-btn.is-on{background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--ink)}
.nz-crm__tabs{flex-shrink:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0 12px;padding:3px;border-radius:10px;background:var(--bg)}
.nz-crm__tab{height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:13px;font-weight:400;cursor:pointer}
.nz-crm__tab.is-on{background:color-mix(in oklch, var(--card), var(--line) 65%);box-shadow:0 1px 2px oklch(0 0 0 / 0.3);color:var(--ink);font-weight:500}
.nz-crm__badge{min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:10.5px;font-weight:600;display:grid;place-items:center}
.nz-crm__sub{flex-shrink:0;display:flex;align-items:center;gap:8px;margin:0 12px;padding:4px 4px 4px 0}
.nz-crm__back{height:32px;padding:0 10px;border-radius:8px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 38%);font-size:13px;cursor:pointer}
.nz-crm__back:hover{background:var(--bg-active)}
.nz-crm__sub-title{font-size:14px;font-weight:600}
.nz-crm__body{flex:1;min-height:0;overflow-y:auto;padding:16px 16px 24px;display:flex;flex-direction:column;gap:18px}
.nz-crm__view{display:flex;flex-direction:column;gap:18px}
.nz-crm__group{display:flex;flex-direction:column;gap:8px}
.nz-crm__label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.nz-crm__label--split{display:flex;justify-content:space-between;align-items:center}
.nz-crm__label--split>span:last-child{letter-spacing:0;text-transform:none}
.nz-crm__note{font-size:12px;line-height:1.45;color:var(--text-3)}
.nz-crm__access{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.nz-crm__access-btn{height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:color-mix(in oklch, var(--card), var(--line) 6%);color:color-mix(in oklch, var(--muted), var(--ink) 92%);cursor:pointer}
.nz-crm__access-btn:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-crm__access-btn span{font-size:11px;color:var(--text-3)}
.nz-crm__access-btn b{font-size:13px;font-weight:500}
.nz-crm__contact{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line)}
.nz-crm__avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}
.nz-crm__avatar--warn{background:color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 20%, transparent);color:color-mix(in oklch, var(--warn), var(--ink) 27%)}
.nz-crm__avatar--sm{width:26px;height:26px;font-size:10.5px;background:color-mix(in oklch, var(--nz-crm-info) 20%, transparent);color:var(--nz-crm-info)}
.nz-crm__contact-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.nz-crm__contact-text b{font-size:13px;font-weight:500}
.nz-crm__contact-text span{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-crm__teams{height:32px;padding:0 11px;display:flex;align-items:center;border-radius:8px;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:12.5px;font-weight:500;text-decoration:none}
.nz-crm__teams:hover{text-decoration:none;color:color-mix(in oklch, var(--main), var(--card) 75%);background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-crm__rows{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--line);overflow:hidden}
.nz-crm__rows.is-dimmed{opacity:.45}
.nz-crm__rows>*+*{border-top:1px solid color-mix(in oklch, var(--card), var(--line) 76%)}
.nz-crm__card-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left;cursor:copy;white-space:normal}
.nz-crm__card-row:hover{background:var(--bg-raised)}
.nz-crm__card-row.is-copied{background:color-mix(in oklch, var(--ok) 8%, transparent)}
.nz-crm__card-key{font-size:12.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-crm__card-value{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-crm__card-meta{font-size:11.5px;color:var(--text-3);white-space:nowrap}
.nz-crm__card-row.is-copied .nz-crm__card-meta{color:var(--ok)}
.nz-crm__box{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:color-mix(in oklch, var(--card), var(--line) 6%);border:1px solid var(--line)}
.nz-crm__fresh{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ok)}
.nz-crm__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.nz-crm__stats div{display:flex;flex-direction:column;gap:2px}
.nz-crm__stats b{font-size:20px;font-weight:600;letter-spacing:-.01em}
.nz-crm__stats span{font-size:11.5px;color:var(--muted)}
.nz-crm__last{display:flex;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.nz-crm__last-text{display:flex;flex-direction:column;gap:2px;font-size:12.5px;line-height:1.45}
.nz-crm__last-text b{font-weight:500}
.nz-crm__last-when{color:var(--text-3)}
.nz-crm__last-what{color:color-mix(in oklch, var(--muted), var(--ink) 46%);text-wrap:pretty}
.nz-crm__quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.nz-crm__quick-link{height:34px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--main);color:color-mix(in oklch, var(--muted), var(--ink) 85%);font-size:12.5px;text-decoration:none}
.nz-crm__quick-link:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent);color:var(--ink);text-decoration:none}
.nz-crm__quick-link span{font-size:10.5px;color:var(--text-4)}
.nz-crm__drop{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 12px;border-radius:12px;border:1.5px dashed color-mix(in oklch, var(--line), var(--muted) 12%);text-align:center}
.nz-crm__drop-keys{display:flex;align-items:center;gap:6px;font-size:13px}
.nz-crm__kbd{padding:3px 8px;border-radius:6px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 30%);border-bottom-width:2px;background:var(--bg-active);font-family:var(--font-mono);font-size:12px}
.nz-crm__plus{color:var(--text-4)}
.nz-crm__click{padding:3px 8px;border-radius:6px;background:var(--bg-active);font-size:12px}
.nz-crm__drop-text{font-size:13px;line-height:1.5;color:var(--text-2);max-width:280px;text-wrap:pretty}
.nz-crm__take{height:36px;padding:0 14px;border-radius:9px;border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%);font-size:13px;font-weight:500;cursor:pointer}
.nz-crm__take:hover{background:color-mix(in oklch, var(--accent) 18%, transparent)}
.nz-crm__clear{border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 15%);font-size:12px;letter-spacing:0;text-transform:none;cursor:pointer;padding:2px 4px}
.nz-crm__clear:hover{color:color-mix(in oklch, var(--err), var(--ink) 24%)}
.nz-crm__clear--plain{padding:0}
.nz-crm__clear--plain:hover{color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-crm__url{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px}
.nz-crm__url-text{flex:1;min-width:0;display:flex;font-family:var(--font-mono);font-size:12.5px;white-space:nowrap;overflow:hidden}
.nz-crm__url-host{color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-crm__url-path{overflow:hidden;text-overflow:ellipsis}
.nz-crm__remove{width:30px;height:30px;flex-shrink:0;border-radius:7px;border:0;background:transparent;color:var(--text-4);font-size:15px;cursor:pointer}
.nz-crm__remove:hover{background:color-mix(in oklch, var(--err) 14%, transparent);color:color-mix(in oklch, var(--err), var(--ink) 24%)}
.nz-crm__take-more{height:34px;border-radius:9px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 16%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 38%);font-size:12.5px;cursor:pointer}
.nz-crm__take-more:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent);color:var(--ink)}
.nz-crm__check-wrap{display:flex;flex-direction:column;gap:6px}
.nz-crm__check{height:44px;border-radius:10px;border:0;background:color-mix(in oklch, var(--card), var(--line) 65%);color:color-mix(in oklch, var(--line), var(--muted) 65%);font-size:14px;font-weight:600;cursor:not-allowed}
.nz-crm__check.is-ready{background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);cursor:pointer}
.nz-crm__check-note{font-size:11.5px;line-height:1.45;color:var(--text-4);text-align:center}
.nz-crm__intro{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 12px;text-align:center}
.nz-crm__intro b{font-size:14px;font-weight:500}
.nz-crm__intro span{font-size:13px;line-height:1.5;color:color-mix(in oklch, var(--muted), var(--ink) 8%);max-width:260px}
.nz-crm__load{height:40px;padding:0 18px;border-radius:10px;border:0;background:var(--accent);color:color-mix(in oklch, var(--main), var(--card) 75%);font-size:13.5px;font-weight:600;cursor:pointer}
.nz-crm__load:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-crm__loading{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;background:color-mix(in oklch, var(--card), var(--line) 6%);font-size:13px;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-crm__spinner{width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in oklch, var(--accent) 30%, transparent);border-top-color:var(--accent);animation:nz-spin .8s linear infinite;display:inline-block}
.nz-crm__error{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:color-mix(in oklch, var(--err) 10%, transparent);border:1px solid color-mix(in oklch, var(--err) 35%, transparent)}
.nz-crm__error b{font-size:13.5px;font-weight:500;color:color-mix(in oklch, var(--err), var(--ink) 52%)}
.nz-crm__error span{font-size:12.5px;line-height:1.45;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-crm__retry{align-self:flex-start;height:32px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--err) 50%, transparent);background:transparent;color:color-mix(in oklch, var(--err), var(--ink) 71%);font-size:12.5px;cursor:pointer}
.nz-crm__article{display:flex;align-items:center;gap:10px;padding:10px 12px}
.nz-crm__article-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--tone)}
.nz-crm__article-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.nz-crm__article-text>span:first-child{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-crm__article-path{font-family:var(--font-mono);font-size:11px;color:var(--text-4)}
.nz-crm__article-status{font-size:11.5px;color:var(--tone);white-space:nowrap}
.nz-crm__setting{display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:normal}
.nz-crm__setting:hover{background:var(--bg-raised)}
.nz-crm__setting-text{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px}
.nz-crm__setting-desc{font-size:11.5px;line-height:1.4;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-crm__switch{width:36px;height:20px;flex-shrink:0;border-radius:10px;background:color-mix(in oklch, var(--line), var(--muted) 16%);padding:2px;display:flex;justify-content:flex-start;transition:background .15s}
.nz-crm__switch.is-on{background:var(--ok);justify-content:flex-end}
.nz-crm__switch span{width:16px;height:16px;border-radius:50%;background:var(--ink)}
.nz-crm__help{display:flex;flex-direction:column;gap:6px}
.nz-crm__help-item{display:flex;flex-direction:column;border-radius:12px;border:1px solid color-mix(in oklch, var(--card), var(--line) 76%);background:transparent;overflow:hidden}
.nz-crm__help-item.is-open{border-color:color-mix(in oklch, var(--line), var(--muted) 7%);background:color-mix(in oklch, var(--card), var(--line) 6%)}
.nz-crm__help-toggle{display:flex;align-items:center;gap:10px;padding:12px 14px;border:0;background:transparent;color:inherit;text-align:left;font-size:13.5px;font-weight:500;cursor:pointer;white-space:normal}
.nz-crm__help-toggle>span:first-child{flex:1}
.nz-crm__help-caret{font-size:10px;color:var(--text-3);transition:transform .15s}
.nz-crm__help-item.is-open .nz-crm__help-caret{transform:rotate(90deg)}
.nz-crm__help-body{padding:0 14px 14px;font-size:13px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 54%);text-wrap:pretty}

/* ===== Treść na stronę (z tokenami wspólnymi dla treści) (podgląd, przepisane z makiety) ===== */
/* ===== Treść na stronę, okno na wierzchu, stylowanie (podgląd) — wspólne tokeny =====
   Papier: podgląd treści klienta ma wyglądać jak jego strona, więc jest jasny
   w każdym motywie. Link w podglądzie Google przyciemnia się w jasnych motywach. */
:root,[data-theme]{
  --nz-paper: oklch(0.985 0.004 90);
  --nz-paper-warm: oklch(0.985 0.006 85);
  --nz-paper-ink: oklch(0.24 0.012 292);
  --nz-paper-ink-warm: oklch(0.22 0.02 60);
  --nz-paper-line: oklch(0.75 0.01 292);
  --nz-paper-note: oklch(0.45 0.015 292);
  --nz-serp-link: oklch(0.80 0.09 270);
}
[data-theme="jasny"],[data-theme="bezowy"],[data-theme="zielony"],[data-theme="rozowy"]{--nz-serp-link: oklch(0.45 0.15 265)}
/* ===== Treść na stronę (podgląd: preview/tools/content) ===== */
/* Tony stanów: jeden kolor na element przez --tone */
.nz-tone--ok{--tone:var(--ok)}
.nz-tone--warn{--tone:var(--warn)}
.nz-tone--err{--tone:var(--err)}
.nz-tone--muted{--tone:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-tone--accent{--tone:var(--accent)}
.nz-tone--progress{--tone:color-mix(in oklch, var(--warn), var(--bg) 7%)}
.nz-main--content{padding:24px clamp(20px,3vw,40px) 48px}
.nz-content{display:flex;flex-direction:column;gap:20px}
.nz-content button{font-family:inherit;flex-shrink:0}
.nz-content a{white-space:nowrap}
.nz-content__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nz-content__crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.nz-content__crumbs a{color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-content__crumbs-here{color:var(--ink);font-weight:500}
.nz-content__hints{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}
.nz-content__hints>span{display:flex;gap:4px;align-items:center}
.nz-content__hint-label{margin-left:4px}
.nz-content__bar{position:sticky;top:-24px;z-index:20;margin:-24px calc(-1 * clamp(20px,3vw,40px)) 0;padding:12px clamp(20px,3vw,40px);display:flex;align-items:center;gap:8px;background:color-mix(in oklch, var(--main) 92%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);border-radius:18px 0 0 0}
.nz-content__bar-task{flex:1 1 auto;flex-shrink:1!important;min-width:0;height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--card);color:inherit;text-align:left;cursor:pointer}
.nz-content__bar-task:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-content__burger{display:flex;flex-direction:column;gap:2px;width:14px;flex-shrink:0}
.nz-content__burger span{height:1.5px;background:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-content__bar-text{display:flex;flex-direction:column;min-width:0;gap:1px}
.nz-content__bar-domain{font-size:11px;color:var(--text-3);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-content__bar-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-content__bar-count{margin-left:auto;flex-shrink:0;font-size:11.5px;padding:2px 8px;border-radius:6px;background:color-mix(in oklch, var(--card), var(--line) 65%);color:color-mix(in oklch, var(--muted), var(--ink) 54%);white-space:nowrap}
.nz-content__bar-step{width:42px;height:42px;flex-shrink:0;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:13px;cursor:pointer}
.nz-content__bar-step:hover{background:var(--bg-active)}
.nz-content__scrim{position:fixed;inset:0;z-index:40;background:color-mix(in oklch, var(--bg) 55%, transparent);backdrop-filter:blur(2px)}
.nz-content__layout{display:flex;gap:20px;align-items:flex-start;flex-wrap:nowrap}
.nz-content__panel{flex:0 0 300px;min-width:0;display:flex;flex-direction:column;gap:12px;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}
.nz-content__panel.is-narrow{position:fixed;top:0;bottom:0;left:0;z-index:50;width:min(360px,90vw);max-height:none;overflow-y:auto;padding:20px 16px 28px;background:var(--main);border-right:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);border-radius:0 16px 16px 0;box-shadow:none;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s;visibility:hidden}
.nz-content__panel.is-narrow.is-open{transform:translateX(0);box-shadow:24px 0 60px -12px oklch(0 0 0 / 0.7);visibility:visible}
.nz-content__drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
.nz-content__drawer-head span{font-size:15px;font-weight:600;white-space:nowrap}
.nz-content__drawer-head button{width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 23%);font-size:15px;cursor:pointer}
.nz-content__drawer-head button:hover{background:var(--bg-active)}
.nz-content__panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.nz-content__panel-title{margin:0;font-size:13px;font-weight:500;color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-content__switch{display:flex;padding:2px;border-radius:8px;background:color-mix(in oklch, var(--card), var(--line) 24%);border:1px solid var(--border)}
.nz-content__switch button{border:0;padding:4px 10px;border-radius:6px;font-size:12px;cursor:pointer;background:transparent;color:var(--muted)}
.nz-content__switch button.is-on{background:color-mix(in oklch, var(--line), var(--muted) 2%);color:var(--ink)}
.nz-content__search{width:100%;height:36px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:13px;font-family:inherit;outline:none}
.nz-content__search:focus{border-color:var(--accent)}
.nz-content__filters{display:flex;flex-wrap:wrap;gap:4px}
.nz-content__pill{display:flex;gap:6px;align-items:center;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);padding:4px 9px;border-radius:999px;font-size:12px;cursor:pointer;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 23%)}
.nz-content__pill--wide{padding:4px 10px}
.nz-content__pill.is-on{background:color-mix(in oklch, var(--accent) 16%, transparent);border-color:color-mix(in oklch, var(--accent) 55%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%)}
.nz-content__pill-count{font-family:var(--font-mono);font-size:11px;opacity:.75}
.nz-content__queue{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card)}
.nz-content__group{display:flex;flex-direction:column;border-top:1px solid var(--border)}
.nz-content__group.is-first{border-top-color:transparent}
.nz-content__group-head{display:flex;justify-content:space-between;gap:8px;padding:10px 12px 4px;font-size:11.5px;font-family:var(--font-mono);color:var(--text-3)}
.nz-content__group-head span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-content__group-head span:last-child{flex-shrink:0}
.nz-content__task{white-space:normal;display:flex;flex-direction:column;gap:4px;padding:8px 12px 10px;border:0;border-left:2px solid transparent;background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-content__task:hover{background:var(--bg-active)}
.nz-content__task.is-active{background:color-mix(in oklch, var(--card), var(--line) 59%);border-left-color:var(--accent)}
.nz-content__task-title{font-size:13px;font-weight:500;line-height:1.35;text-wrap:pretty}
.nz-content__task-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-content__dot{width:6px;height:6px;border-radius:50%;background:var(--tone,currentColor);flex-shrink:0}
.nz-content__dot--sm{width:5px;height:5px}
.nz-content__empty{padding:18px 14px;font-size:13px;line-height:1.5;color:var(--muted)}
.nz-content__work{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}
.nz-content__card{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.nz-content__card--fields{gap:16px}
.nz-content__task-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.nz-content__task-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 320px}
.nz-content__task-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}
.nz-content__domain{padding:3px 8px;border-radius:6px;border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);background:color-mix(in oklch, var(--accent) 12%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);font-family:var(--font-mono);white-space:nowrap}
.nz-content__status{display:flex;align-items:center;gap:6px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-content__date{color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-content__h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3;text-wrap:pretty}
.nz-content__actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.nz-content__link{display:inline-flex;align-items:center;height:32px;padding:0 10px;font-size:13px;color:var(--text-2)}
.nz-content__btn{height:32px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;cursor:pointer}
.nz-content__btn:hover{background:var(--bg-active)}
.nz-content__btn.is-on{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:color-mix(in oklch, var(--accent) 12%, transparent)}
.nz-content__btn--remove:hover{color:color-mix(in oklch, var(--err), var(--ink) 48%)}
.nz-content__btn--sm{height:28px;padding:0 10px;border-radius:7px;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12px}
.nz-content__btn--tall{height:38px;padding:0 10px;font-size:12.5px}
.nz-content__btn--icon{width:32px;padding:0}
.nz-content__primary{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:8px;border:0;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:500;cursor:pointer}
.nz-content__primary:hover{background:color-mix(in oklch, var(--accent), var(--accent-text) 83%)}
.nz-content__primary.is-locked{opacity:.45;cursor:not-allowed}
.nz-content__primary-key{font-family:var(--font-mono);font-size:11px;opacity:.65}
/* „Styluj" stoi obok „Generuj" i NIE jest dzialaniem glownym: tamto konczy
   prace nad trescia, to otwiera dobieranie wygladu. Stad ramka zamiast tla. */
.nz-content__style{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;font-family:inherit;cursor:pointer}
.nz-content__style:hover{border-color:color-mix(in oklch, var(--accent) 55%, transparent);color:var(--ink)}
.nz-content__style-mark{font-weight:600;font-size:14px;letter-spacing:-.02em;color:color-mix(in oklch, var(--muted), var(--ink) 45%)}
.nz-content__style:hover .nz-content__style-mark{color:var(--accent)}
.nz-content__checks{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border)}
.nz-content__checks-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nz-content__checks-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.nz-content__checks-title>span:first-child{font-size:13px;font-weight:600}
.nz-content__checks-summary{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 23%)}
.nz-content__checks-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nz-content__checks-when{font-size:11.5px;color:var(--text-4)}
.nz-content__underline{border:0;background:transparent;padding:0;font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 15%);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.nz-content__bar-segments{display:flex;gap:2px;height:4px}
.nz-content__bar-segments span{flex:1;border-radius:2px;background:var(--tone)}
.nz-content__chk-filters{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nz-content__mark-ok{height:28px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--ok) 50%, transparent);background:color-mix(in oklch, var(--ok) 8%, transparent);color:color-mix(in oklch, var(--ok), var(--ink) 50%);font-size:12px;cursor:pointer}
.nz-content__mark-ok:hover{background:color-mix(in oklch, var(--ok) 16%, transparent)}
.nz-content__pages{display:flex;flex-direction:column;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);border-radius:10px;overflow:hidden;overflow-y:auto}
.nz-content__pages.is-many{max-height:460px}
.nz-content__page{display:flex;flex-direction:column;border-top:1px solid var(--border);background:transparent}
.nz-content__page.is-first{border-top-color:transparent}
.nz-content__page.is-current{background:var(--bg-hover)}
.nz-content__page-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px}
.nz-content__page-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--tone);color:var(--on-accent)}
.nz-content__page-icon.is-quiet{background:var(--border);color:var(--muted)}
.nz-content__page-main{display:flex;flex-direction:column;gap:3px;min-width:0;border:0;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer;flex-shrink:1!important}
.nz-content__page-name{display:flex;align-items:baseline;gap:8px;min-width:0}
.nz-content__page-name .nz-content__ellipsis{font-size:13px;font-weight:500}
.nz-content__num{font-family:var(--font-mono);font-size:11px;color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-content__ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nz-content__editing{font-size:10.5px;padding:1px 6px;border-radius:4px;background:color-mix(in oklch, var(--accent) 16%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}
.nz-content__page-sub{display:flex;gap:8px;min-width:0;font-size:11.5px}
.nz-content__path{font-family:var(--font-mono);color:var(--text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-content__path--dim{font-size:11px;color:color-mix(in oklch, var(--line), var(--muted) 77%)}
.nz-content__toned{color:var(--tone);white-space:nowrap}
.nz-content__page-checks{display:flex;gap:10px;align-items:center}
.nz-content__page-checks>span{display:flex;gap:4px;align-items:center;font-size:11.5px}
.nz-content__page-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;min-width:150px}
.nz-content__page-action{height:28px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:12px;cursor:pointer;white-space:nowrap}
.nz-content__page-action:hover{background:color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-content__page-action.is-primary{border-color:color-mix(in oklch, var(--accent) 55%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%)}
.nz-content__extra .nz-content__page-action{color:color-mix(in oklch, var(--muted), var(--ink) 62%)}
.nz-content__extra .nz-content__page-action.is-primary{background:color-mix(in oklch, var(--accent) 12%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%)}
.nz-content__extra .nz-content__page-action.is-primary:hover{background:color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-content__page-open{width:28px;height:28px;border-radius:7px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.nz-content__page-open:hover{background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--ink)}
.nz-content__page-more{display:flex;flex-direction:column;gap:10px;padding:0 12px 14px 46px}
.nz-content__insight{font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--muted), var(--ink) 54%);text-wrap:pretty}
.nz-content__diffs{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1fr) 64px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);border-radius:8px;overflow:hidden;font-size:12.5px}
.nz-content__diffs-head{padding:7px 10px;background:color-mix(in oklch, var(--main), var(--card) 25%)}
.nz-content__diffs-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-content__diffs-row{display:contents}
.nz-content__diffs-row>span{padding:8px 10px;border-top:1px solid var(--border)}
.nz-content__diffs-kind{font-size:11.5px;color:var(--muted)}
.nz-content__diffs-doc{line-height:1.45;color:color-mix(in oklch, var(--muted), var(--ink) 85%)}
.nz-content__diffs-site{line-height:1.45;color:var(--tone)}
.nz-content__diffs-site.is-missing{font-style:italic}
.nz-content__diffs-row>.nz-content__diffs-copy{padding:5px 6px;display:flex;justify-content:flex-end;align-items:flex-start}
.nz-content__diffs-copy button{height:24px;padding:0 8px;border-radius:6px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 54%);font-size:11.5px;cursor:pointer}
.nz-content__diffs-copy button:hover{background:color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-content__extra{display:flex;gap:6px;flex-wrap:wrap}
.nz-content__show-all{display:flex;justify-content:center;gap:8px;padding:10px 12px;border:0;border-top:1px solid var(--border);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 15%);font-size:12.5px;cursor:pointer}
.nz-content__show-all:hover{background:var(--bg-hover);color:var(--ink)}
.nz-content__pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--border)}
.nz-content__pager-arrows{display:flex;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);overflow:hidden}
.nz-content__pager-arrows button{width:32px;height:32px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);cursor:pointer;font-size:14px}
.nz-content__pager-arrows button+button{border-left:1px solid color-mix(in oklch, var(--line), var(--muted) 12%)}
.nz-content__pager-arrows button:hover{background:color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-content__done-summary{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-content__done-summary.is-all{color:var(--ok)}
.nz-content__spacer{flex:1}
.nz-content__pager-keys{display:flex;gap:4px;align-items:center;font-size:11.5px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-content__strip{flex-basis:100%;min-width:0;position:relative;display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scroll-padding-left:40px}
.nz-content__dot-card{flex:0 0 232px;scroll-snap-align:start;display:flex;align-items:stretch;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--main);cursor:pointer;min-width:0;overflow:hidden}
.nz-content__dot-card:hover{border-color:color-mix(in oklch, var(--accent) 50%, transparent)}
.nz-content__dot-card.is-current{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 10%, transparent)}
.nz-content__done-strip{width:48px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-right:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:color-mix(in oklch, var(--card), var(--line) 6%);cursor:pointer;padding:0}
.nz-content__done-strip:hover{background:color-mix(in oklch, var(--ok) 14%, transparent)}
.nz-content__dot-card.is-done .nz-content__done-strip{background:color-mix(in oklch, var(--ok) 12%, transparent)}
.nz-content__dot-card.is-done .nz-done-box,.nz-content__compact-done.is-done .nz-done-box,.nz-content__picker-row.is-done .nz-done-box{background:var(--success);border-color:var(--success);color:var(--on-accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--ok) 18%, transparent)}
.nz-content__dot-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;padding:9px 10px}
.nz-content__dot-name{display:flex;gap:6px;align-items:baseline;min-width:0}
.nz-content__dot-name .nz-content__ellipsis{font-size:12.5px;font-weight:500;color:var(--ink)}
.nz-content__dot-card.is-done .nz-content__dot-name .nz-content__ellipsis{color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-content__dot-status{display:flex;align-items:center;gap:5px;font-size:11px}
.nz-content__compact{flex-basis:100%;display:flex;flex-direction:column;gap:8px;position:relative}
.nz-content__compact-row{display:flex;gap:8px;align-items:stretch}
.nz-content__compact-done{width:52px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:color-mix(in oklch, var(--card), var(--line) 6%);cursor:pointer}
.nz-content__compact-done.is-done{background:color-mix(in oklch, var(--ok) 12%, transparent)}
.nz-content__compact-done:hover{background:color-mix(in oklch, var(--ok) 14%, transparent)}
.nz-content__compact-pick{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:9px;border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent);color:inherit;text-align:left;cursor:pointer}
.nz-content__compact-pick:hover{background:color-mix(in oklch, var(--accent) 14%, transparent)}
.nz-content__compact-num{font-family:var(--font-mono);font-size:12px;color:var(--muted)}
.nz-content__compact-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.nz-content__compact-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-content__compact-change{font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 38%);white-space:nowrap}
.nz-content__meter--done{height:4px!important}
.nz-content__picker{position:absolute;top:56px;left:60px;right:0;z-index:20;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:var(--bg-hover);box-shadow:var(--shadow-pop)}
.nz-content__picker-list{display:flex;flex-direction:column;max-height:340px;overflow-y:auto;border-radius:8px}
.nz-content__picker-row{display:flex;align-items:stretch;border-radius:8px}
.nz-content__picker-row:hover{background:color-mix(in oklch, var(--card), var(--line) 76%)}
.nz-content__picker-row.is-current{background:color-mix(in oklch, var(--accent) 12%, transparent)}
.nz-content__picker-done{width:44px;flex-shrink:0;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;border-radius:8px}
.nz-content__picker-done:hover{background:color-mix(in oklch, var(--ok) 14%, transparent)}
.nz-done-box--sm{width:20px;height:20px;border-radius:6px;font-size:12px;box-shadow:none}
.nz-content__picker-pick{flex:1;min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 10px 7px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-content__picker-text{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:13px}
.nz-content__picker-empty{padding:14px;font-size:12.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-content__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.nz-content__field{display:flex;flex-direction:column;gap:6px}
.nz-content__label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nz-content__label-note{text-transform:none;letter-spacing:0;color:var(--text-4)}
.nz-content__label-note--mono{font-family:var(--font-mono)}
.nz-content__counter{font-family:var(--font-mono);letter-spacing:0}
.nz-content__url-row{display:flex;gap:6px}
.nz-content__input{height:38px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:var(--field);color:var(--ink);font-size:13.5px;font-family:inherit;outline:none;min-width:0}
.nz-content__input:focus{border-color:var(--accent)}
.nz-content__url-row .nz-content__input{flex:1}
.nz-content__input--mono{font-size:13px;font-family:var(--font-mono)}
.nz-content__input--mono:focus{border-color:color-mix(in oklch, var(--line), var(--muted) 12%)}
.nz-content__input--mono.is-bad{border-color:color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 60%, transparent)}
.nz-content__input--mono.is-ok{border-color:color-mix(in oklch, var(--ok) 50%, transparent)}
.nz-content__input--h1{font-weight:500;border-color:color-mix(in oklch, var(--accent) 50%, transparent)}
.nz-content__square{width:38px;height:38px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);cursor:pointer}
.nz-content__square:hover{background:var(--bg-active)}
.nz-content__meter{height:3px;border-radius:2px;background:var(--border);overflow:hidden}
.nz-content__meter>div{height:100%;background:var(--tone)}
.nz-content__url-warn{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:9px;background:color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 8%, transparent);border:1px solid color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 30%, transparent);font-size:13px;line-height:1.5;color:color-mix(in oklch, var(--warn), var(--ink) 64%)}
.nz-content__url-warn span{flex:1 1 300px;text-wrap:pretty}
.nz-content__url-warn button{height:30px;padding:0 12px;border-radius:7px;border:1px solid color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 50%, transparent);background:transparent;color:color-mix(in oklch, var(--warn), var(--ink) 64%);font-size:12.5px;cursor:pointer;font-family:var(--font-mono)}
.nz-content__url-warn button:hover{background:color-mix(in oklch, color-mix(in oklch, var(--warn), var(--bg) 7%) 12%, transparent)}
.nz-content__url-ok{display:flex;gap:8px;align-items:center;font-size:12.5px;color:color-mix(in oklch, var(--ok), var(--ink) 25%)}
.nz-content__tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.nz-content__tabs{display:flex;padding:2px;border-radius:8px;background:var(--field);border:1px solid var(--border)}
.nz-content__tabs button{border:0;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-content__tabs button.is-on{background:color-mix(in oklch, var(--line), var(--muted) 2%);color:var(--ink)}
.nz-content__tool-buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.nz-content__sep{width:1px;height:20px;background:color-mix(in oklch, var(--line), var(--muted) 7%);margin:0 4px}
.nz-content__copy-parts{display:flex;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);overflow:hidden}
.nz-content__copy-parts button{height:30px;padding:0 10px;border:0;border-right:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 54%);font-size:12.5px;cursor:pointer}
.nz-content__copy-parts button:last-child{border-right-color:transparent}
.nz-content__copy-parts button:hover{background:var(--bg-active)}
.nz-content__summary{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-content__summary>span{display:flex;align-items:center;gap:6px}
.nz-content__tick{color:var(--ok)}
.nz-content__preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}
.nz-content__block{display:contents}
.nz-content__paper{padding:26px 28px;border-radius:10px;background:var(--nz-paper);color:var(--nz-paper-ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}
.nz-content__paper h1{margin:0 0 16px;font-size:27px;line-height:1.2}
.nz-content__paper h2{margin:24px 0 8px;font-size:20px;line-height:1.3}
.nz-content__paper h3{margin:22px 0 6px;font-size:17px}
.nz-content__paper p{margin:0 0 8px;font-size:15.5px}
.nz-content__paper ul{margin:6px 0 0;padding-left:22px;font-size:15.5px;display:flex;flex-direction:column;gap:4px}
.nz-content__paper--faq{padding:22px 24px;display:flex;flex-direction:column;gap:16px}
.nz-content__paper--faq h3{margin:0 0 4px;font-size:17px}
.nz-content__paper--faq p{margin:0;font-size:15px}
.nz-content__h1-note{margin:0 0 16px;padding:8px 10px;border:1px dashed var(--nz-paper-line);border-radius:6px;font-family:var(--font-sans);font-size:12.5px;color:var(--nz-paper-note)}
.nz-content__faq-col{display:flex;flex-direction:column;gap:8px}
.nz-content__faq-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nz-content__code{margin:0;padding:18px 20px;border-radius:10px;background:var(--bg);border:1px solid color-mix(in oklch, var(--card), var(--line) 65%);font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:color-mix(in oklch, var(--muted), var(--ink) 62%);white-space:pre-wrap;overflow:auto;max-height:560px}
.nz-content__none{flex:1 1 600px;padding:48px 24px;border-radius:12px;border:1px dashed color-mix(in oklch, var(--line), var(--muted) 7%);font-size:14px;color:color-mix(in oklch, var(--muted), var(--ink) 8%);text-align:center}

/* ===== Treść — okno na wierzchu (podgląd, przepisane z makiety) ===== */
/* Okno na wierzchu: tło „pulpitu" pod oknem (udaje CMS w tle) - stałe w każdym motywie. */
:root,[data-theme]{--nz-desk: oklch(0.30 0.01 150);--nz-desk-ink: oklch(0.92 0.01 150)}
/* ===== Treść — okno na wierzchu (podgląd: preview/tools/content-overlay) ===== */
.nz-window-body{background:var(--nz-desk)}
.nz-overlay-desk{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;gap:40px;padding:40px 24px;flex-wrap:wrap}
.nz-overlay-desk button{font-family:inherit}
.nz-ow{width:440px;height:760px;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--main);border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);box-shadow:var(--shadow-modal);transition:height .2s}
.nz-ow.is-mini{height:auto}
.nz-ow__chrome{height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--bg);font-size:12px;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-ow__chrome-icons{display:flex;gap:12px}
.nz-ow__head{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}
.nz-ow__head-row{display:flex;align-items:center;gap:8px}
.nz-ow__current{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:6px 8px;margin:-6px -8px;border-radius:8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-ow__current:hover{background:var(--bg-hover)}
.nz-ow__num{width:26px;height:26px;flex-shrink:0;border-radius:7px;display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;background:var(--bg-active);color:color-mix(in oklch, var(--muted), var(--ink) 19%)}
.nz-ow__num--sm{width:22px;height:22px;border-radius:6px;font-size:11px}
.nz-ow__num.is-current{background:color-mix(in oklch, var(--accent) 20%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 60%)}
.nz-ow__num.is-done{background:var(--ok);color:var(--on-accent)}
.nz-ow__current-text{display:flex;flex-direction:column;min-width:0;gap:1px}
.nz-ow__current-title{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-ow__current-path{font-family:var(--font-mono);font-size:11px;color:color-mix(in oklch, var(--line), var(--muted) 95%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-ow__arrow{margin-left:auto;font-size:11px;color:var(--text-3)}
.nz-ow__step{width:32px;height:32px;flex-shrink:0;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:14px;cursor:pointer}
.nz-ow__step:hover{background:var(--bg-active)}
.nz-ow__step.is-off{opacity:.35}
.nz-ow__progress{display:flex;align-items:center;gap:10px}
.nz-ow__segments{flex:1;display:grid;gap:3px}
.nz-ow__segment{height:6px;padding:0;border:0;border-radius:3px;background:color-mix(in oklch, var(--line), var(--muted) 7%);box-shadow:none;cursor:pointer}
.nz-ow__segment.is-current{background:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 35%, transparent)}
.nz-ow__segment.is-done{background:var(--ok)}
.nz-ow__done-text{font-size:11.5px;color:color-mix(in oklch, var(--muted), var(--ink) 8%);white-space:nowrap}
.nz-ow__list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:6px}
.nz-ow__row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-ow__row:hover{background:var(--bg-hover)}
.nz-ow__row.is-current{background:var(--bg-hover)}
.nz-ow__row-text{display:flex;flex-direction:column;min-width:0}
.nz-ow__row-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in oklch, var(--muted), var(--ink) 92%)}
.nz-ow__row.is-done .nz-ow__row-title{color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-ow__row-path{font-family:var(--font-mono);font-size:10.5px;color:var(--text-4)}
.nz-ow__body{display:contents}
.nz-ow__copies{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 14px 0}
.nz-ow__copy{height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--bg-hover);color:color-mix(in oklch, var(--muted), var(--ink) 92%);font-size:13px;font-weight:500;cursor:pointer}
.nz-ow__copy:hover{filter:brightness(1.12)}
.nz-ow__copy--wide{grid-column:1 / -1}
.nz-ow__copy--main{height:48px;font-weight:600;background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.nz-ow__copy.is-copied{background:color-mix(in oklch, var(--ok) 16%, transparent);border-color:color-mix(in oklch, var(--ok) 50%, transparent);color:var(--ok)}
.nz-ow__copy-label{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.nz-ow__copy-sub{font-size:11px;font-weight:400;opacity:.75}
.nz-ow__copy-keys{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:400;opacity:.8}
.nz-ow__keys{display:flex;gap:3px}
.nz-ow__keys kbd{padding:1px 5px;border-radius:4px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 30%);font-family:var(--font-mono);font-size:10.5px}
.nz-ow__copy--main:not(.is-copied) .nz-ow__keys kbd{border-color:color-mix(in oklch, var(--on-accent) 35%, transparent)}
.nz-ow__keys--current{opacity:.75;font-weight:400}
.nz-ow__keys--current kbd{border-color:currentColor}
.nz-ow__mini-gap{height:12px}
.nz-ow__full{display:contents}
.nz-ow__fields{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:12px 14px}
.nz-ow__field{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--field);color:inherit;text-align:left;cursor:pointer}
.nz-ow__field:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-ow__field.is-copied{border-color:color-mix(in oklch, var(--ok) 50%, transparent);background:color-mix(in oklch, var(--ok) 8%, transparent)}
.nz-ow__field-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-ow__field-value{font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nz-ow__field-meta{font-size:11px;font-family:var(--font-mono);color:var(--text-4);white-space:nowrap}
.nz-ow__field-meta.is-bad{color:var(--warn)}
.nz-ow__field.is-copied .nz-ow__field-meta,.nz-ow__field-meta.is-ok{color:var(--ok)}
.nz-ow__address{display:flex;gap:6px}
.nz-ow__field--address{flex:1;min-width:0}
.nz-ow__address-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-ow__address-value{font-size:12.5px;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-ow__changed{font-size:11px;color:var(--warn)}
.nz-ow__changed span{font-family:var(--font-mono);text-decoration:line-through}
.nz-ow__side-btn{width:38px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:15px;text-decoration:none;cursor:pointer}
.nz-ow__side-btn:hover{border-color:color-mix(in oklch, var(--accent) 70%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);text-decoration:none}
.nz-ow__edit{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:8px;border:1px solid color-mix(in oklch, var(--accent) 70%, transparent);background:color-mix(in oklch, var(--accent) 6%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent)}
.nz-ow__edit-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.nz-ow__edit input{height:34px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-size:12.5px;outline:none}
.nz-ow__edit-row{display:flex;align-items:center;gap:6px}
.nz-ow__edit-hint{font-size:11px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-ow__spacer{flex:1}
.nz-ow__reset{height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 15%);font-size:11.5px;cursor:pointer}
.nz-ow__reset:hover{color:var(--ink)}
.nz-ow__cancel{height:28px;padding:0 10px;border-radius:6px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12px;cursor:pointer}
.nz-ow__save{height:28px;padding:0 12px;border-radius:6px;border:0;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:500;cursor:pointer}
.nz-ow__preview{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--border)}
.nz-ow__tabs{display:flex;align-items:center;gap:4px;padding:8px 14px}
.nz-ow__tabs button{height:28px;padding:0 10px;border-radius:7px;border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer}
.nz-ow__tabs button.is-on{background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--ink)}
.nz-ow__stats{margin-left:auto;font-size:11px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-ow__paper{flex:1;min-height:0;overflow-y:auto;margin:0 8px;border-radius:10px 10px 0 0;background:var(--nz-paper-warm);padding:16px 18px;color:var(--nz-paper-ink-warm)}
.nz-ow__paper.is-code{background:var(--bg)}
.nz-ow__article{font-family:'Source Serif 4',Georgia,serif;display:flex;flex-direction:column;gap:10px}
.nz-ow__article div{line-height:1.35;text-wrap:pretty}
.nz-ow__code{margin:0;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;white-space:pre-wrap;color:color-mix(in oklch, var(--muted), var(--ink) 62%)}
.nz-ow__foot{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border);background:var(--field)}
.nz-ow__mini{height:38px;padding:0 10px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 38%);font-size:12px;cursor:pointer}
.nz-ow__mini:hover{background:var(--bg-active)}
.nz-ow__done{flex:1;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid color-mix(in oklch, var(--ok) 45%, transparent);background:color-mix(in oklch, var(--ok) 16%, transparent);color:var(--ok);font-size:13px;font-weight:500;cursor:pointer}
.nz-ow__done:hover{filter:brightness(1.1)}
.nz-ow__done.is-current-done{background:color-mix(in oklch, var(--ok) 12%, transparent)}
.nz-ow__done.is-all{background:var(--ok);border-color:var(--ok);color:color-mix(in oklch, var(--ok), var(--bg) 95%)}
.nz-ow-help{width:300px;display:flex;flex-direction:column;gap:14px;font-size:13px;line-height:1.55;color:var(--nz-desk-ink)}
.nz-ow-help__title{font-size:15px;font-weight:600}

/* ===== Stylowanie treści (podgląd, przepisane z makiety) ===== */
/* Stylowanie: miniatury tabel stoją na białej kartce jak na stronie klienta - w każdym motywie. */
:root,[data-theme]{--nz-paper-white: oklch(1 0 0)}
/* ===== Stylowanie treści (podgląd: preview/tools/content-style) ===== */
.nz-style-body{background:var(--bg)}
.nz-style{height:100vh;display:flex;flex-direction:column;background:var(--bg)}
.nz-style button,.nz-style input,.nz-style select{font-family:inherit}
.nz-style input[type=range]{accent-color:var(--accent);width:100%}
.nz-style input[type=color]{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;cursor:pointer}
.nz-style input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.nz-style input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}
.nz-style__head{flex-shrink:0;min-height:60px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:10px 16px 10px 20px}
.nz-style__back{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);color:color-mix(in oklch, var(--muted), var(--ink) 62%);text-decoration:none}
.nz-style__back:hover{background:var(--bg-active);text-decoration:none;color:color-mix(in oklch, var(--muted), var(--ink) 62%)}
.nz-style__title{display:flex;flex-direction:column;gap:1px;min-width:120px;flex:0 1 auto}
.nz-style__title-main{font-size:15px;font-weight:600;white-space:nowrap}
.nz-style__title-sub{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-style__faq-only{display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;height:38px;padding:0 6px 0 12px;border-radius:9px;border:1px solid color-mix(in oklch, var(--accent) 40%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent);font-size:12.5px;color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}
.nz-style__faq-only a{color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}
.nz-style__faq-only-note{color:color-mix(in oklch, var(--on-accent), var(--accent) 84%)}
.nz-style__faq-only button{height:26px;padding:0 8px;border-radius:6px;border:0;background:transparent;color:var(--accent);font-size:12px;cursor:pointer}
.nz-style__faq-only button:hover{background:color-mix(in oklch, var(--accent) 15%, transparent)}
.nz-style__preset{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;padding:4px 4px 4px 12px;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:color-mix(in oklch, var(--main), var(--card) 25%)}
.nz-style__preset-label{font-size:12px;color:var(--text-3)}
.nz-style__preset select{height:28px;padding:0 6px;border-radius:6px;border:0;background:var(--bg-active);color:color-mix(in oklch, var(--muted), var(--ink) 92%);font-size:12.5px}
.nz-style__pull{height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:6px;border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);font-size:12px;cursor:pointer}
.nz-style__pull:hover{background:color-mix(in oklch, var(--accent) 18%, transparent)}
.nz-style__pull.is-pulling{cursor:wait}
.nz-style__pull-icon{font-size:12px;line-height:1}
.nz-style__pull-icon.is-spinning{width:11px;height:11px;border-radius:50%;border:2px solid color-mix(in oklch, var(--accent) 30%, transparent);border-top-color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);animation:nz-spin .7s linear infinite}
/* Pole na adres: tylko gdy ekran nie zna serwisu. Wysokosc i promien jak
   u przycisku obok, zeby nie rozsadzalo rzedu. */
.nz-style__address{height:28px;min-width:0;flex:0 1 220px;padding:0 9px;border-radius:6px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);font-family:inherit;font-size:12px}
.nz-style__address:focus{outline:none;border-color:color-mix(in oklch, var(--accent) 55%, transparent)}
.nz-style__changes{display:contents}
.nz-style__changes-count{font-size:12px;color:var(--warn)}
.nz-style__changes button{height:28px;padding:0 10px;border-radius:6px;border:0;background:transparent;color:var(--accent);font-size:12px;cursor:pointer}
.nz-style__changes button:hover{background:var(--bg-active)}
.nz-style__no-changes{font-size:12px;padding-right:8px;color:var(--text-4)}
.nz-style__actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nz-style__btn{height:34px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-style__btn:hover{background:var(--bg-active)}
.nz-style__btn.is-copied{background:color-mix(in oklch, var(--ok) 16%, transparent);border-color:color-mix(in oklch, var(--ok) 50%, transparent);color:var(--ok)}
.nz-style__btn--sm{height:28px;padding:0 10px;border-radius:7px;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12px}
.nz-style__btn--add{height:32px}
.nz-style__copy-all{height:34px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:8px;border:0;background:var(--accent);color:var(--on-accent);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.nz-style__copy-all.is-copied{background:var(--ok)}
.nz-style__keys{display:flex;gap:3px;opacity:.75}
.nz-style__keys kbd{padding:0 4px;border-radius:4px;border:1px solid color-mix(in oklch, var(--on-accent) 35%, transparent);font-family:var(--font-mono);font-size:10px}
.nz-style__frame{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);margin:0 8px;border-radius:18px 18px 0 0;border:1px solid var(--border);border-bottom:0;background:var(--main);box-shadow:0 -1px 0 oklch(1 0 0 / 0.04),0 -18px 44px -18px oklch(0 0 0 / 0.8);overflow:hidden}
.nz-style__side{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}
.nz-style__nav{flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:12px 10px;border-bottom:1px solid var(--border)}
.nz-style__nav button{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:0;background:transparent;box-shadow:none;color:color-mix(in oklch, var(--muted), var(--ink) 38%);font-size:13px;text-align:left;cursor:pointer}
.nz-style__nav button:hover{background:var(--bg-hover);color:var(--ink)}
.nz-style__nav button.is-on{background:var(--bg-active);box-shadow:inset 2px 0 0 var(--accent);color:var(--ink)}
.nz-style__nav-label{flex:1}
.nz-style__nav-changed{font-family:var(--font-mono);font-size:10.5px;padding:1px 6px;border-radius:4px;background:color-mix(in oklch, var(--warn) 14%, transparent);color:var(--warn)}
.nz-style__nav-html{font-size:10.5px;color:var(--text-3)}
.nz-style__panel{flex:1;min-height:0;overflow-y:auto;padding:16px 16px 40px;display:flex;flex-direction:column;gap:18px}
.nz-style__panel>*,.nz-style__panel>*>*{flex-shrink:0}
.nz-style__hint{font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--line), var(--muted) 95%);text-wrap:pretty}
.nz-style__group{display:flex;flex-direction:column;gap:18px}
.nz-style__group>*{flex-shrink:0}
.nz-style__field{display:flex;flex-direction:column;gap:6px}
.nz-style__field-label{font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-style__input{height:34px;padding:0 12px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-size:13px;outline:none}
.nz-style__input--mono{font-family:var(--font-mono);font-size:12.5px}
.nz-style__two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nz-style__seg{display:flex;padding:2px;border-radius:8px;background:var(--field);border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%)}
.nz-style__seg button{height:28px;border-radius:6px;border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer;padding:0 10px}
.nz-style__seg button.is-on{background:var(--border);color:var(--ink)}
.nz-style__seg .nz-style__seg-mono{flex:1;padding:0;font-family:var(--font-mono);font-size:12px}
.nz-style__seg--bar{align-items:center}
.nz-style__radio{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:9px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:normal}
.nz-style__radio.is-on{border-color:color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 7%, transparent)}
.nz-style__radio-dot{width:16px;height:16px;margin-top:1px;flex-shrink:0;border-radius:50%;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 42%);box-shadow:inset 0 0 0 3px var(--main);background:transparent}
.nz-style__radio.is-on .nz-style__radio-dot{border-color:var(--accent);background:var(--accent)}
.nz-style__radio-text{display:flex;flex-direction:column;gap:2px}
.nz-style__radio-label{font-size:13px;font-weight:500}
.nz-style__radio-desc{font-size:12px;line-height:1.45;color:color-mix(in oklch, var(--line), var(--muted) 95%)}
.nz-style__toggles{display:flex;flex-direction:column;gap:10px}
.nz-style__toggle{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;cursor:pointer;text-align:left;white-space:normal}
.nz-style__toggle--top{align-items:flex-start}
.nz-style__toggle--top .nz-style__box{margin-top:1px}
.nz-style__toggle--small{margin-left:auto;gap:8px;color:var(--text-2);font-size:12px}
.nz-style__box{width:18px;height:18px;flex-shrink:0;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:700;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 42%);background:transparent;color:var(--on-accent)}
.nz-style__toggle--small .nz-style__box{width:16px;height:16px;border-radius:4px;font-size:10px}
.nz-style__toggle.is-on .nz-style__box{border-color:var(--accent);background:var(--accent)}
.nz-style__toggle-text{display:flex;flex-direction:column;gap:2px}
.nz-style__toggle-desc{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-style__presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nz-style__presets.is-dim,.nz-style__field.is-dim{opacity:.4}
.nz-style__preset-card{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:10px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 2%);background:var(--card);color:inherit;text-align:left;cursor:pointer}
.nz-style__preset-card:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-style__preset-card.is-on{border-color:var(--accent)}
/* Miniatura stylu FAQ: prawdziwa strona z arkuszem stylu, pomniejszona - ta sama co w Generatorze FAQ. */
.nz-style__faq-thumb{position:relative;display:block;height:64px;border-radius:6px;overflow:hidden;pointer-events:none}
.nz-style__faq-thumb iframe{position:absolute;top:0;left:0;width:560px;height:300px;border:0;transform:scale(.21);transform-origin:0 0}
.nz-style__seg--wrap{flex-wrap:wrap}
.nz-style__seg--wrap button{flex:1 1 auto;white-space:nowrap}
.nz-style__toggle.is-disabled{opacity:.4;cursor:default}
.nz-style__thumb-ink{flex:1;max-width:70%;height:4px;border-radius:2px}
.nz-style__thumb-end{margin-left:auto}
.nz-style__preset-name{display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:500}
.nz-style__default{font-weight:400;color:var(--text-4)}
.nz-style__table-thumb{height:54px;padding:7px;border-radius:6px;background:var(--nz-paper-white);display:flex;flex-direction:column}
.nz-style__table-thumb-row{flex:1}
.nz-style__colors{display:flex;flex-direction:column;gap:10px}
.nz-style__caps{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4)}
.nz-style__color{display:grid;grid-template-columns:34px minmax(0,1fr) 92px;gap:10px;align-items:center}
.nz-style__swatch{width:34px;height:34px;border-radius:8px;box-shadow:0 0 0 1px color-mix(in oklch, var(--line), var(--muted) 16%)}
.nz-style__swatch--sm{width:30px;height:30px;border-radius:7px}
.nz-style__color-text{display:flex;flex-direction:column;gap:1px;min-width:0}
.nz-style__color-label{font-size:13px}
.nz-style__color-desc{font-size:11.5px;color:color-mix(in oklch, var(--line), var(--muted) 86%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-style__hex{height:32px;width:92px;padding:0 8px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 92%);font-family:var(--font-mono);font-size:12px;outline:none}
.nz-style__hex.is-changed{border-color:color-mix(in oklch, var(--warn) 50%, transparent)}
.nz-style__hex.is-invalid{border-color:var(--err)}
.nz-style__contrast{padding:10px 12px;border-radius:9px;background:color-mix(in oklch, var(--warn) 8%, transparent);border:1px solid color-mix(in oklch, var(--warn) 30%, transparent);font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--warn), var(--ink) 64%)}
.nz-style__slider-head{display:flex;justify-content:space-between;font-size:12.5px}
.nz-style__slider-value{font-family:var(--font-mono);color:var(--muted)}
.nz-style__slider-value.is-changed{color:var(--warn)}
.nz-style__subgroup{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--border)}
.nz-style__scope-note{font-size:12px;line-height:1.45;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-style__scope-note.is-warn{color:var(--warn)}
.nz-style__note{font-size:12px;color:color-mix(in oklch, var(--line), var(--muted) 86%)}
.nz-style__inline-link{padding:0;border:0;background:none;color:var(--accent);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.nz-style__tags{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.nz-style__tag{display:flex;flex-direction:column;border-top:1px solid var(--border);background:transparent}
.nz-style__tag.is-first{border-top-color:transparent}
.nz-style__tag.is-open{background:var(--card)}
.nz-style__tag-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}
.nz-style__tag-head:hover{background:var(--bg-raised)}
.nz-style__tag-name{font-family:var(--font-mono);font-size:12.5px;min-width:72px;color:color-mix(in oklch, var(--muted), var(--ink) 62%)}
.nz-style__tag-name.is-set{color:color-mix(in oklch, var(--accent-text), var(--ink) 20%)}
.nz-style__tag-desc{flex:1;min-width:0;font-size:12.5px;color:color-mix(in oklch, var(--line), var(--muted) 95%);overflow:hidden;text-overflow:ellipsis}
.nz-style__tag-summary{font-size:11px;padding:1px 6px;border-radius:4px;background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent-text)}
.nz-style__caret{font-size:9px;color:var(--text-4);transition:transform .15s}
.nz-style__caret.is-open{transform:rotate(180deg)}
.nz-style__caret--up{color:var(--text-3)}
.nz-style__tag-body{display:flex;flex-direction:column;gap:14px;padding:2px 12px 14px}
.nz-style__classes{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:36px;padding:4px 6px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field)}
.nz-style__class{height:24px;display:flex;align-items:center;gap:4px;padding:0 4px 0 8px;border-radius:6px;background:color-mix(in oklch, var(--accent) 15%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);font-family:var(--font-mono);font-size:12px}
.nz-style__class button{width:18px;height:18px;display:grid;place-items:center;border-radius:4px;border:0;background:transparent;color:inherit;font-size:13px;cursor:pointer;opacity:.75}
.nz-style__class button:hover{background:color-mix(in oklch, var(--accent) 25%, transparent);opacity:1}
.nz-style__classes input{flex:1;min-width:120px;height:26px;padding:0 4px;border:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:12px;outline:none}
.nz-style__small{font-size:11.5px;color:var(--text-4)}
.nz-style__quick{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:6px}
.nz-style__quick-color{height:32px;display:flex;align-items:center;gap:6px;padding:0 4px 0 3px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);min-width:0}
.nz-style__quick-color input{width:24px;height:24px;flex-shrink:0;border-radius:5px}
.nz-style__quick-color-label{flex:1;min-width:0;font-family:var(--font-mono);font-size:11.5px;color:color-mix(in oklch, var(--line), var(--muted) 77%);overflow:hidden;text-overflow:ellipsis}
.nz-style__quick-color-label.is-set{color:color-mix(in oklch, var(--muted), var(--ink) 92%)}
.nz-style__quick-color button{width:18px;height:18px;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}
.nz-style__quick-select{height:32px;min-width:0;padding:0 6px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:12px}
.nz-style__extra{resize:vertical;min-height:84px;padding:8px 10px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:color-mix(in oklch, var(--muted), var(--ink) 92%);font-family:var(--font-mono);font-size:12px;line-height:1.6;outline:none}
.nz-style__extra.is-bad{border-color:color-mix(in oklch, var(--warn) 60%, transparent)}
.nz-style__warn-text{font-size:12px;line-height:1.45;color:var(--warn)}
.nz-style__result{display:block;padding:8px 10px;border-radius:8px;background:var(--bg);border:1px solid color-mix(in oklch, var(--card), var(--line) 65%);font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:color-mix(in oklch, var(--muted), var(--ink) 62%);overflow-wrap:anywhere;white-space:pre-wrap}
.nz-style__tag-actions{display:flex;gap:8px}
.nz-style__remove{height:28px;padding:0 10px;border-radius:7px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}
.nz-style__remove:hover{background:color-mix(in oklch, var(--err) 12%, transparent);color:color-mix(in oklch, var(--err), var(--ink) 24%)}
.nz-style__add-tag{display:flex;gap:6px}
.nz-style__add-tag input{flex:1;min-width:0;height:32px;padding:0 10px;border-radius:8px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:var(--field);color:var(--ink);font-family:var(--font-mono);font-size:12px;outline:none}
.nz-style__main{display:flex;flex-direction:column;min-height:0;min-width:0}
.nz-style__toolbar{flex-shrink:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border)}
.nz-style__jumps{margin-left:auto;display:flex;align-items:center;gap:4px}
.nz-style__jumps span{font-size:12px;color:var(--text-4);margin-right:4px}
.nz-style__jumps button{height:28px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12px;cursor:pointer}
.nz-style__jumps button:hover{background:var(--bg-active)}
.nz-style__stage{flex:1;min-height:0;overflow-y:auto;padding:24px;background:repeating-linear-gradient(135deg,color-mix(in oklch, var(--main), var(--card) 25%) 0 10px,color-mix(in oklch, var(--field), var(--main) 67%) 10px 20px)}
.nz-style__page{margin:0 auto;max-width:100%;transition:width .25s;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px -20px oklch(0 0 0 / 0.7)}
.nz-style__page-body{font-family:'Source Serif 4',Georgia,serif}
.nz-style__page-inner{max-width:720px;margin:0 auto}
.nz-style__part{cursor:pointer;border-radius:6px;outline:none;outline-offset:6px}
.nz-style__part.is-picked{outline:2px dashed var(--accent)}
.nz-style__part--faq{outline-offset:8px;border-radius:4px}
.nz-style__part--table{margin-top:32px;outline-offset:8px;border-radius:4px}
.nz-style__part--table.is-dim{opacity:.35}
/* Pytanie w podgladzie i wiersz tabeli nie maja tu regul, bo maluje je
   arkusz z silnika - ten sam, ktory wychodzi przyciskiem kopiowania. Nasza
   regula dla klas wnt-faq-* albo dla tabeli w podgladzie znaczylaby, ze
   czlowiek widzi co innego, niz wkleja klientowi. */
.nz-style__stage-note{text-align:center;margin-top:12px;font-size:12px;color:var(--text-4)}
.nz-style__code{flex-shrink:0;display:flex;flex-direction:column;border-top:1px solid var(--border);background:var(--field)}
.nz-style__code-head{height:40px;display:flex;align-items:center;gap:10px;padding:0 16px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12.5px;cursor:pointer;text-align:left;overflow:hidden}
.nz-style__code-title{font-weight:500}
.nz-style__code-meta{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3)}
.nz-style__code-where{margin-left:auto;font-size:12px;color:var(--text-4);overflow:hidden;text-overflow:ellipsis}
.nz-style__code-body{display:flex;flex-direction:column;gap:8px;padding:0 16px 14px}
.nz-style__code-tabs{display:flex;align-items:center;gap:6px}
.nz-style__code-tabs>button:not(.nz-style__toggle){height:28px;padding:0 10px;border-radius:7px;border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer}
.nz-style__code-tabs>button.is-on:not(.nz-style__toggle){background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--ink)}
.nz-style__pre{margin:0;height:220px;overflow:auto;padding:12px 14px;border-radius:9px;background:var(--bg);border:1px solid color-mix(in oklch, var(--card), var(--line) 65%);font-family:var(--font-mono);font-size:11.5px;line-height:1.6;color:color-mix(in oklch, var(--muted), var(--ink) 62%);white-space:pre}

/*
 * ============================================================================
 * NAKŁADKA PRZECIĄGANIA PLIKU — „Treść na stronę"
 * ============================================================================
 *
 * Przeciągnięcie dokumentu nad okno pokazuje nakładkę na cały ekran.
 * Pięć stanów, każdy jako modyfikator na .nz-drop:
 *
 *   (brak)      przeciąganie nad oknem — kartki unoszą się, obwódka wiruje
 *   --hot       kursor nad kartą — karta rośnie, mocniejsza poświata
 *   --busy      czytanie dokumentu — pasek postępu
 *   --done      gotowe — zielone kółko z rysującym się znaczkiem
 *   --bad       zły format — czerwień, kartki szare, potrząśnięcie
 *
 * Kolory liczone z tokenów, więc nakładka chodzi we wszystkich motywach.
 * Wyjątek: kartka dokumentu zostaje jasna zawsze — udaje papier, nie
 * element interfejsu.
 */

/* Kąt obwódki wirującej wokół karty. Bez @property przeglądarka nie umie
   animować wartości w gradiencie — skakałaby zamiast płynąć. */
@property --nzd-a{syntax:'<angle>';inherits:false;initial-value:0deg}

@keyframes nzd-spin{to{--nzd-a:360deg}}
@keyframes nzd-in{from{opacity:0}to{opacity:1}}
@keyframes nzd-pop{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes nzd-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@keyframes nzd-ghost{0%,100%{transform:translate(-26px,6px) rotate(-14deg)}50%{transform:translate(-30px,-2px) rotate(-18deg)}}
@keyframes nzd-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
@keyframes nzd-bar{from{width:0}to{width:100%}}
@keyframes nzd-ring{from{transform:scale(.6);opacity:.7}to{transform:scale(1.8);opacity:0}}
@keyframes nzd-check{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}

/* Warstwa na całe okno. Rozmycie tła odcina wzrok od tego, co pod spodem. */
.nz-drop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;
    background:color-mix(in oklch, var(--bg-app) 62%, transparent);
    backdrop-filter:blur(10px) saturate(1.2);animation:nzd-in .18s ease-out}

/* Przerywana ramka przy krawędziach okna — sygnał „tutaj można upuścić". */
.nz-drop::before{content:'';position:absolute;inset:16px;border-radius:20px;
    border:1.5px dashed color-mix(in oklch, var(--accent) 45%, transparent);
    pointer-events:none}
.nz-drop--bad::before{border-color:color-mix(in oklch, var(--danger) 55%, transparent)}
.nz-drop--done::before{border-color:color-mix(in oklch, var(--success) 50%, transparent)}

/* Karta pośrodku. Obwódka to gradient stożkowy obracany przez --nzd-a. */
.nz-drop__card{position:relative;width:min(560px,86vw);padding:36px 32px;
    border-radius:var(--r-2xl);text-align:center;
    background:var(--bg-card);border:1px solid var(--border);
    box-shadow:var(--shadow-pop);
    transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s;
    animation:nzd-pop .3s cubic-bezier(.3,1.5,.5,1)}
.nz-drop__card::after{content:'';position:absolute;inset:-1px;border-radius:inherit;
    padding:1px;pointer-events:none;
    background:conic-gradient(from var(--nzd-a),
        transparent 0deg,
        color-mix(in oklch, var(--accent) 70%, transparent) 60deg,
        transparent 140deg);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;
    animation:nzd-spin 3s linear infinite}
.nz-drop--hot .nz-drop__card{transform:scale(1.04);
    box-shadow:var(--shadow-pop),0 0 0 6px color-mix(in oklch, var(--accent) 12%, transparent)}
.nz-drop--bad .nz-drop__card{animation:nzd-shake .45s ease-in-out;
    border-color:color-mix(in oklch, var(--danger) 45%, transparent)}
.nz-drop--bad .nz-drop__card::after{background:conic-gradient(from var(--nzd-a),
    transparent 0deg,color-mix(in oklch, var(--danger) 70%, transparent) 60deg,transparent 140deg)}
.nz-drop--done .nz-drop__card{border-color:color-mix(in oklch, var(--success) 45%, transparent)}
.nz-drop--done .nz-drop__card::after{display:none}

/* Trzy kartki dokumentu. Jasne w każdym motywie — udają papier. */
.nz-drop__docs{position:relative;width:120px;height:96px;margin:0 auto 18px;
    display:grid;place-items:center}
.nz-drop--bad .nz-drop__docs{filter:grayscale(1);opacity:.6}
.nz-drop__doc{position:absolute;width:58px;height:74px;border-radius:9px;
    background:linear-gradient(160deg,oklch(0.98 0.005 292),oklch(0.90 0.02 292));
    box-shadow:0 14px 30px -10px oklch(0 0 0 / .7)}
.nz-drop__doc--back{opacity:.55;transform:translate(-26px,6px) rotate(-14deg);
    animation:nzd-ghost 3.2s ease-in-out infinite}
.nz-drop__doc--mid{opacity:.75;transform:translate(22px,4px) rotate(11deg);
    animation:nzd-ghost 3.2s .4s ease-in-out infinite reverse}
.nz-drop__doc--front{animation:nzd-bob 2.6s ease-in-out infinite}
.nz-drop--busy .nz-drop__doc{animation:none}

/* Zagięty róg kartki. */
.nz-drop__fold{position:absolute;top:0;right:0;width:16px;height:16px;
    border-bottom-left-radius:4px;
    background:linear-gradient(225deg,var(--bg) 50%,oklch(0.80 0.02 292) 50%)}

/* Linijki tekstu na kartce; pierwsza bierze kolor stanu. */
.nz-drop__line{position:absolute;left:10px;height:4px;border-radius:2px;
    background:oklch(0.75 0.02 292)}
.nz-drop__line--1{top:18px;width:22px;background:var(--accent)}
.nz-drop--bad .nz-drop__line--1{background:var(--danger)}
.nz-drop--done .nz-drop__line--1{background:var(--success)}
.nz-drop__line--2{top:28px;width:34px}
.nz-drop__line--3{top:36px;width:28px}
.nz-drop__line--4{top:44px;width:34px}
.nz-drop__line--5{top:52px;width:28px}

/* Kółko ze znaczkiem po udanym wczytaniu; pierścień rozchodzi się na zewnątrz. */
.nz-drop__ok{position:relative;width:84px;height:84px;margin:0 auto 18px;
    display:grid;place-items:center}
.nz-drop__ring{position:absolute;inset:0;border-radius:50%;
    border:2px solid var(--success);animation:nzd-ring .9s ease-out forwards}
.nz-drop__disc{width:64px;height:64px;border-radius:50%;background:var(--success);
    display:grid;place-items:center;animation:nzd-pop .4s cubic-bezier(.3,1.5,.5,1)}
.nz-drop__check{stroke:var(--on-accent);stroke-width:3;fill:none;
    stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;
    animation:nzd-check .45s .15s ease-out backwards}

/* Napisy. */
.nz-drop__title{margin:0 0 6px;font-size:19px;font-weight:600}
.nz-drop__note{margin:0;font-size:13.5px;color:var(--text-2)}
.nz-drop__file{display:block;margin-top:4px;font-family:var(--font-mono);
    font-size:12.5px;color:var(--text-3);word-break:break-all}

/* Etykiety obsługiwanych formatów. */
.nz-drop__kinds{display:flex;gap:6px;justify-content:center;margin-top:16px}
.nz-drop__kind{padding:3px 8px;border-radius:var(--r-xs);
    font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);
    background:color-mix(in oklch, var(--accent) 10%, transparent)}

/* Pasek postępu czytania. */
.nz-drop__bar{height:4px;margin-top:18px;border-radius:999px;overflow:hidden;
    background:color-mix(in oklch, var(--border) 70%, transparent)}
.nz-drop__bar i{display:block;height:100%;border-radius:inherit;
    background:linear-gradient(90deg,var(--accent),var(--success));
    animation:nzd-bar 1.1s ease-out forwards}

/*
 * WIDOCZNOŚĆ STANÓW — reguły, których podgląd nie potrzebował.
 *
 * W makiecie elementy każdego stanu wycina z drzewa `x-if` Alpine'a.
 * Prawdziwą nakładką (partials/file-drop) kieruje 553 linie zwykłego
 * JavaScriptu, więc wszystko siedzi w drzewie na stałe, a stanem jest jedna
 * klasa na korzeniu — cztery reguły niżej są tym samym warunkiem, tylko po
 * stronie arkusza.
 *
 * Osłona `[hidden]` jest tu KONIECZNA: `.nz-drop` ustawia `display:grid`,
 * czyli atrybut sam z siebie przestałby chować nakładkę.
 */
.nz-drop[hidden]{display:none}
.nz-drop:not(.nz-drop--done) .nz-drop__ok{display:none}
.nz-drop--done .nz-drop__docs{display:none}
.nz-drop--busy .nz-drop__kinds,.nz-drop--done .nz-drop__kinds{display:none}

/* Pusty stan Propozycji — makieta go nie miała, bo zawsze pokazywała przykład. */
.nz-prop__pane--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:8px;padding:48px 24px;text-align:center}
.nz-prop__empty-title{font-size:16px;font-weight:600;color:var(--text-2)}
.nz-prop__empty-note{font-size:13.5px;color:var(--text-3);max-width:34ch;line-height:1.5}


/* ===== PACZKA 10 — ekrany podglądu =====
   Reguły dołożone razem z paczką makiet z 23.10.2026. Każdy blok opisany
   nazwą ekranu, do którego należy — arkusz ma 2400 linii i bez tego
   nie da się powiedzieć, co wolno ruszyć.
   ================================================================= */

/* ---------- Serwisy ---------- */
/* ===== Serwisy (podgląd, makieta Serwisy.dc.html) =====

   Do scalenia z public/css/niezbednik.css — osobny plik, bo nad paczką
   pracuje kilka osób naraz i dopisywanie do wspólnego arkusza kończy się
   nadpisaniem cudzej pracy.

   Widok: resources/views/preview/sites.blade.php
   Komponent: app/Livewire/Preview/Sites.php

   Wartości są z makiety bez zmian; barwy z `oklch(…)` zamienione na tokeny
   o tej samej jasności, żeby motywy działały:
     N(0.15,0.017)=var(--bg-input)  N(0.165,0.018)=var(--bg-main)
     N(0.19,0.021)=card+line 6%     N(0.20,0.022)=var(--bg-raised)
     N(0.21,0.024)=var(--bg-hover)  N(0.22,0.025)=var(--bg-active)
     N(0.24,0.025)=card+line 65%    N(0.25,0.027)=card+line 76%
     N(0.26,0.022)=var(--border)    N(0.30,0.028)=var(--border-control)
     N(0.32,0.03)=line+ink 7%       N(0.34,0.03)=var(--border-strong)
     N(0.62,0.025)=var(--text-4)    N(0.66,0.025)=var(--text-3)
     N(0.70,0.025)=var(--muted)     N(0.78,0.02)=var(--text-2)
     N(0.84,0.015)=muted+ink 54%    N(0.86,0.015)=muted+ink 62%
     N(0.92,0.01)=muted+ink 85%     N(0.96,0.008)=var(--text)
     AC(0.80,0.11)=var(--accent)    AC(0.90,0.06)=accent-text+ink 40%
   Plakietki domen i opiekunów: makieta liczy barwę z długości nazwy,
   tu jest TON z motywu (is-accent / is-ok / is-warn / is-muted) — tak samo
   jak w podglądzie Historii stron. Powód: kolor spoza tokenów nie idzie
   za motywem i w jasnych motywach świeciłby jasnym tekstem na jasnym tle. */

/* --- Nagłówek obszaru roboczego --- */
.nz-sites-head{flex-shrink:0}
.nz-sites-head .nz-crumbs{color:var(--muted)}
.nz-sites__count{font-size:15px;font-weight:400;color:var(--text-4)}
.nz-sites__add{height:34px;padding:0 14px;border-radius:8px;border:0;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:500;cursor:pointer}
.nz-sites__add:hover{filter:brightness(1.08)}

/* --- Filtry --- */
.nz-sites__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-sites__search{flex:1 1 240px;min-width:180px;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--border-control);background:var(--bg-input);color:var(--text);font-size:13px;outline:none}
.nz-sites__own{display:flex;padding:2px;border-radius:8px;background:var(--bg-input);border:1px solid var(--border-control)}
.nz-sites__own button{height:28px;padding:0 11px;border-radius:6px;border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer}
.nz-sites__own button.is-on{background:color-mix(in oklch, var(--card), var(--line) 88%);color:var(--text)}
.nz-sites__chips{display:flex;gap:4px;flex-wrap:wrap}
.nz-sites__chip{height:32px;display:flex;align-items:center;gap:6px;padding:0 11px;border-radius:8px;border:1px solid var(--border-control);background:var(--bg-input);color:color-mix(in oklch, var(--muted), var(--ink) 54%);font-size:12.5px;cursor:pointer}
.nz-sites__chip:hover{border-color:color-mix(in oklch, var(--accent) 50%, transparent)}
.nz-sites__chip.is-on{border-color:color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent);color:var(--text)}
.nz-sites__chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.nz-sites__chip-n{font-family:var(--font-mono);font-size:11px;color:var(--text-4)}
.nz-sites__sort{height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--border-control);background:var(--bg-input);color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:12.5px}

/* --- Dwie kolumny: lista i panel wybranego serwisu --- */
.nz-sites{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,34%,400px)}
.nz-sites__list{min-height:0;overflow-y:auto;padding:10px 12px 40px;display:flex;flex-direction:column;gap:2px}

/* --- Wiersz serwisu --- */
.nz-sites__row{width:100%;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 12px;border-radius:10px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-sites__row:hover{background:var(--bg-raised)}
.nz-sites__row.is-active{background:var(--bg-active);box-shadow:inset 2px 0 0 var(--accent)}
.nz-sites__main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 200px}
.nz-sites__names{display:flex;flex-direction:column;min-width:0;gap:1px}
.nz-sites__domain{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-sites__company{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-sites__tags{display:flex;gap:4px;flex-wrap:wrap;flex:0 1 auto}
.nz-sites__tag{padding:1px 7px;border-radius:999px;font-size:11px;background:color-mix(in oklch, var(--card), var(--line) 65%);color:color-mix(in oklch, var(--muted), var(--ink) 62%)}
.nz-sites__status{flex-shrink:0;min-width:86px;display:flex;align-items:center;gap:6px;font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 54%)}
.nz-sites__tasks{flex-shrink:0;min-width:28px;text-align:right;font-family:var(--font-mono);font-size:13px}
.nz-sites__tasks.is-ink{color:color-mix(in oklch, var(--muted), var(--ink) 85%)}
.nz-sites__tasks.is-warn{color:var(--warning)}
.nz-sites__tasks.is-faint{color:color-mix(in oklch, var(--line), var(--muted) 70%)}
.nz-sites__empty{padding:40px 12px;text-align:center;font-size:13px;color:var(--text-3)}
.nz-sites__empty button{border:0;background:transparent;color:var(--accent);font-size:13px;cursor:pointer}

/* --- Plakietka domeny: ton z motywu zamiast barwy z makiety --- */
.nz-sites__badge{width:30px;height:30px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:600}
.nz-sites__badge.is-accent{background:color-mix(in oklch, var(--accent) 18%, transparent);color:var(--accent-text)}
.nz-sites__badge.is-ok{background:color-mix(in oklch, var(--ok) 18%, transparent);color:var(--ok)}
.nz-sites__badge.is-warn{background:color-mix(in oklch, var(--warn) 18%, transparent);color:var(--warn)}
.nz-sites__badge.is-muted{background:var(--border);color:var(--text-2)}
.nz-sites__badge--lg{width:40px;height:40px;border-radius:10px;font-size:17px}

/* --- Kółko opiekuna --- */
.nz-sites__owner{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:600}
.nz-sites__owner.is-accent{background:color-mix(in oklch, var(--accent) 20%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 30%)}
.nz-sites__owner.is-ok{background:color-mix(in oklch, var(--ok) 20%, transparent);color:color-mix(in oklch, var(--ok), var(--ink) 30%)}
.nz-sites__owner.is-warn{background:color-mix(in oklch, var(--warn) 20%, transparent);color:color-mix(in oklch, var(--warn), var(--ink) 30%)}
.nz-sites__owner--lg{width:34px;height:34px;font-size:12px}

/* --- Kropka statusu --- */
.nz-sites__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.nz-sites__dot.is-ok,.nz-sites__chip-dot.is-ok{background:var(--success)}
.nz-sites__dot.is-accent,.nz-sites__chip-dot.is-accent{background:var(--accent)}
.nz-sites__dot.is-warn,.nz-sites__chip-dot.is-warn{background:var(--warning)}
.nz-sites__dot.is-err,.nz-sites__chip-dot.is-err{background:var(--danger)}
.nz-sites__dot.is-muted,.nz-sites__chip-dot.is-muted{background:var(--text-4)}

/* --- Panel wybranego serwisu --- */
.nz-sites__side{min-height:0;overflow-y:auto;border-left:1px solid var(--border);display:flex;flex-direction:column}
.nz-sites__side-head{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:12px;padding:18px 20px 14px;background:color-mix(in oklch, var(--bg-main) 95%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nz-sites__id{display:flex;align-items:center;gap:12px}
.nz-sites__id-text{display:flex;flex-direction:column;min-width:0;flex:1}
.nz-sites__id-text b{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-sites__id-status{flex-shrink:0;min-width:86px;display:flex;align-items:center;gap:6px;font-size:12.5px;color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-sites__open{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border-control);color:color-mix(in oklch, var(--muted), var(--ink) 62%);text-decoration:none}
/* Kolor powtórzony w :hover, bo arkusz ma globalne a:hover o wyższej
   specyficzności - w makiecie wygrywał z nim styl inline. */
.nz-sites__open:hover{border-color:color-mix(in oklch, var(--accent) 70%, transparent);color:color-mix(in oklch, var(--muted), var(--ink) 62%);text-decoration:none}
.nz-sites__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.nz-sites__action{height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:var(--bg-hover);color:color-mix(in oklch, var(--muted), var(--ink) 85%);font-size:12.5px;text-decoration:none;white-space:nowrap}
.nz-sites__action:hover{background:color-mix(in oklch, var(--card), var(--line) 76%);color:color-mix(in oklch, var(--muted), var(--ink) 85%);text-decoration:none}

/* --- Sekcje panelu --- */
.nz-sites__panes{display:flex;flex-direction:column;gap:22px;padding:18px 20px 40px}
.nz-sites__pane{display:flex;flex-direction:column;gap:8px}
.nz-sites__pane-head{display:flex;justify-content:space-between;align-items:center}
.nz-sites__label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}

/* --- Pole kopiowane kliknięciem --- */
.nz-sites__field{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:inherit;text-align:left;cursor:copy}
.nz-sites__field:hover{border-color:color-mix(in oklch, var(--accent) 50%, transparent);background:color-mix(in oklch, var(--accent) 6%, transparent)}
.nz-sites__field.is-copied{border-color:color-mix(in oklch, var(--ok) 50%, transparent);background:color-mix(in oklch, var(--ok) 8%, transparent)}
.nz-sites__field-k{font-size:12px;color:var(--text-3)}
.nz-sites__field-v{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-sites__field-v.is-mono{font-family:var(--font-mono)}
.nz-sites__field-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--success);white-space:nowrap}
.nz-sites__reveal{padding:2px 6px;border-radius:5px;border:1px solid var(--border-strong);color:color-mix(in oklch, var(--muted), var(--ink) 54%);cursor:pointer}

/* --- Opiekun --- */
.nz-sites__keeper{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input)}
.nz-sites__keeper-text{display:flex;flex-direction:column;min-width:0;flex:1}
.nz-sites__keeper-text b{font-size:13.5px;font-weight:500}
.nz-sites__keeper-text small{font-size:12px;color:color-mix(in oklch, var(--muted), var(--line) 5%)}
.nz-sites__mail{height:28px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--ink) 7%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);font-size:12px;cursor:pointer}
.nz-sites__mail:hover{background:var(--bg-active)}
.nz-sites__mail.is-copied{color:var(--success)}

/* --- Dane z karty --- */
.nz-sites__pull{height:26px;padding:0 10px;border-radius:7px;border:1px solid color-mix(in oklch, var(--accent) 45%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);font-size:12px;cursor:pointer}
.nz-sites__pull:hover{background:color-mix(in oklch, var(--accent) 18%, transparent)}
.nz-sites__src{font-size:11.5px;color:var(--text-4)}

/* --- Podsumowanie --- */
.nz-sites__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.nz-sites__stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:color-mix(in oklch, var(--card), var(--line) 6%);color:inherit;text-decoration:none}
.nz-sites__stat:hover{background:var(--bg-active);color:inherit;text-decoration:none}
.nz-sites__stat-k{font-size:12px;color:var(--text-3)}
.nz-sites__stat-v{font-size:15px;font-weight:600}
.nz-sites__stat-v.is-ink{color:var(--text)}
.nz-sites__stat-v.is-warn{color:var(--warning)}
.nz-sites__accounts{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.nz-sites__acc{display:flex;justify-content:space-between;align-items:center;padding:7px 2px;border-bottom:1px solid color-mix(in oklch, var(--card), var(--line) 65%);font-size:13px}
.nz-sites__acc-v{display:flex;align-items:center;gap:6px;font-size:12px}
.nz-sites__acc-v.is-ok{color:var(--success)}
.nz-sites__acc-v.is-warn{color:var(--warning)}
.nz-sites__acc-v.is-err{color:var(--danger)}
.nz-sites__acc-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}

/* Wąsko: dwie kolumny → jedna. Próg 860 px, a nie 900 jak w Historii
   i Propozycjach: spec Serwisów każe porównywać zrzut z makietą przy
   1440 px I PRZY 900 px, a makieta przy 900 px ma jeszcze dwie kolumny
   (lewa 358 px + prawa 300 px z clamp). Złamanie układu przy 900
   różniłoby się od makiety dokładnie w mierzonym miejscu. */
@media (max-width:860px){
  .nz-main--split:has(.nz-sites){overflow-y:auto}
  .nz-sites{grid-template-columns:minmax(0,1fr);min-height:auto}
  .nz-sites__list{overflow:visible;min-height:auto}
  .nz-sites__side{border-left:0;border-top:1px solid var(--border);overflow:visible;min-height:auto}
  .nz-sites__side-head{position:static}
}

/* ---------- Start serwisu ---------- */
/* ===== Start serwisu (podgląd) =====

   Przepis makiety `Start-serwisu.dc.html` — te same wartości px i te same
   odstępy, kolory przez zmienne motywu z niezbednik.css.

   Odstępstwa od wartości makiety, świadome (makieta nie zna motywów):
   - cień karty `0 30px 60px -40px oklch(0 0 0 / .8)` -> `var(--shadow-pop)`,
     bo w jasnych motywach czarny cień z alfą .8 kładzie się plamą;
   - `#fff` na czerwonej kropce kroku -> `var(--on-accent)`, czyli ten sam
     token, którego arkusz używa na tekst na wypełnionym tle;
   - barwy stanów (zielony, żółty, czerwony) -> `--ok`, `--warn`, `--err`.

   Klasy stanu zamiast warunkowych inline styli z makiety:
   `.nz-start__step` -> is-done | is-now | is-bad | is-todo (+ is-cur, is-linked),
   `.nz-start__svc` i `.nz-start__check` -> is-ok | is-run | is-wait | is-bad | is-warn,
   `.nz-start__sum-mark` -> is-ok | is-skip | is-run. */

.nz-start{display:flex;flex-direction:column;align-items:center;gap:22px;padding:8px 0 40px;color:var(--text);font-family:var(--font-sans)}
.nz-start__top{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:18px}
.nz-start__head{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-3)}
.nz-start__tag{padding:3px 10px;border-radius:999px;font-weight:600;background:color-mix(in oklch, var(--accent) 14%, transparent);color:var(--accent-text)}
.nz-start__pane{width:100%;max-width:720px}

/* ===== Szyna kroków ===== */
.nz-start__rail{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.nz-start__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 4px;border:0;background:transparent;color:inherit;cursor:default}
.nz-start__step.is-linked{cursor:pointer}
.nz-start__line{position:absolute;top:15px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;border-radius:1px;background:color-mix(in oklch, var(--line), var(--muted) 2%)}
.nz-start__step.is-done .nz-start__line{background:color-mix(in oklch, var(--ok) 60%, transparent)}
.nz-start__dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--border);color:var(--muted);transition:box-shadow .2s,background .2s}
.nz-start__step.is-done .nz-start__dot{background:var(--ok);color:var(--on-accent)}
.nz-start__step.is-now .nz-start__dot{background:var(--accent);color:var(--on-accent)}
.nz-start__step.is-bad .nz-start__dot{background:var(--err);color:var(--on-accent)}
.nz-start__step.is-cur .nz-start__dot{box-shadow:0 0 0 5px color-mix(in oklch, var(--accent) 20%, transparent)}
.nz-start__step.is-cur.is-bad .nz-start__dot{box-shadow:0 0 0 5px color-mix(in oklch, var(--err) 22%, transparent)}
.nz-start__step-text{display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}
.nz-start__step-name{font-size:12.5px;font-weight:500;color:var(--ink)}
.nz-start__step.is-cur .nz-start__step-name{font-weight:600}
.nz-start__step.is-todo .nz-start__step-name{color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-start__step-meta{font-size:11px;color:var(--text-3)}
.nz-start__step.is-done .nz-start__step-meta{color:var(--ok)}
.nz-start__step.is-bad .nz-start__step-meta{color:color-mix(in oklch, var(--err), var(--ink) 24%)}

/* ===== Karta kroku ===== */
.nz-start__card{display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-pop);overflow:hidden}
.nz-start__hero-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 32px 8px;text-align:center}
.nz-start__hero{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:22px;background:color-mix(in oklch, var(--accent) 16%, transparent);color:var(--accent);box-shadow:0 0 0 6px color-mix(in oklch, var(--accent) 6%, transparent)}
.nz-start__hero.is-ok{background:color-mix(in oklch, var(--ok) 18%, transparent);color:var(--ok);box-shadow:0 0 0 6px color-mix(in oklch, var(--ok) 7%, transparent)}
.nz-start__hero.is-bad{background:color-mix(in oklch, var(--err) 18%, transparent);color:var(--err);box-shadow:0 0 0 6px color-mix(in oklch, var(--err) 7%, transparent)}
.nz-start__h{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.25;text-wrap:balance}
.nz-start__lead{max-width:500px;font-size:14px;line-height:1.6;color:var(--text-2);text-wrap:pretty}
.nz-start__body{display:flex;flex-direction:column;gap:18px;padding:22px 28px 26px}
.nz-start__body--ga{gap:20px}
.nz-start__body--svcs{gap:10px;padding:20px 28px 26px}
.nz-start__foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-main)}
.nz-start__hint{font-size:13px;color:var(--text-2)}
.nz-start__foot-note{font-size:13px;color:var(--text-2)}
.nz-start__foot-note.is-ok{color:var(--ok)}
.nz-start__spacer{flex:1}

/* ===== Przyciski ===== */
.nz-start__cta{height:42px;display:flex;align-items:center;gap:8px;padding:0 22px;border-radius:11px;border:0;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px -12px color-mix(in oklch, var(--accent) 90%, transparent)}
.nz-start__cta:hover{filter:brightness(1.07)}
.nz-start__cta--wide{align-self:stretch;justify-content:center;height:48px;font-size:14.5px}
.nz-start__cta.is-off{opacity:.5}
.nz-start__back{height:40px;padding:0 6px;border:0;background:transparent;color:var(--text-3);font-size:13px;cursor:pointer}
.nz-start__retry{height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:10px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:13.5px;cursor:pointer;white-space:nowrap}
.nz-start__retry:hover{background:var(--bg-active)}

/* ===== Krok 1: katalog główny z trzema plikami ===== */
.nz-start__dir{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--border-2);background:var(--bg-input);overflow:hidden;font-family:var(--font-mono);font-size:12.5px}
.nz-start__dir-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid color-mix(in oklch, var(--line), var(--card) 35%);color:var(--text-2)}
.nz-start__dir-note{margin-left:auto;font-family:var(--font-sans);font-size:11.5px;color:var(--text-3)}
.nz-start__file{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:8px 10px 8px 34px;border-top:1px dashed color-mix(in oklch, var(--line), var(--card) 35%);background:color-mix(in oklch, var(--accent) 5%, transparent)}
.nz-start__file-name{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-start__file-svc{font-family:var(--font-sans);font-size:11.5px;color:var(--accent-text);white-space:nowrap}
.nz-start__file-dl{width:28px;height:28px;border-radius:7px;border:1px solid var(--border-control);background:transparent;color:var(--text-2);cursor:pointer}
.nz-start__file-dl:hover{color:var(--ink);border-color:color-mix(in oklch, var(--accent) 60%, transparent)}

/* ===== Krok 2: trzy usługi i ich sprawdzenia ===== */
.nz-start__bar{margin:14px 28px 0;height:4px;border-radius:2px;background:var(--border);overflow:hidden}
.nz-start__bar>span{display:block;height:100%;background:var(--accent);transition:width .4s}
.nz-start__wait{margin:8px 28px 0;font-size:13px;line-height:1.45;color:color-mix(in oklch, var(--muted), var(--ink) 40%)}
.nz-start__svc{display:flex;flex-direction:column;padding:12px 16px 8px;border-radius:14px;border:1px solid var(--border-2);background:var(--bg-input);transition:border-color .2s}
.nz-start__svc.is-ok{border-color:color-mix(in oklch, var(--ok) 35%, transparent)}
.nz-start__svc.is-bad{border-color:color-mix(in oklch, var(--err) 45%, transparent)}
.nz-start__svc.is-run{border-color:color-mix(in oklch, var(--accent) 40%, transparent)}
.nz-start__svc-head{display:flex;align-items:center;gap:10px;padding-bottom:2px}
.nz-start__svc-name{font-size:14px;font-weight:600}
.nz-start__svc-status{margin-left:auto;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:color-mix(in oklch, var(--muted) 14%, transparent);color:var(--text-3)}
.nz-start__svc.is-ok .nz-start__svc-status{background:color-mix(in oklch, var(--ok) 16%, transparent);color:var(--ok)}
.nz-start__svc.is-bad .nz-start__svc-status{background:color-mix(in oklch, var(--err) 16%, transparent);color:color-mix(in oklch, var(--err), var(--ink) 24%)}
.nz-start__svc.is-run .nz-start__svc-status{background:color-mix(in oklch, var(--accent) 14%, transparent);color:var(--accent)}
.nz-start__check{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0}
.nz-start__check-mark{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;background:color-mix(in oklch, var(--muted) 15%, transparent);color:var(--muted)}
.nz-start__check.is-ok .nz-start__check-mark{background:color-mix(in oklch, var(--ok) 18%, transparent);color:var(--ok)}
.nz-start__check.is-run .nz-start__check-mark{background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent)}
.nz-start__check.is-bad .nz-start__check-mark{background:color-mix(in oklch, var(--err) 18%, transparent);color:var(--err)}
.nz-start__check.is-warn .nz-start__check-mark{background:color-mix(in oklch, var(--warn) 18%, transparent);color:var(--warn)}
.nz-start__check-text{font-size:13.5px;color:color-mix(in oklch, var(--muted), var(--ink) 85%)}
.nz-start__check.is-wait .nz-start__check-text{color:var(--text-3)}
.nz-start__check-val{font-family:var(--font-mono);font-size:12px;color:var(--text-3);white-space:nowrap}
.nz-start__check.is-ok .nz-start__check-val{color:var(--ok)}
.nz-start__check.is-bad .nz-start__check-val{color:color-mix(in oklch, var(--err), var(--ink) 24%)}

/* ===== Krok 3: Google Analytics ===== */
.nz-start__group{display:flex;flex-direction:column;gap:10px}
.nz-start__legend{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.nz-start__num{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--border);color:var(--text-2)}
.nz-start__legend-tag{padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:500;background:color-mix(in oklch, var(--accent) 14%, transparent);color:var(--accent-text)}
.nz-start__modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.nz-start__mode{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--border-control);background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-start__mode.is-on{border-color:color-mix(in oklch, var(--accent) 70%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent)}
.nz-start__radio{width:18px;height:18px;flex-shrink:0;margin-top:1px;border-radius:50%;border:2px solid color-mix(in oklch, var(--line), var(--muted) 42%);display:grid;place-items:center}
.nz-start__mode.is-on .nz-start__radio{border-color:var(--accent)}
.nz-start__radio-dot{width:8px;height:8px;border-radius:50%;background:transparent}
.nz-start__mode.is-on .nz-start__radio-dot{background:var(--accent)}
.nz-start__mode-text{display:flex;flex-direction:column;gap:3px}
.nz-start__mode-name{font-size:14px;font-weight:600}
.nz-start__mode-sub{font-size:12.5px;color:var(--text-3)}
.nz-start__id-input{height:44px;padding:0 14px;border-radius:11px;border:1.5px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:var(--bg-input);color:var(--ink);font-family:var(--font-mono);font-size:14px;outline:none}
.nz-start__id-input.is-ok{border-color:color-mix(in oklch, var(--ok) 60%, transparent)}
.nz-start__id-input.is-bad{border-color:color-mix(in oklch, var(--err) 60%, transparent)}
.nz-start__id{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:12px;background:var(--bg-input);border:1px solid var(--border-2)}
.nz-start__id-label{font-size:12.5px;color:var(--text-3)}
.nz-start__id-value{padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:15px;font-weight:600;cursor:copy}
.nz-start__id-stream{margin-left:auto;font-size:12px;color:var(--text-3)}
.nz-start__tabs{display:flex;padding:4px;flex-wrap:wrap;border-radius:11px;background:var(--bg-input);border:1px solid var(--border-control)}
.nz-start__tab{flex:1 1 140px;height:34px;padding:0 12px;border-radius:8px;border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
.nz-start__tab.is-on{background:var(--border-control);color:var(--ink)}
.nz-start__how{font-size:13px;line-height:1.55;color:var(--text-2);text-wrap:pretty}
.nz-start__code{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:12px;border:1px solid var(--border-control);background:var(--bg-input);color:color-mix(in oklch, var(--muted), var(--ink) 69%);text-align:left;cursor:copy}
.nz-start__code-head{display:flex;width:100%;font-family:var(--font-sans);font-size:12px;color:var(--text-3)}
.nz-start__code-head.is-copied{color:var(--ok)}
.nz-start__code-label{margin-left:auto}
.nz-start__code pre{margin:0;font-family:var(--font-mono);font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all}
.nz-start__checks{display:flex;flex-direction:column;padding:8px 16px;border-radius:14px;border:1px solid var(--border-2);background:var(--bg-input)}
.nz-start__checks.is-done{border-color:color-mix(in oklch, var(--ok) 35%, transparent)}

/* ===== Krok 4: podsumowanie pól 1–7 ===== */
.nz-start__sum{display:flex;flex-direction:column;margin:20px 28px 26px;border-radius:14px;border:1px solid var(--border-2);background:var(--bg-input);overflow:hidden}
.nz-start__sum-row{display:grid;grid-template-columns:22px minmax(140px,1fr) minmax(0,1.3fr);gap:12px;align-items:center;padding:11px 16px;border-top:1px solid color-mix(in oklch, var(--line), var(--card) 35%)}
.nz-start__sum-row:first-child{border-top-color:transparent}
.nz-start__sum-mark{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;background:color-mix(in oklch, var(--ok) 18%, transparent);color:var(--ok)}
.nz-start__sum-mark.is-skip{background:color-mix(in oklch, var(--muted) 20%, transparent);color:var(--text-2)}
.nz-start__sum-mark.is-run{background:color-mix(in oklch, var(--accent) 16%, transparent);color:var(--accent)}
.nz-start__sum-name{font-size:13.5px}
.nz-start__sum-val{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Search Console ---------- */
/* ============================================================================
   Search Console — podgląd (resources/views/preview/tools/search-console.blade.php)

   Przepisane z makiety _makiety/Search-Console.dc.html: te same px, te same
   odstępy i zaokrąglenia. Kolory makiety liczone wzorem `oklch(calc(var(--tna)…))`
   zamienione na tokeny z niezbednik.css, żeby motywy działały.

   Mapowanie, którego użyłem (z nagłówka niezbednik.css):
     NB(0.145)=--bg-app  NB(0.165/0.17)=--bg-main  NB(0.185)=--bg-card
     NB(0.15)=--bg-input NB(0.20)=--bg-raised NB(0.21)=--bg-hover
     NB(0.22)=--bg-active NB(0.26)=--border NB(0.27/0.28)=--border-2
     NB(0.30)=--border-control NB(0.32/0.34)=--border-strong
     NB(0.62/0.66)=--text-4 NB(0.68)=--text-3 NB(0.78/0.80)=--text-2
     NB(0.96)=--text   AC()=--accent   G=--ok   W=--warn   B=--err

   DO SCALENIA z public/css/niezbednik.css przez jedną osobę — nie dopisuję
   tam sam, bo pracuje nas kilkoro naraz.
   ============================================================================ */

/* Szary wariant „przekierowuje" — brakujący ton obok nz-tone--ok/warn/err. */
.nz-tone--redir{--tone:color-mix(in oklch, var(--line), var(--ink) 12%)}

.nz-gsc,.nz-gsc__overlay{
  /* Biała kartka: tło pod ikoną serwisu i ikona pliku HTML. To podgląd rzeczy
     klienta (jego logo, jego plik na serwerze), więc zostaje biała w każdym
     motywie — tak samo jak podglądy treści klienta. */
  --nz-gsc-paper:oklch(1 0 0);
  --nz-gsc-paper-2:oklch(0.88 0.02 292);
  --nz-gsc-paper-ink:oklch(0.45 0.05 292);
  /* Linia między wierszami — jaśniejsza niż --border, jak NB(0.24) w makiecie. */
  --nz-gsc-row-line:color-mix(in oklch, var(--card), var(--line) 65%);
}

.nz-gsc{display:flex;flex-direction:column;gap:18px;padding:22px clamp(20px,3vw,36px) 60px;max-width:1240px}
.nz-gsc--detail{gap:16px}

/* ===== Lista: nagłówek ===== */
.nz-gsc__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nz-gsc__title{display:flex;flex-direction:column;gap:4px}
.nz-gsc__lead{font-size:13px;color:var(--text-3)}
.nz-gsc__add{height:36px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:9px;border:0;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.nz-gsc__add:hover{filter:brightness(1.07)}
.nz-gsc__add-plus{width:18px;height:18px;border-radius:5px;background:color-mix(in oklch, var(--on-accent) 14%, transparent);display:grid;place-items:center;font-size:14px;line-height:1}

/* ===== Lista: konto techniczne ===== */
.nz-gsc__tech{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;padding:14px 18px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card)}
.nz-gsc__tech-icon{width:38px;height:38px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:color-mix(in oklch, var(--accent) 16%, transparent);color:var(--accent-text);font-size:17px}
.nz-gsc__tech-who{flex:1 1 280px;display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-gsc__tech-title{font-size:13.5px;font-weight:600}
.nz-gsc__tech-mail{align-self:flex-start;max-width:100%;padding:0;border:0;background:transparent;color:var(--text-2);font-family:var(--font-mono);font-size:12px;cursor:copy;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc__stats{display:flex;gap:22px;flex-wrap:wrap}
.nz-gsc__stat{display:flex;flex-direction:column;gap:1px}
.nz-gsc__stat-v{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--tone,var(--text))}
.nz-gsc__stat-k{font-size:11.5px;color:var(--text-3)}

/* ===== Lista: kafle filtrów ===== */
.nz-gsc__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.nz-gsc__tile{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:inherit;text-align:left;cursor:pointer}
.nz-gsc__tile:hover{border-color:var(--tone)}
.nz-gsc__tile.is-on{border-color:var(--tone);background:var(--bg-hover)}
.nz-gsc__tile-label{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2)}
.nz-gsc__tile-dot{width:8px;height:8px;border-radius:50%;background:var(--tone)}
.nz-gsc__tile-n{font-size:24px;font-weight:600;letter-spacing:-.02em}

/* ===== Lista: szukanie i legenda ===== */
.nz-gsc__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-gsc__search{flex:0 1 300px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--border-control);background:var(--bg-input);color:var(--text);font-size:13px;outline:none}
.nz-gsc__clear{height:32px;padding:0 8px;border:0;background:transparent;color:var(--accent);font-size:12.5px;cursor:pointer}
.nz-gsc__legend{margin-left:auto;display:flex;gap:12px;font-size:12px;color:var(--text-3)}
.nz-gsc__legend-item{display:flex;align-items:center;gap:5px}
.nz-gsc__chip{width:9px;height:9px;border-radius:3px;background:var(--tone)}

/* ===== Lista: tabela domen ===== */
.nz-gsc__table{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);overflow-x:auto}
.nz-gsc__thead,.nz-gsc__row{display:grid;grid-template-columns:minmax(230px,1.6fr) 92px minmax(130px,.9fr) 190px 20px;gap:14px;min-width:720px}
.nz-gsc__thead{padding:10px 16px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border)}
.nz-gsc__row{align-items:center;padding:12px 16px;border:0;border-top:1px solid var(--nz-gsc-row-line);background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-gsc__row.is-first{border-top-color:transparent}
.nz-gsc__row.is-alert{background:color-mix(in oklch, var(--err) 5%, transparent)}
.nz-gsc__row:hover{background:var(--bg-hover)}
.nz-gsc__host{display:flex;align-items:center;gap:11px;min-width:0}
.nz-gsc__host-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.nz-gsc__host-name{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text)}
.nz-gsc__since{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-gsc__variants{display:flex;gap:3px}
.nz-gsc__variant{width:9px;height:9px;border-radius:3px;background:var(--tone)}
.nz-gsc__variant.is-main{box-shadow:0 0 0 1.5px var(--bg-card),0 0 0 3px color-mix(in oklch, var(--ok) 50%, transparent)}
.nz-gsc__seen{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2)}
.nz-gsc__avatars{display:flex}
.nz-gsc__avatar{width:22px;height:22px;margin-left:-5px;border-radius:50%;display:grid;place-items:center;font-size:9.5px;font-weight:700;background:color-mix(in oklch, var(--accent) 22%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%);box-shadow:0 0 0 2px var(--bg-card)}
.nz-gsc__avatar.is-off{opacity:.35;background:var(--border-2);color:color-mix(in oklch, var(--muted), var(--ink) 20%)}
.nz-gsc__status{justify-self:start;padding:3px 9px;border-radius:999px;font-size:12px;white-space:nowrap;background:color-mix(in oklch, var(--tone) 15%, transparent);color:color-mix(in oklch, var(--tone), var(--ink) 20%)}
.nz-gsc__chevron{color:var(--text-3);font-size:14px}
.nz-gsc__empty{padding:26px;text-align:center;font-size:13px;color:var(--text-3)}

/* Kafel serwisu: litera, a pod spodem ikona z Google, gdy się wczyta. */
.nz-gsc__fav{position:relative;width:30px;height:30px;flex-shrink:0;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:color-mix(in oklch, var(--tone) 20%, transparent);color:color-mix(in oklch, var(--tone), var(--ink) 15%);font-size:13px;font-weight:700}
.nz-gsc__fav--lg{width:34px;height:34px;border-radius:9px;font-size:14px}
.nz-gsc__fav-img{position:absolute;inset:0;background-color:var(--nz-gsc-paper);background-size:70%;background-position:center;background-repeat:no-repeat}

/* ===== Domena: nagłówek ===== */
.nz-gsc__detail-head{display:flex;flex-direction:column;gap:6px}
.nz-gsc__back{align-self:flex-start;padding:0;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 15%);font-size:13px;cursor:pointer}
.nz-gsc__back:hover{color:var(--text)}
.nz-gsc__detail-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nz-gsc__detail-h1{margin:0;font-family:var(--font-mono);font-size:21px;font-weight:600}
.nz-gsc__status--lg{padding:3px 10px;font-size:12.5px}
.nz-gsc__gsc-link{margin-left:auto;font-size:12.5px;color:var(--accent)}

/* ===== Domena: alarm „dowód zniknął" ===== */
.nz-gsc__alarm{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in oklch, var(--err) 50%, transparent);background:color-mix(in oklch, var(--err) 10%, transparent)}
.nz-gsc__alarm-icon{width:30px;height:30px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;background:var(--err);color:var(--on-accent);font-weight:700}
.nz-gsc__alarm-text{flex:1 1 300px;display:flex;flex-direction:column;gap:3px}
.nz-gsc__alarm-title{font-size:14px;font-weight:600;color:color-mix(in oklch, var(--err), var(--ink) 25%)}
.nz-gsc__alarm-desc{font-size:13px;line-height:1.5;color:color-mix(in oklch, var(--muted), var(--ink) 54%);text-wrap:pretty}
.nz-gsc__alarm-btn{height:34px;padding:0 14px;border-radius:8px;border:1px solid color-mix(in oklch, var(--err) 60%, transparent);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;cursor:pointer;white-space:nowrap}

/* ===== Domena: dwie kolumny ===== */
.nz-gsc__cols{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.nz-gsc__steps{flex:999 1 520px;min-width:0;display:flex;flex-direction:column}
.nz-gsc__side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px}

/* ===== Domena: kroki ===== */
.nz-gsc__step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px}
.nz-gsc__rail{display:flex;flex-direction:column;align-items:center}
.nz-gsc__mark{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600}
.nz-gsc__mark.is-done{background:var(--ok);color:var(--on-accent)}
.nz-gsc__mark.is-active{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 5px color-mix(in oklch, var(--accent) 18%, transparent)}
.nz-gsc__mark.is-bad{background:var(--err);color:var(--on-accent)}
.nz-gsc__mark.is-todo{background:var(--border);color:var(--muted)}
.nz-gsc__line{flex:1;width:2px;margin:4px 0;border-radius:1px;background:var(--border-2)}
.nz-gsc__line.is-done{background:color-mix(in oklch, var(--ok) 50%, transparent)}
.nz-gsc__line.is-last{opacity:0}
.nz-gsc__step-body{display:flex;flex-direction:column;gap:10px;padding:4px 0 22px;min-width:0}
.nz-gsc__step-title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.nz-gsc__step-title{font-size:15px;font-weight:600}
.nz-gsc__step-meta{font-size:12.5px;color:color-mix(in oklch, var(--tone,var(--muted)), var(--ink) 15%)}
.nz-gsc__step-desc{max-width:640px;font-size:13px;line-height:1.55;color:var(--text-2);text-wrap:pretty}

/* ===== Domena: panel dowodu i weryfikacji ===== */
.nz-gsc__panel{display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);overflow:hidden}
.nz-gsc__panel-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--border)}
.nz-gsc__methods{display:flex;padding:3px;border-radius:9px;background:var(--bg-input);border:1px solid var(--border-control)}
.nz-gsc__method{height:30px;padding:0 12px;border-radius:7px;border:0;background:transparent;color:var(--muted);font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap}
.nz-gsc__method.is-on{background:color-mix(in oklch, var(--card), var(--line) 88%);color:var(--text)}
.nz-gsc__panel-note{font-size:12px;color:var(--text-3)}

.nz-gsc__file-area{display:flex;flex-direction:column;gap:12px;padding:14px}
.nz-gsc__file{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;border-radius:11px;background:var(--bg-input);border:1px solid var(--border-2)}
.nz-gsc__file-icon{width:40px;height:48px;flex-shrink:0;border-radius:6px;background:linear-gradient(160deg,var(--nz-gsc-paper),var(--nz-gsc-paper-2));display:grid;place-items:end center;padding-bottom:6px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;color:var(--nz-gsc-paper-ink)}
.nz-gsc__file-text{flex:1 1 220px;display:flex;flex-direction:column;gap:3px;min-width:0}
.nz-gsc__file-name{font-family:var(--font-mono);font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc__file-hint{font-size:12px;color:var(--text-3)}
.nz-gsc__file-btn{height:36px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:9px;border:0;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.nz-gsc__file-btn:hover{filter:brightness(1.07)}
.nz-gsc__url-box{display:flex;flex-direction:column;gap:6px}
.nz-gsc__url-label{font-size:12px;color:var(--text-3)}
.nz-gsc__url-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-gsc__url{flex:1 1 260px;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--border-control);background:var(--bg-input);color:var(--text);font-family:var(--font-mono);font-size:12.5px;cursor:copy;text-align:left}
.nz-gsc__url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc__copy-mark{flex-shrink:0;font-family:var(--font-sans);font-size:11.5px;color:var(--text-3)}
.nz-gsc__mail-btn{height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--border-strong);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:13px;cursor:pointer;white-space:nowrap}
.nz-gsc__mail-btn:hover{background:var(--bg-active)}

.nz-gsc__tag-area{display:flex;flex-direction:column;gap:10px;padding:14px}
.nz-gsc__tag-label{font-size:12.5px;color:var(--text-3)}
.nz-gsc__tag{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-control);background:var(--bg-input);color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-family:var(--font-mono);font-size:12px;text-align:left;cursor:copy;overflow:hidden}
.nz-gsc__tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc__tag-note{font-size:12px;line-height:1.5;color:var(--text-3)}

.nz-gsc__verify-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--border)}
.nz-gsc__check-btn{height:36px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:9px;border:0;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.nz-gsc__check-btn:hover{filter:brightness(1.07)}
.nz-gsc__check-btn.is-busy{opacity:.7}
.nz-gsc__check-info{font-size:12.5px;color:var(--text-3)}
.nz-gsc__vhead,.nz-gsc__vgrid{display:grid;grid-template-columns:minmax(170px,1.4fr) repeat(2,minmax(96px,.6fr));gap:10px}
.nz-gsc__vhead{padding:8px 14px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);background:var(--bg-main);border-bottom:1px solid var(--border)}
.nz-gsc__vrow{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-top:1px solid var(--nz-gsc-row-line)}
.nz-gsc__vrow.is-first{border-top-color:transparent}
.nz-gsc__vrow.is-main{background:color-mix(in oklch, var(--ok) 5%, transparent)}
.nz-gsc__vgrid{align-items:center}
.nz-gsc__vurl{display:flex;align-items:center;gap:8px;min-width:0}
.nz-gsc__vdot{width:9px;height:9px;flex-shrink:0;border-radius:3px;background:var(--tone)}
.nz-gsc__vurl-text{font-family:var(--font-mono);font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc__vcell{display:flex;align-items:center;gap:6px;font-size:12.5px;color:color-mix(in oklch, var(--tone,var(--muted)), var(--ink) 15%);white-space:nowrap}
.nz-gsc__vmark{width:16px;text-align:center;font-weight:700}
.nz-gsc__vmark.is-dim{opacity:.6}
.nz-gsc__vnote{padding-left:17px;font-size:12px;color:var(--text-3)}
.nz-gsc__verify-foot{display:flex;gap:10px;padding:11px 14px;border-top:1px solid var(--border);background:var(--bg-main);font-size:12.5px;line-height:1.5;color:color-mix(in oklch, var(--muted), var(--ink) 47%)}
.nz-gsc__verify-mark{color:var(--tone,var(--muted))}

/* ===== Domena: kto ma dostęp ===== */
.nz-gsc__access{display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);overflow:hidden}
.nz-gsc__access-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}
.nz-gsc__access-title{font-size:13.5px;font-weight:600}
.nz-gsc__access-info{margin-left:auto;font-size:12px;color:var(--text-3)}
.nz-gsc__tech-row{display:flex;align-items:center;gap:10px;padding:11px 14px;background:color-mix(in oklch, var(--accent) 6%, transparent)}
.nz-gsc__tech-av{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent-text);font-size:13px}
.nz-gsc__tech-col{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-gsc__tech-label{font-size:13px;font-weight:500}
.nz-gsc__tech-id{font-family:var(--font-mono);font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc__owner-badge{padding:2px 8px;border-radius:6px;font-size:11.5px;background:color-mix(in oklch, var(--accent) 16%, transparent);color:var(--accent-text);white-space:nowrap}
.nz-gsc__person{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--nz-gsc-row-line)}
.nz-gsc__person-av{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:color-mix(in oklch, var(--accent) 20%, transparent);color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}
.nz-gsc__person-av.is-off{background:var(--border);color:color-mix(in oklch, var(--muted), var(--ink) 20%)}
.nz-gsc__person-col{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-gsc__person-mail{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc__person-vis{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--tone)}
.nz-gsc__person-dot{width:6px;height:6px;border-radius:50%;background:var(--tone)}
.nz-gsc__ask{height:28px;padding:0 9px;border-radius:7px;border:1px solid var(--border-strong);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 61%);font-size:12px;cursor:pointer;white-space:nowrap}
.nz-gsc__access-foot{padding:10px 14px;border-top:1px solid var(--nz-gsc-row-line);font-size:12px;line-height:1.5;color:var(--text-3)}
/* Połączenie konta Google w panelu „Kto ma dostęp” - przycisk, link do zasad
   i stan, gdy zgoda nie jest skonfigurowana. Makieta tego nie rysuje: wypadło
   przy przepisaniu ekranu, a bez tego nikt nie zobaczy property u siebie. */
.nz-gsc__access-link{color:var(--accent-text);text-decoration:underline}
.nz-gsc__access-state{display:block;margin-top:6px;color:var(--warn)}
a.nz-gsc__ask{display:inline-flex;align-items:center;text-decoration:none}
.nz-gsc__connect{margin-top:8px;color:var(--accent-text);border-color:color-mix(in oklch, var(--accent) 45%, transparent)}

/* ===== Okno „Nowa domena" ===== */
.nz-gsc__overlay{padding:20px;background:color-mix(in oklch, var(--bg) 55%, transparent);backdrop-filter:blur(4px)}
.nz-gsc__dialog{width:min(480px,100%);display:flex;flex-direction:column;border-radius:16px;background:var(--bg-pop);border:1px solid var(--border-strong);box-shadow:var(--shadow-modal);overflow:hidden}
.nz-gsc__dialog-body{display:flex;flex-direction:column;gap:12px;padding:18px}
.nz-gsc__dialog-head{display:flex;flex-direction:column;gap:3px}
.nz-gsc__dialog-title{font-size:15px;font-weight:600}
.nz-gsc__dialog-sub{font-size:12.5px;line-height:1.5;color:var(--text-3)}
.nz-gsc__new-field{display:flex;align-items:center;height:46px;border-radius:11px;border:1.5px solid color-mix(in oklch, var(--accent) 55%, transparent);background:var(--bg-input);overflow:hidden}
.nz-gsc__new-field.is-ok{border-color:color-mix(in oklch, var(--ok) 70%, transparent)}
.nz-gsc__new-prefix{padding-left:14px;font-family:var(--font-mono);font-size:13.5px;color:color-mix(in oklch, var(--line), var(--muted) 65%)}
.nz-gsc__new-input{flex:1;min-width:0;height:100%;padding:0 8px 0 1px;border:0;background:transparent;color:var(--text);font-family:var(--font-mono);font-size:13.5px;outline:none}
.nz-gsc__new-mark{padding:0 12px;font-size:13px;font-weight:600;color:var(--ok)}
.nz-gsc__new-vars{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:10px 12px;border-radius:10px;background:var(--bg-input);font-family:var(--font-mono);font-size:11.5px;color:var(--text-2)}
.nz-gsc__new-methods{display:flex;flex-direction:column;gap:6px}
.nz-gsc__new-label{font-size:12px;color:var(--text-3)}
.nz-gsc__new-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.nz-gsc__new-method{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-control);background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-gsc__new-method.is-on{border-color:color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent)}
.nz-gsc__new-method-label{font-size:13px;font-weight:500}
.nz-gsc__new-method-sub{font-size:11.5px;color:var(--text-3)}
.nz-gsc__dialog-foot{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid color-mix(in oklch, var(--card), var(--line) 95%)}
.nz-gsc__dialog-msg{font-size:12px;color:var(--text-3)}
.nz-gsc__cancel{margin-left:auto;height:34px;padding:0 12px;border-radius:8px;border:0;background:transparent;color:var(--text-2);font-size:13px;cursor:pointer}
.nz-gsc__go{height:34px;padding:0 14px;border-radius:8px;border:0;background:var(--border-2);color:var(--text-3);font-size:13px;font-weight:600;cursor:pointer}
.nz-gsc__go.is-ready{background:var(--accent);color:var(--on-accent)}

/* ---------- GSC-Flow ---------- */
/* ============================================================================
   Search Console — przepływ (podgląd: /podglad/narzedzia/gsc-flow)
   ============================================================================

   Przepis makiety `_makiety/GSC-Flow.dc.html`. Odstępy, wysokości, promienie
   i rozmiary czcionek przeniesione bez zmian; kolory zamienione na zmienne
   motywu, bo makieta liczy je wzorem `oklch(calc(var(--tna) + …))`:

     NB(0.185)  -> --bg-card        NB(0.96)  -> --text
     NB(0.17)   -> --bg-main        NB(0.90)  -> mix(muted, ink 77%)
     NB(0.15)   -> --bg-input       NB(0.88)  -> mix(muted, ink 69%)
     NB(0.26)   -> --border         NB(0.86)  -> mix(muted, ink 62%)
     NB(0.27)   -> --border-2       NB(0.80)  -> --text-2
     NB(0.30)   -> --border-control NB(0.72)  -> mix(muted, ink 8%)
     NB(0.32)   -> --border-strong  NB(0.68)  -> --text-3
     NB(0.24)   -> mix(card, line 65%)        AC() -> --accent
     G -> --success   W -> --warning   B -> --danger

   Do scalenia z public/css/niezbednik.css (jedna osoba, jednym przebiegiem).
   ============================================================================ */

/* Biała kartka pliku HTML u klienta: ta sama w każdym motywie, bo pokazuje
   plik klienta, nie nasz interfejs — jak --nz-paper-white przy podglądach treści. */
:root,[data-theme]{
  --nz-gsc-flow-file-top: oklch(0.98 0.005 292);
  --nz-gsc-flow-file-bottom: oklch(0.88 0.02 292);
  --nz-gsc-flow-file-ink: oklch(0.45 0.05 292);
}

.nz-gsc-flow{display:flex;flex-direction:column;gap:14px;color:var(--text);font-family:var(--font-sans)}

/* ===== Pasek czterech kroków ===== */
.nz-gsc-flow__steps{display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);overflow:hidden}
.nz-gsc-flow__steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.nz-gsc-flow__step{display:flex;align-items:center;gap:11px;padding:14px 16px;margin-bottom:-1px;border-bottom:1px solid color-mix(in oklch, var(--card), var(--line) 65%);border-right:1px solid color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-gsc-flow__step.is-now{background:color-mix(in oklch, var(--accent) 7%, transparent);box-shadow:inset 0 -2px 0 var(--accent)}
.nz-gsc-flow__step.is-bad{background:color-mix(in oklch, var(--err) 7%, transparent);box-shadow:inset 0 -2px 0 var(--danger)}
.nz-gsc-flow__step-dot{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:var(--border);color:var(--muted)}
.nz-gsc-flow__step.is-done .nz-gsc-flow__step-dot{background:var(--success);color:var(--on-accent)}
.nz-gsc-flow__step.is-warn .nz-gsc-flow__step-dot{background:var(--warning);color:var(--on-accent)}
.nz-gsc-flow__step.is-bad .nz-gsc-flow__step-dot{background:var(--danger);color:var(--on-accent)}
.nz-gsc-flow__step.is-now .nz-gsc-flow__step-dot{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 20%, transparent)}
.nz-gsc-flow__step-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-gsc-flow__step-title{font-size:13px;font-weight:500;color:var(--text)}
.nz-gsc-flow__step.is-now .nz-gsc-flow__step-title,
.nz-gsc-flow__step.is-bad .nz-gsc-flow__step-title{font-weight:600}
.nz-gsc-flow__step.is-todo .nz-gsc-flow__step-title{color:color-mix(in oklch, var(--muted), var(--ink) 8%)}
.nz-gsc-flow__step-meta{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-gsc-flow__step.is-done .nz-gsc-flow__step-meta{color:var(--success)}
.nz-gsc-flow__step.is-bad .nz-gsc-flow__step-meta{color:color-mix(in oklch, var(--err), var(--ink) 45%)}

/* ===== Alarm: plik zniknął z serwera ===== */
.nz-gsc-flow__alarm{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in oklch, var(--err) 50%, transparent);background:color-mix(in oklch, var(--err) 10%, transparent)}
.nz-gsc-flow__alarm-mark{width:32px;height:32px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;background:var(--danger);color:var(--on-accent);font-weight:700}
.nz-gsc-flow__alarm-text{flex:1 1 300px;display:flex;flex-direction:column;gap:3px}
.nz-gsc-flow__alarm-title{font-size:14px;font-weight:600;color:color-mix(in oklch, var(--err), var(--ink) 45%)}
.nz-gsc-flow__alarm-desc{font-size:13px;line-height:1.5;color:color-mix(in oklch, var(--muted), var(--ink) 62%);text-wrap:pretty}
.nz-gsc-flow__alarm-btn{height:36px;display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:9px;border:1px solid color-mix(in oklch, var(--err) 60%, transparent);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:13px;cursor:pointer;white-space:nowrap}

/* ===== Dwie kolumny: przepływ i dostęp działu ===== */
.nz-gsc-flow__cols{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.nz-gsc-flow__main{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}

/* ===== Karta (wysyłka / przebieg / wynik) ===== */
.nz-gsc-flow__card{display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);overflow:hidden}
.nz-gsc-flow__card-head{display:flex;flex-direction:column;gap:4px;padding:18px 20px 14px}
.nz-gsc-flow__card-label{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text)}
.nz-gsc-flow__card-title{font-size:18px;font-weight:600;letter-spacing:-.01em}
.nz-gsc-flow__card-desc{max-width:620px;font-size:13px;line-height:1.55;color:var(--text-2);text-wrap:pretty}
.nz-gsc-flow__card-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-main)}
.nz-gsc-flow__ask{flex:1 1 220px;font-size:13px;color:var(--text-2)}
.nz-gsc-flow__switch{height:36px;padding:0 10px;border:0;background:transparent;color:var(--text-3);font-size:12.5px;cursor:pointer;text-decoration:underline}
.nz-gsc-flow__check{height:38px;display:flex;align-items:center;gap:8px;padding:0 18px;border-radius:9px;border:0;background:var(--accent);color:var(--on-accent);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px -10px color-mix(in oklch, var(--accent) 80%, transparent)}
.nz-gsc-flow__check:hover{filter:brightness(1.07)}

/* ===== Plik weryfikacyjny ===== */
.nz-gsc-flow__file-row{display:flex;flex-wrap:wrap;gap:12px;padding:0 20px 18px}
.nz-gsc-flow__file{flex:1 1 260px;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--bg-input);border:1px solid var(--border-2)}
.nz-gsc-flow__file-top{display:flex;align-items:center;gap:12px}
.nz-gsc-flow__file-icon{width:40px;height:50px;flex-shrink:0;border-radius:6px;background:linear-gradient(160deg,var(--nz-gsc-flow-file-top),var(--nz-gsc-flow-file-bottom));display:grid;place-items:end center;padding-bottom:6px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;color:var(--nz-gsc-flow-file-ink)}
.nz-gsc-flow__file-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.nz-gsc-flow__file-name{font-family:var(--font-mono);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc-flow__file-hint{font-size:11.5px;color:var(--text-3)}
.nz-gsc-flow__download{height:38px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:9px;border:0;background:var(--accent);color:var(--on-accent);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px -10px color-mix(in oklch, var(--accent) 80%, transparent)}
.nz-gsc-flow__download:hover{filter:brightness(1.07)}
.nz-gsc-flow__url{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border-radius:8px;border:1px dashed var(--border-strong);background:transparent;color:inherit;text-align:left;cursor:copy;min-width:0}
.nz-gsc-flow__url-label{font-size:11px;color:var(--text-3)}
.nz-gsc-flow__url-value{max-width:100%;font-family:var(--font-mono);font-size:11.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== Wiadomość do klienta ===== */
.nz-gsc-flow__mail{flex:1.4 1 300px;display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border-2);overflow:hidden}
.nz-gsc-flow__mail-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--bg-main);border-bottom:1px solid var(--border-2);font-size:12px;color:var(--text-3)}
.nz-gsc-flow__mail-copy{margin-left:auto;height:26px;padding:0 10px;border-radius:7px;border:1px solid var(--border-strong);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:12px;cursor:pointer}
.nz-gsc-flow__mail-copy.is-copied{color:var(--success)}
.nz-gsc-flow__mail-body{padding:12px 14px;font-size:12.5px;line-height:1.6;color:color-mix(in oklch, var(--muted), var(--ink) 62%);white-space:pre-wrap}

/* ===== Znacznik do szablonu ===== */
.nz-gsc-flow__tag-box{display:flex;flex-direction:column;gap:8px;padding:0 20px 18px}
.nz-gsc-flow__tag{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:10px;border:1px solid var(--border-control);background:var(--bg-input);color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-family:var(--font-mono);font-size:12px;text-align:left;cursor:copy}
.nz-gsc-flow__tag-code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc-flow__tag-label{flex-shrink:0;font-family:var(--font-sans);font-size:11.5px;color:var(--text-3)}
.nz-gsc-flow__tag.is-copied .nz-gsc-flow__tag-label{color:var(--success)}
.nz-gsc-flow__tag-hint{font-size:12px;line-height:1.5;color:var(--text-3)}

/* ===== Przebieg sprawdzania ===== */
.nz-gsc-flow__run-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}
.nz-gsc-flow__run-title{font-size:16px;font-weight:600}
.nz-gsc-flow__run-info{margin-left:auto;font-size:12.5px;color:var(--text-3)}
.nz-gsc-flow__bar{height:3px;background:var(--border)}
.nz-gsc-flow__bar-fill{height:100%;background:var(--accent);transition:width .25s}

/* ===== Wiersz jednego z czterech adresów ===== */
.nz-gsc-flow__var{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-gsc-flow__var--run{padding:12px 20px}
.nz-gsc-flow__var--run.is-first{border-top-color:transparent}
.nz-gsc-flow__var--res{padding:11px 20px}
.nz-gsc-flow__var--res.is-main{background:color-mix(in oklch, var(--ok) 5%, transparent)}
.nz-gsc-flow__var-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}
.nz-gsc-flow__var-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-gsc-flow__var-url{font-family:var(--font-mono);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc-flow__var-note{font-size:11.5px;color:var(--text-3)}
.nz-gsc-flow__var-state{font-size:12.5px;white-space:nowrap}
.nz-gsc-flow__var.is-ok .nz-gsc-flow__var-dot{background:color-mix(in oklch, var(--ok) 18%, transparent);color:var(--success)}
.nz-gsc-flow__var.is-ok .nz-gsc-flow__var-state{color:var(--success)}
.nz-gsc-flow__var.is-redir .nz-gsc-flow__var-dot{background:color-mix(in oklch, var(--muted) 22%, transparent);color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-gsc-flow__var.is-redir .nz-gsc-flow__var-state{color:color-mix(in oklch, var(--muted), var(--ink) 38%)}
.nz-gsc-flow__var.is-err .nz-gsc-flow__var-dot,
.nz-gsc-flow__var.is-lost .nz-gsc-flow__var-dot{background:color-mix(in oklch, var(--err) 18%, transparent);color:var(--danger)}
.nz-gsc-flow__var.is-err .nz-gsc-flow__var-state,
.nz-gsc-flow__var.is-lost .nz-gsc-flow__var-state{color:color-mix(in oklch, var(--err), var(--ink) 45%)}
.nz-gsc-flow__var.is-wait .nz-gsc-flow__var-dot{background:color-mix(in oklch, var(--muted) 15%, transparent);color:var(--muted)}
.nz-gsc-flow__var.is-wait .nz-gsc-flow__var-state{color:var(--muted)}
.nz-gsc-flow__var.is-queue .nz-gsc-flow__var-dot{background:color-mix(in oklch, var(--card), var(--line) 65%);color:var(--text-3)}
.nz-gsc-flow__var.is-queue .nz-gsc-flow__var-state{color:var(--text-3)}
.nz-gsc-flow__var.is-queue .nz-gsc-flow__var-url{opacity:.55}
.nz-gsc-flow__var.is-work .nz-gsc-flow__var-dot{background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent)}
.nz-gsc-flow__var.is-work .nz-gsc-flow__var-state{color:var(--accent)}

/* ===== Wynik sprawdzenia ===== */
.nz-gsc-flow__res-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 20px}
.nz-gsc-flow__res-mark{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:700}
.nz-gsc-flow__res-mark.is-ok{background:color-mix(in oklch, var(--ok) 16%, transparent);color:var(--success)}
.nz-gsc-flow__res-mark.is-bad{background:color-mix(in oklch, var(--err) 16%, transparent);color:var(--danger)}
.nz-gsc-flow__res-text{flex:1 1 260px;display:flex;flex-direction:column;gap:3px}
.nz-gsc-flow__res-title{font-size:17px;font-weight:600}
.nz-gsc-flow__res-desc{font-size:13px;line-height:1.5;color:var(--text-2);text-wrap:pretty}
.nz-gsc-flow__again{height:36px;display:flex;align-items:center;gap:7px;padding:0 14px;border-radius:9px;border:1px solid var(--border-strong);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 77%);font-size:13px;cursor:pointer;white-space:nowrap}
.nz-gsc-flow__again:hover{background:var(--bg-active)}
.nz-gsc-flow__res-foot{padding:11px 20px;border-top:1px solid var(--border);background:var(--bg-main);font-size:12.5px;line-height:1.5;color:var(--text-3)}

/* ===== Dostęp działu ===== */
.nz-gsc-flow__access{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);overflow:hidden}
.nz-gsc-flow__access-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border)}
.nz-gsc-flow__access-title{font-size:13.5px;font-weight:600}
.nz-gsc-flow__access-info{margin-left:auto;font-size:12px;color:var(--text-3)}
.nz-gsc-flow__tech{display:flex;align-items:center;gap:10px;padding:11px 16px;background:color-mix(in oklch, var(--accent) 6%, transparent)}
.nz-gsc-flow__tech-icon{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent-text);font-size:13px}
.nz-gsc-flow__tech-name{font-size:13px;font-weight:500}
.nz-gsc-flow__tech-lock{font-size:12px}
.nz-gsc-flow__person{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-gsc-flow__avatar{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}
.nz-gsc-flow__avatar.is-linked{background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent-text)}
.nz-gsc-flow__avatar.is-unlinked{background:var(--border);color:color-mix(in oklch, var(--muted), var(--ink) 15%)}
.nz-gsc-flow__person-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-gsc-flow__person-mail{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-gsc-flow__person-vis{font-size:11.5px}
.nz-gsc-flow__person-vis.is-muted{color:var(--text-3)}
.nz-gsc-flow__person-vis.is-ok{color:var(--success)}
.nz-gsc-flow__person-vis.is-warn{color:var(--warning)}
.nz-gsc-flow__ask-btn{height:28px;padding:0 9px;border-radius:7px;border:1px solid var(--border-strong);background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 69%);font-size:12px;cursor:pointer;white-space:nowrap}
.nz-gsc-flow__ask-btn.is-sent{color:var(--success)}
.nz-gsc-flow__access-note{padding:10px 16px;border-top:1px solid color-mix(in oklch, var(--card), var(--line) 65%);font-size:12px;line-height:1.5;color:var(--text-3)}

/* ---------- Menu boczne i belka ---------- */
/* ============================================================================
   MENU BOCZNE I BELKA U GÓRY — do scalenia z public/css/niezbednik.css
   ----------------------------------------------------------------------------
   Element: components/nz-sidebar.blade.php, components/nz-topbar.blade.php.

   Reszta wyglądu obu menu JUŻ JEST w niezbednik.css i zgadza się z makietami
   co do wartości — sprawdzone linia po linii względem `_makiety/Pulpit.dc.html`
   (panel: padding 16px 12px, gap 20px, sticky, 100vh) i
   `_makiety/Pulpit-belka.dc.html` (belka: 56 px, tło --bg, gap clamp(10px,
   1.6vw, 20px), panel narzędzi min(760px, 100vw - 32px), menu konta 240 px).
   Zaokrąglony obszar roboczy, cień zależny od motywu i własny scrollbar
   (AI-ZMIANY, punkty 1–3) też już tam stoją.

   Brakowało jednej rzeczy: zachowania belki na wąskim oknie.
   ========================================================================= */

/*
 * AI-ZMIANY punkt 5: „Poniżej 820 px chowa się podpis".
 *
 * Podpis „by Jordan Głowacki" pod nazwą jest najszerszym elementem marki
 * (11 px, ale dłuższy niż samo „Niezbędnik"), a belka musi obok niego zmieścić
 * pięć działów, rozwijane „Narzędzia" i pole szukania. Nazwa zostaje — ginie
 * tylko podpis, i tylko w belce: w panelu z lewej jest na niego miejsce.
 */
@media (max-width: 820px) {
  .nz-topbar__brand .nz-brand__name small { display: none; }
}

/* ---------- Treść na stronę — kopiowanie kliknięciem ---------- */
/* ============================================================================
   TREŚĆ NA STRONĘ — dodatki z paczki 10 (podgląd: preview/tools/content)
   ============================================================================

   Do scalenia z public/css/niezbednik.css. Reguły są pisane tak, żeby dołożyć
   je NA KOŃCU arkusza — kilka z nich poprawia wartości ustawione wcześniej
   i liczy na to, że stoją później.

   CO TU JEST
     1. @keyframes nzd-ghost2 — brakująca klatka nakładki przeciągania.
     2. Poprawki wartości nakładki do zgodności z makietą, ZAWĘŻONE do
        .nz-content-root, bo klasy .nz-drop* nosi też prawdziwa nakładka
        (resources/views/partials/file-drop.blade.php) i nie wolno jej ruszać
        bez osobnej decyzji.
     3. Nowe klasy: pola kopiujące się kliknięciem i tryb edycji.
     4. Nowe klasy: kartki wyniku kopiujące się kliknięciem.

   CZEGO TU NIE MA
     Usunięcia reguł .nz-content__serp* — makieta nie ma już podglądu
     w wyszukiwarce, ale te klasy używa DZIAŁAJĄCE narzędzie
     (resources/views/tools/page-content.blade.php, id="serpBlok"). Zostają.
   ============================================================================ */


/* --- 1. Brakująca klatka -----------------------------------------------------
   Makieta ma dwie różne klatki dla kartek po bokach: nzd-ghost (lewa)
   i nzd-ghost2 (prawa). W arkuszu jest tylko pierwsza, a prawa kartka chodzi
   tą samą klatką puszczoną od tyłu — czyli lustrzanie, nie jak w makiecie. */
@keyframes nzd-ghost2{0%,100%{transform:translate(26px,6px) rotate(12deg)}50%{transform:translate(30px,-3px) rotate(16deg)}}


/* --- 2. Nakładka przeciągania: wartości z makiety ---------------------------
   Wszystko zawężone do podglądu. Wartości wzięte z dropLayer() w makiecie
   Tresc-na-strone.dc.html. */

.nz-content-root .nz-drop{z-index:80;animation:nzd-in .2s ease-out}

/* Karta: 88vw (nie 86), oddech 40/32/34 i promień 24 px.
   PROMIEŃ WPISANY LICZBĄ ŚWIADOMIE: w arkuszu stoi var(--r-2xl), a takiego
   tokenu w nim nie ma — karta wychodzi z narożnikami ostrymi jak nóż.
   To samo dotyczy var(--r-xs) przy etykietach formatów niżej. Ta sama pomyłka
   psuje prawdziwą nakładkę; jeśli zapadnie decyzja, żeby oba tokeny dopisać
   do :root, te dwie reguły stają się zbędne. */
.nz-content-root .nz-drop__card{width:min(560px,88vw);padding:40px 32px 34px;border-radius:24px}

/* Druga kartka: ta sama przezroczystość co pierwsza i własny ruch. */
.nz-content-root .nz-drop__doc--mid{opacity:.55;transform:translate(26px,6px) rotate(12deg);
    animation:nzd-ghost2 3.4s ease-in-out infinite}

/* Napisy: tytuł 22 px, podpis zwężony do 420 px i wyśrodkowany. */
.nz-content-root .nz-drop__title{font-size:22px;letter-spacing:-.01em}
.nz-content-root .nz-drop--bad .nz-drop__title{color:color-mix(in oklch, var(--danger), var(--ink) 40%)}
.nz-content-root .nz-drop__note{max-width:420px;margin:0 auto;line-height:1.5;text-wrap:pretty}

/* Etykiety formatów: pigułka, nie prostokąt; przy złym formacie czerwone. */
.nz-content-root .nz-drop__kinds{margin-top:18px}
.nz-content-root .nz-drop__kind{border-radius:999px;font-size:12px;
    color:color-mix(in oklch, var(--accent-text), var(--ink) 20%);
    background:color-mix(in oklch, var(--accent) 12%, transparent);
    border:1px solid color-mix(in oklch, var(--accent) 30%, transparent)}
.nz-content-root .nz-drop--bad .nz-drop__kind{
    color:color-mix(in oklch, var(--danger), var(--ink) 25%);
    background:color-mix(in oklch, var(--danger) 12%, transparent);
    border-color:color-mix(in oklch, var(--danger) 30%, transparent)}

/* Pasek czytania: węższy od karty i tak długi, jak trwa czytanie (1,7 s). */
.nz-content-root .nz-drop__bar{width:min(320px,80%);margin:18px auto 0}
.nz-content-root .nz-drop__bar i{animation:nzd-bar 1.7s cubic-bezier(.4,0,.2,1) forwards}


/* --- 3. Pola kopiujące się kliknięciem --------------------------------------
   Adres, tytuł i opis przepisuje się do CMS-a klienta, więc kliknięcie kopiuje,
   a zmiana treści wymaga trybu edycji („✎ Edytuj pola"). */

.nz-content__meta-head{display:flex;justify-content:space-between;align-items:center;
    gap:10px;flex-wrap:wrap;margin-bottom:-6px}
.nz-content__meta-hint{font-size:12px;color:var(--text-3)}
.nz-content__edit{height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;
    border-radius:7px;border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);
    background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 62%);
    font-size:12px;cursor:pointer}
.nz-content__edit:hover{filter:brightness(1.15)}
.nz-content__edit.is-on{border-color:color-mix(in oklch, var(--accent) 55%, transparent);
    background:color-mix(in oklch, var(--accent) 14%, transparent);
    color:color-mix(in oklch, var(--accent-text), var(--ink) 40%)}

/* Prawa strona etykiety: licznik znaków i znaczniki kopiowania w jednym rzędzie. */
.nz-content__label-right{display:flex;align-items:center;gap:8px;margin-left:auto}

/* „✓ skopiowane" — ślad po tym, co już zabrano w tym zadaniu. */
.nz-content__label-copied{display:flex;align-items:center;gap:4px;padding:0 6px;
    border-radius:999px;background:color-mix(in oklch, var(--ok) 14%, transparent);
    color:var(--success);text-transform:none;letter-spacing:0;font-size:10.5px;white-space:nowrap}

/* „✓ skopiowano" — chwilowe, gaśnie po 1,4 s. */
.nz-content__label-now{text-transform:none;letter-spacing:0;color:var(--success);white-space:nowrap}

/* Skrót przy etykiecie: mniejsze klawisze niż w podpowiedziach nagłówka. */
.nz-content__keys{display:flex;gap:3px;text-transform:none;letter-spacing:0}
.nz-content__keys .nz-kbd{padding:0 5px;border-radius:4px;border-bottom-width:1px;
    border-color:color-mix(in oklch, var(--line), var(--muted) 28%);
    font-size:10px;color:color-mix(in oklch, var(--muted), var(--ink) 15%)}

/* Pole poza trybem edycji: kursor kopiowania i akcent pod kursorem. */
.nz-content__input.is-copy{cursor:copy}
.nz-content__input.is-copy:hover{border-color:color-mix(in oklch, var(--accent) 45%, transparent);
    background:color-mix(in oklch, var(--accent) 7%, transparent)}
/* Zielona ramka po skopiowaniu bije ramkę stanu adresu (is-ok / is-bad). */
.nz-content__input.is-copied{border-color:color-mix(in oklch, var(--ok) 45%, transparent)}


/* --- 4. Kartki wyniku kopiujące się kliknięciem -----------------------------
   Podgląd treści, FAQ i blok kodu są celem kliknięcia; plakietka w narożniku
   mówi, co się stanie i co już zabrano. */

.nz-content__copy-area{position:relative;cursor:copy;transition:box-shadow .2s}
.nz-content__copy-area:hover{
    box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 55%, transparent),
               0 10px 30px -14px color-mix(in oklch, var(--accent) 50%, transparent)}
.nz-content__copy-area.is-copied{box-shadow:0 0 0 2px color-mix(in oklch, var(--ok) 70%, transparent)}

/* Blok kodu niesie plakietkę obok siebie, nie w sobie — <pre> przewija treść. */
.nz-content__code-wrap{position:relative}

/* Plakietka stoi na jasnej kartce klienta, więc bierze kolory papieru
   odwrócone: ciemna pigułka, jasny napis — i tak samo nad ciemnym kodem. */
.nz-content__cp-badge{position:absolute;top:10px;right:10px;z-index:1;
    padding:3px 9px;border-radius:999px;font-family:var(--font-sans);font-size:11.5px;
    background:color-mix(in oklch, var(--nz-paper-ink) 78%, transparent);
    color:var(--nz-paper);pointer-events:none}
.nz-content__cp-badge.is-copied{background:var(--success);color:var(--on-accent)}


/* ===== Treść — nakładka przeciągania =====
   Ekran podglądu „Treść na stronę" (resources/views/preview/tools/content.blade.php),
   makieta Tresc-na-strone.dc.html, metody dropBind() i dropLayer().

   Wartości z makiety bez zmian. Barwy makiety są liczone z motywu, więc
   zamiast nich stoją tokeny o tej samej jasności w motywie nocnym:
     akcent A(0.80 0.11)        = var(--accent)
     sukces S(0.80 0.11 160)    = var(--ok)
     błąd S(0.75 0.13 25)       = var(--err)
     N(0.145 0.016)             = var(--bg)
     N(0.175 0.019)             = --main + --card po połowie
     N(0.97 / 0.98)             = var(--ink) (0.96 — najbliższy token)
     N(0.90 0.02)               = --ink + --muted 23%
     N(0.80 0.02)               = --ink + --muted 62%
     N(0.76 0.02)               = --ink + --muted 77%
     N(0.75 0.02)               = --ink + --muted 81%
     N(0.28 0.025)              = --line + --ink 1.5%
     A(0.88 0.06)               = --accent + --ink 50%
     S(0.86 0.09 25)            = --err + --ink 52%
     S(0.80 0.08 25)            = --err + --ink 24%
     S(0.18 0.03 160) (znaczek) = var(--on-accent)
   Dosłownie z makiety zostają: tło nakładki oklch(0.10 0.012 292 / .62)
   i czarny cień kartki.

   Kolor stanu (akcent / sukces / błąd) niesie --nzd-ac na korzeniu;
   reszta reguł bierze go stamtąd, jak `ac` w dropLayer().

   Klasy .nz-drop* wyżej w arkuszu to INNA nakładka (partials/file-drop,
   narzędzie produkcyjne) — ta jej nie dotyka. Keyframes nzd-* są tu
   w komplecie, z nzd-ghost2, którego tamten blok nie miał; powtórzone
   definicje są identyczne znak w znak, więc kolejność nic nie zmienia. */

@property --nzd-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes nzd-spin{to{--nzd-a:360deg}}
@keyframes nzd-in{from{opacity:0}to{opacity:1}}
@keyframes nzd-pop{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes nzd-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@keyframes nzd-ghost{0%,100%{transform:translate(-26px,6px) rotate(-14deg)}50%{transform:translate(-30px,-2px) rotate(-18deg)}}
@keyframes nzd-ghost2{0%,100%{transform:translate(26px,6px) rotate(12deg)}50%{transform:translate(30px,-3px) rotate(16deg)}}
@keyframes nzd-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
@keyframes nzd-bar{from{width:0}to{width:100%}}
@keyframes nzd-ring{from{transform:scale(.6);opacity:.7}to{transform:scale(1.8);opacity:0}}
@keyframes nzd-check{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}

/* Warstwa na całe okno. */
.nz-content-drop{--nzd-ac:var(--accent);position:fixed;inset:0;z-index:80;display:grid;place-items:center;
    background:oklch(0.10 0.012 292 / .62);
    -webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);
    animation:nzd-in .2s ease-out}
.nz-content-drop.is-done{--nzd-ac:var(--ok)}
.nz-content-drop.is-bad{--nzd-ac:var(--err)}

/* Przerywana ramka przy krawędziach okna. */
.nz-content-drop__frame{position:absolute;inset:16px;border-radius:20px;
    border:1.5px dashed color-mix(in oklch, var(--nzd-ac) 35%, transparent);pointer-events:none}

/* Karta: 2 px obwódki to gradient stożkowy obracany przez --nzd-a. */
.nz-content-drop__card{position:relative;width:min(560px,88vw);padding:2px;border-radius:24px;
    background:conic-gradient(from var(--nzd-a),var(--nzd-ac),transparent 25%,transparent 50%,var(--nzd-ac) 75%,transparent);
    animation:nzd-spin 3s linear infinite,nzd-pop .45s cubic-bezier(.3,1.4,.5,1);
    transform:none;
    box-shadow:0 30px 90px -30px color-mix(in oklch, var(--nzd-ac) 45%, transparent);
    transition:transform .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s}
.nz-content-drop.is-hot .nz-content-drop__card{transform:scale(1.04);
    box-shadow:0 0 0 10px color-mix(in oklch, var(--nzd-ac) 10%, transparent),
               0 40px 120px -20px color-mix(in oklch, var(--nzd-ac) 55%, transparent)}
.nz-content-drop.is-busy .nz-content-drop__card,
.nz-content-drop.is-done .nz-content-drop__card{background:var(--nzd-ac)}
.nz-content-drop.is-bad .nz-content-drop__card{
    animation:nzd-shake .45s,nzd-spin 3s linear infinite,nzd-pop .45s cubic-bezier(.3,1.4,.5,1)}

.nz-content-drop__body{display:flex;flex-direction:column;align-items:center;gap:18px;
    padding:40px 32px 34px;border-radius:22px;text-align:center;
    background:radial-gradient(ellipse 80% 70% at 50% 0%,color-mix(in oklch, var(--nzd-ac) 14%, transparent),transparent 70%),
               color-mix(in oklch, var(--main), var(--card) 50%)}

/* Trzy kartki dokumentu. */
.nz-content-drop__docs{position:relative;width:120px;height:96px;display:grid;place-items:center;
    filter:none;opacity:1}
.nz-content-drop.is-bad .nz-content-drop__docs{filter:grayscale(1);opacity:.6}
.nz-content-drop__doc{position:absolute;width:58px;height:74px;border-radius:9px;
    background:linear-gradient(160deg,var(--ink),color-mix(in oklch, var(--ink), var(--muted) 23%));
    box-shadow:0 14px 30px -10px oklch(0 0 0 / .7)}
.nz-content-drop__doc--ghost{opacity:.55;transform:translate(-26px,6px) rotate(-14deg);
    animation:nzd-ghost 3.2s ease-in-out infinite}
.nz-content-drop__doc--ghost2{opacity:.55;transform:translate(26px,6px) rotate(12deg);
    animation:nzd-ghost2 3.4s ease-in-out infinite}
.nz-content-drop__doc--front{z-index:1;animation:nzd-bob 2.6s ease-in-out infinite}
.nz-content-drop.is-busy .nz-content-drop__doc{animation:none}

.nz-content-drop__fold{position:absolute;top:0;right:0;width:16px;height:16px;border-bottom-left-radius:4px;
    background:linear-gradient(225deg,var(--bg) 50%,color-mix(in oklch, var(--ink), var(--muted) 62%) 50%)}

/* Linijki: top = 14/24/32/40/48 + 4, pierwsza w kolorze stanu. */
.nz-content-drop__line{position:absolute;left:10px;height:4px;border-radius:2px;
    background:color-mix(in oklch, var(--ink), var(--muted) 81%)}
.nz-content-drop__line--1{top:18px;width:22px;background:var(--nzd-ac)}
.nz-content-drop__line--2{top:28px;width:34px}
.nz-content-drop__line--3{top:36px;width:28px}
.nz-content-drop__line--4{top:44px;width:34px}
.nz-content-drop__line--5{top:52px;width:28px}

/* „Gotowe": kółko z rysującym się znaczkiem i rozchodzący się pierścień. */
.nz-content-drop__ok{position:relative;width:84px;height:84px;display:grid;place-items:center}
.nz-content-drop__ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--nzd-ac);
    animation:nzd-ring .9s ease-out forwards}
.nz-content-drop__disc{width:64px;height:64px;border-radius:50%;background:var(--nzd-ac);
    display:grid;place-items:center;animation:nzd-pop .4s cubic-bezier(.3,1.5,.5,1)}
.nz-content-drop__check{fill:none;stroke:var(--on-accent);stroke-width:3;
    stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;
    animation:nzd-check .45s .15s ease-out backwards}

/* Napisy. */
.nz-content-drop__text{display:flex;flex-direction:column;gap:6px}
.nz-content-drop__title{font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.nz-content-drop.is-bad .nz-content-drop__title{color:color-mix(in oklch, var(--err), var(--ink) 52%)}
.nz-content-drop__note{font-size:13.5px;line-height:1.5;max-width:420px;text-wrap:pretty;
    color:color-mix(in oklch, var(--ink), var(--muted) 77%)}

/* Etykiety obsługiwanych formatów. */
.nz-content-drop__kinds{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.nz-content-drop__kind{padding:3px 9px;border-radius:999px;font-family:var(--font-mono);font-size:12px;
    color:color-mix(in oklch, var(--accent), var(--ink) 50%);
    background:color-mix(in oklch, var(--accent) 12%, transparent);
    border:1px solid color-mix(in oklch, var(--accent) 30%, transparent)}
.nz-content-drop.is-bad .nz-content-drop__kind{color:color-mix(in oklch, var(--err), var(--ink) 24%);
    background:color-mix(in oklch, var(--err) 12%, transparent);
    border-color:color-mix(in oklch, var(--err) 30%, transparent)}

/* Pasek postępu czytania. */
.nz-content-drop__bar{width:min(320px,80%);height:4px;border-radius:2px;overflow:hidden;
    background:color-mix(in oklch, var(--line), var(--ink) 1.5%)}
.nz-content-drop__bar i{display:block;height:100%;
    background:linear-gradient(90deg,var(--accent),var(--ok));
    animation:nzd-bar 1.7s cubic-bezier(.4,0,.2,1) forwards}
/* ---------- Serwisy — ekran realny ---------- */
/* Elementy, których podgląd nie ma, a ekran z prawdziwymi danymi
   potrzebuje: formularz nowego serwisu, wskaźnik szukania w bazie,
   stronicowanie (serwisów jest ~1000) i opakowanie panelu jednego
   serwisu — panel każdego wiersza strony jest w znaczniku, Alpine
   pokazuje wybrany. Odnośnik na domenie prowadzi do narzędzi serwisu. */
.nz-sites__new{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:12px}
.nz-sites__new .nz-btn{margin-top:27px}
.nz-sites__find{position:relative;display:flex;flex:1 1 240px;min-width:180px}
.nz-sites__find .nz-sites__search{flex:1 1 auto;min-width:0}
/* Kolory pól powtórzone dwiema klasami: `input:not([type])` i `input[type=text]`
   z app.css (Tailwind jest na ekranach realnych, w podglądzie go nie ma) mają
   szczegółowość 0,1,1 i wygrywały z jedną klasą — pole wychodziło jasne
   w ciemnym motywie. */
.nz-sites__find .nz-sites__search,.nz-sites__new .nz-input{background:var(--bg-input);border-color:var(--border-control);color:var(--text)}
.nz-sites__busy{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11.5px;color:var(--text-4);pointer-events:none}
.nz-sites__pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 12px 0;font-size:12.5px;color:var(--text-3)}
.nz-sites__pager-info{font-family:var(--font-mono);font-size:12px}
.nz-sites__pager-nav{display:flex;align-items:center;gap:10px}
.nz-sites__detail{display:none;flex-direction:column}
.nz-sites__detail.is-shown{display:flex}
.nz-sites__id-text a{display:flex;min-width:0;color:inherit;text-decoration:none}
.nz-sites__id-text a:hover{color:inherit;text-decoration:underline}
@media (max-width:860px){
  .nz-sites__new{grid-template-columns:minmax(0,1fr)}
  .nz-sites__new .nz-btn{margin-top:0}
}

/* ==========================================================================
   Start serwisu (App\Livewire\Tools\SiteOnboarding) — stany prawdziwych danych.
   Reszta wyglądu to klasy `nz-start__*` z podglądu makiety, wyżej w arkuszu.
   ========================================================================== */
.nz-start__file.is-missing .nz-start__file-name{color:var(--text-3)}
.nz-start__file-dl:disabled{opacity:.4;cursor:default}
.nz-start__file-dl:disabled:hover{color:var(--text-2);border-color:var(--border-control)}
.nz-start__bar-run{width:100%;animation:nz-onboarding-bar 1.2s ease-in-out infinite}
@keyframes nz-onboarding-bar{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.nz-start__sum-mark.is-wait{background:color-mix(in oklch, var(--muted) 20%, transparent);color:var(--text-3)}

/* =========================================================================
   TREŚĆ NA STRONĘ — PODZIAŁ TREŚCI NA CZĘŚCI
   (makieta Tresc-na-strone-podzial; znaczniki w tools/page-content.blade.php,
   zachowanie w public/tools/content-split.js)

   Paleta ośmiu części (HUE z makiety: 295,160,55,235,15,330,120,265) stoi
   w zmiennych, jak papier podglądu: części tną treść klienta na jasnej
   kartce, więc ich barwy są te same w każdym motywie. Część jedyna
   (tryb „Całość") bierze akcent motywu.
   ========================================================================= */
:root,[data-theme]{
  --nz-split-1: oklch(0.60 0.15 295);
  --nz-split-2: oklch(0.60 0.15 160);
  --nz-split-3: oklch(0.60 0.15 55);
  --nz-split-4: oklch(0.60 0.15 235);
  --nz-split-5: oklch(0.60 0.15 15);
  --nz-split-6: oklch(0.60 0.15 330);
  --nz-split-7: oklch(0.60 0.15 120);
  --nz-split-8: oklch(0.60 0.15 265);
  /* Paski miniatur - jaśniejsze, bo stoją na ciemnym menu. */
  --nz-split-bar-1: oklch(0.76 0.13 295);
  --nz-split-bar-2: oklch(0.76 0.13 160);
  --nz-split-bar-3: oklch(0.76 0.13 55);
  --nz-split-bar-4: oklch(0.76 0.13 235);
  --nz-split-bar-5: oklch(0.76 0.13 15);
  --nz-split-bar-6: oklch(0.76 0.13 330);
  --nz-split-bar-7: oklch(0.76 0.13 120);
  --nz-split-bar-8: oklch(0.76 0.13 265);
  --nz-split-done: oklch(0.62 0.13 160);
  --nz-split-on-color: oklch(1 0 0);
}
.nz-split-hue--1{--nz-seg:var(--nz-split-1)}
.nz-split-hue--2{--nz-seg:var(--nz-split-2)}
.nz-split-hue--3{--nz-seg:var(--nz-split-3)}
.nz-split-hue--4{--nz-seg:var(--nz-split-4)}
.nz-split-hue--5{--nz-seg:var(--nz-split-5)}
.nz-split-hue--6{--nz-seg:var(--nz-split-6)}
.nz-split-hue--7{--nz-seg:var(--nz-split-7)}
.nz-split-hue--8{--nz-seg:var(--nz-split-8)}
.nz-split-hue--accent{--nz-seg:var(--accent)}
.nz-split-bar--1{--nz-bar:var(--nz-split-bar-1)}
.nz-split-bar--2{--nz-bar:var(--nz-split-bar-2)}
.nz-split-bar--3{--nz-bar:var(--nz-split-bar-3)}
.nz-split-bar--4{--nz-bar:var(--nz-split-bar-4)}
.nz-split-bar--5{--nz-bar:var(--nz-split-bar-5)}
.nz-split-bar--6{--nz-bar:var(--nz-split-bar-6)}
.nz-split-bar--7{--nz-bar:var(--nz-split-bar-7)}
.nz-split-bar--8{--nz-bar:var(--nz-split-bar-8)}

/* Przycisk „Podział: …" i menu trybów. */
.nz-split{position:relative}
.nz-split__btn{height:32px;padding:0 12px;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12.5px;
  border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);background:transparent;color:color-mix(in oklch, var(--ink), var(--muted) 10%)}
.nz-split__btn:hover{border-color:color-mix(in oklch, var(--accent) 70%, transparent)}
.nz-split__btn.is-on{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:color-mix(in oklch, var(--accent) 10%, transparent)}
.nz-split__icon{display:flex;gap:2px;align-items:flex-end;height:12px}
.nz-split__icon-bar{width:3px;border-radius:1px;background:currentColor}
.nz-split__icon-bar[class*="nz-split-bar--"]{background:var(--nz-bar)}
.nz-split__caret{font-size:10px;opacity:.7}
.nz-split__pop[hidden]{display:none}
.nz-split__scrim{position:fixed;inset:0;z-index:40}
.nz-split__menu{position:absolute;top:38px;left:0;z-index:41;width:330px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;
  background:color-mix(in oklch, var(--card), var(--line) 25%);border:1px solid color-mix(in oklch, var(--line), var(--muted) 12%);box-shadow:var(--shadow-pop)}
.nz-split__menu-head{padding:6px 8px 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
/* WYDZIEL H1 - przelacznik nad lista trybow. Siatka ta sama co w .nz-split__opt,
   tylko pierwsza kolumna to kwadracik zamiast miniatury ciecia: czlowiek ma
   od razu widziec, ze to wlacza sie OBOK wyboru, a nie zamiast niego. */
.nz-split__h1{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:8px;margin-bottom:2px;border-radius:8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:normal;height:auto}
.nz-split__h1:hover{background:color-mix(in oklch, var(--card), var(--line) 65%)}
.nz-split__h1-box{width:20px;height:20px;margin-left:22px;border-radius:5px;display:grid;place-items:center;font-size:12px;font-weight:700;border:1px solid color-mix(in oklch, var(--line), var(--muted) 20%);background:transparent;color:transparent}
.nz-split__h1.is-on .nz-split__h1-box{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.nz-split__h1+.nz-split__opt{margin-top:2px}
.nz-split__opt{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px;border-radius:8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;white-space:normal;height:auto}
.nz-split__opt:hover{background:color-mix(in oklch, var(--line) 60%, transparent)}
.nz-split__opt.is-on{background:color-mix(in oklch, var(--accent) 12%, transparent)}
.nz-split__opt-bars{display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:6px;background:color-mix(in oklch, var(--card), var(--bg) 50%)}
.nz-split__opt-bar{border-radius:1.5px;background:var(--muted)}
.nz-split__opt-bar[class*="nz-split-bar--"]{background:var(--nz-bar)}
.nz-split__opt-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-split__opt-label{font-size:13px;font-weight:500;color:var(--ink)}
.nz-split__opt-desc{font-size:11.5px;line-height:1.35;color:var(--muted)}
.nz-split__opt-mark{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
.nz-split__opt-mark.is-on{color:var(--accent)}

/* Kartka z częściami - przykrywa #previewContent tylko przy podziale.
   !important, bo widoczność podglądu stoi w jego atrybucie style. */
.faq-tool #tab-preview.is-split #previewContent{display:none !important}
.faq-tool #previewSegments[hidden]{display:none}
@container (min-width:900px){
  .faq-tool #tab-preview.preview-side-by-side #previewSegments{grid-column:1;grid-row:1 / span 2}
}
.nz-split__paper{position:relative;padding:22px 28px 26px}
.nz-split__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-family:var(--font-sans);font-size:12px;
  color:color-mix(in oklch, var(--kartka-ink), var(--kartka) 40%)}
.nz-split__dots{display:flex;gap:5px;align-items:center}
.nz-split__dot{width:18px;height:6px;border-radius:3px;background:var(--nz-seg)}
.nz-split__dot.is-done{background:var(--nz-split-done)}
.nz-split__count{margin-left:4px}
.nz-split__list{display:flex;flex-direction:column}
.nz-split__cut{height:24px;display:flex;align-items:center;transition:opacity .2s}
.nz-split__cut.is-dim{opacity:.25}
.nz-split__cut>span:not(.nz-split__cut-label){flex:1;border-top:1.5px dashed color-mix(in oklch, var(--kartka-ink), var(--kartka) 65%)}
.nz-split__cut-label{padding:0 8px;font-family:var(--font-sans);font-size:11px;color:color-mix(in oklch, var(--kartka-ink), var(--kartka) 40%)}

/* Jedna część. */
.nz-split-seg{position:relative;margin:0 -14px;padding:10px 14px 6px;border-radius:10px;cursor:copy;background:transparent;box-shadow:none;outline:0 solid transparent;outline-offset:2px;
  transition:background .2s,box-shadow .2s,opacity .25s,filter .25s,transform .3s cubic-bezier(.3,1.4,.5,1)}
.nz-split-seg.is-multi{padding:18px 14px 10px;background:color-mix(in oklch, var(--nz-seg) 2.5%, transparent);box-shadow:0 0 0 1px color-mix(in oklch, var(--nz-seg) 22%, transparent)}
.nz-split-seg.is-done{box-shadow:0 0 0 1.5px color-mix(in oklch, var(--nz-split-done) 55%, transparent)}
.nz-split-seg.is-flash{background:color-mix(in oklch, var(--nz-split-done) 8%, transparent);box-shadow:0 0 0 2px var(--nz-split-done), 0 10px 30px -14px color-mix(in oklch, var(--nz-split-done) 60%, transparent)}
.nz-split-seg.is-hover{background:color-mix(in oklch, var(--nz-seg) 7%, transparent);box-shadow:0 0 0 2px var(--nz-seg), 0 10px 30px -16px color-mix(in oklch, var(--nz-seg) 55%, transparent);transform:translateY(-1px)}
.nz-split-seg.is-hover.is-flash{background:color-mix(in oklch, var(--nz-seg) 7%, transparent);box-shadow:0 0 0 2px var(--nz-split-done), 0 10px 30px -14px color-mix(in oklch, var(--nz-split-done) 60%, transparent)}
.nz-split-seg.is-drag{cursor:grabbing;background:color-mix(in oklch, var(--nz-seg) 10%, transparent);box-shadow:0 18px 40px -16px color-mix(in oklch, var(--nz-seg) 60%, transparent);outline:2px dashed var(--nz-seg);transform:scale(.985) rotate(-.3deg)}
.nz-split-seg.is-dim{opacity:.55}
.nz-split-seg.is-dim-drag{opacity:.28;filter:blur(1.2px) saturate(.6)}
.nz-split-seg:focus-visible{outline:2px solid var(--nz-seg)}
.nz-split-seg__body>:first-child{margin-top:0}
.nz-split-seg__body>:last-child{margin-bottom:0}
.nz-split-seg__tag{position:absolute;top:-10px;left:12px;padding:2px 8px;border-radius:999px;font-family:var(--font-sans);font-size:11px;font-weight:600;
  background:color-mix(in oklch, var(--nz-seg) 14%, var(--kartka));color:var(--nz-seg);box-shadow:0 0 0 2px var(--kartka);transition:background .2s,color .2s}
.nz-split-seg__tag[hidden]{display:none}
.nz-split-seg__tag.is-active{background:var(--nz-seg);color:var(--nz-split-on-color)}
.nz-split-seg__tag.is-done{background:var(--nz-split-done);color:var(--nz-split-on-color)}
.nz-split-seg__badge{position:absolute;top:8px;right:10px;padding:3px 9px;border-radius:999px;font-family:var(--font-sans);font-size:11.5px;
  background:var(--nz-seg);color:var(--nz-split-on-color);opacity:0;transform:translateY(-3px);transition:opacity .2s,transform .2s;pointer-events:none}
.nz-split-seg__badge.is-on{opacity:1}
.nz-split-seg__badge.is-raised{transform:translateY(0)}
.nz-split-seg__badge.is-done{background:var(--nz-split-done)}

/* Obrazek pod kursorem przy przeciąganiu części. */
.nz-split-ghost{position:fixed;top:-200px;left:-200px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:12px;
  background:var(--card);color:var(--ink);font:500 13px var(--font-sans);box-shadow:var(--shadow-pop);border:1.5px solid var(--nz-seg)}
.nz-split-ghost__mark{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:8px;background:var(--nz-seg);color:var(--nz-split-on-color);font-weight:600;font-size:12px}
.nz-split-ghost__text{display:flex;flex-direction:column;gap:2px}
.nz-split-ghost__note{font-size:11.5px;opacity:.65}

/* ==================================================================   ANALIZA TECHNICZNA (podgląd)

   Przepis makiety `Analiza-techniczna.dc.html` — te same px i odstępy,
   kolory przez zmienne motywu. Znacznik: preview/tools/tech-audit.blade.php.

   Makieta liczy odcienie wzorem N(L)/AC(L) z theme.js. Tu odpowiedniki:
   N .15 = --field, .165 = --main, .185 = --card, .21 = --bg-hover,
   .22 = --bg-active, .26 = --border, .27 = --line, .30 = --border-control,
   N .96 = --ink, .68–.70 = --muted; pośrednie liczy color-mix() niżej.

   Ton zamiast koloru: element niesie data-tone (ok, warn, err, accent, low,
   muted, idle albo h0–h11), a reguła bierze barwę z --tone. Makietowy
   niebieski „do poprawy” to --nz-info. Odcień domeny i technologii
   (w makiecie dowolna barwa 0–360) zaokrąglony do 12 tonów palety niżej.
   ========================================================================= */
:root,[data-theme]{
  --nz-ta-h0: oklch(0.86 0.09 0);    --nz-ta-h1: oklch(0.86 0.09 30);
  --nz-ta-h2: oklch(0.86 0.09 60);   --nz-ta-h3: oklch(0.86 0.09 90);
  --nz-ta-h4: oklch(0.86 0.09 120);  --nz-ta-h5: oklch(0.86 0.09 150);
  --nz-ta-h6: oklch(0.86 0.09 180);  --nz-ta-h7: oklch(0.86 0.09 210);
  --nz-ta-h8: oklch(0.86 0.09 240);  --nz-ta-h9: oklch(0.86 0.09 270);
  --nz-ta-h10: oklch(0.86 0.09 300); --nz-ta-h11: oklch(0.86 0.09 330);
}
[data-theme="jasny"],[data-theme="bezowy"],[data-theme="zielony"],[data-theme="rozowy"]{
  --nz-ta-h0: oklch(0.50 0.12 0);    --nz-ta-h1: oklch(0.50 0.12 30);
  --nz-ta-h2: oklch(0.50 0.12 60);   --nz-ta-h3: oklch(0.50 0.12 90);
  --nz-ta-h4: oklch(0.50 0.12 120);  --nz-ta-h5: oklch(0.50 0.12 150);
  --nz-ta-h6: oklch(0.50 0.12 180);  --nz-ta-h7: oklch(0.50 0.12 210);
  --nz-ta-h8: oklch(0.50 0.12 240);  --nz-ta-h9: oklch(0.50 0.12 270);
  --nz-ta-h10: oklch(0.50 0.12 300); --nz-ta-h11: oklch(0.50 0.12 330);
}

.nz-ta{
  --ta-sunk: color-mix(in oklch, var(--card), var(--field) 43%);
  --ta-raise: color-mix(in oklch, var(--card), var(--field) 14%);
  --ta-soft: color-mix(in oklch, var(--card), var(--line) 65%);
  --ta-line-2: color-mix(in oklch, var(--line), var(--ink) 1.5%);
  --ta-ctl-2: color-mix(in oklch, var(--line), var(--ink) 7%);
  --ta-ctl-3: color-mix(in oklch, var(--line), var(--ink) 13%);
  --ta-ctl-4: color-mix(in oklch, var(--line), var(--ink) 26%);
  --ta-ink-1: color-mix(in oklch, var(--muted), var(--ink) 77%);
  --ta-ink-2: color-mix(in oklch, var(--muted), var(--ink) 58%);
  --ta-ink-3: color-mix(in oklch, var(--muted), var(--ink) 38%);
  --ta-ink-4: color-mix(in oklch, var(--muted), var(--ink) 23%);
  --ta-ink-5: color-mix(in oklch, var(--muted), var(--ink) 15%);
  --ta-pad: clamp(20px,3vw,36px);
  flex:1;min-height:0;display:flex;flex-direction:column;color:var(--ink);font-family:var(--font-sans)
}
.nz-ta [data-tone=""]{--tone:initial}
.nz-ta [data-tone="ok"]{--tone:var(--ok)}
.nz-ta [data-tone="warn"]{--tone:var(--warn)}
.nz-ta [data-tone="err"]{--tone:var(--err)}
.nz-ta [data-tone="accent"]{--tone:var(--accent)}
.nz-ta [data-tone="low"]{--tone:var(--nz-info)}
.nz-ta [data-tone="muted"],.nz-ta [data-tone="idle"]{--tone:var(--text-3)}
.nz-ta [data-tone="h0"]{--tone:var(--nz-ta-h0)}   .nz-ta [data-tone="h1"]{--tone:var(--nz-ta-h1)}
.nz-ta [data-tone="h2"]{--tone:var(--nz-ta-h2)}   .nz-ta [data-tone="h3"]{--tone:var(--nz-ta-h3)}
.nz-ta [data-tone="h4"]{--tone:var(--nz-ta-h4)}   .nz-ta [data-tone="h5"]{--tone:var(--nz-ta-h5)}
.nz-ta [data-tone="h6"]{--tone:var(--nz-ta-h6)}   .nz-ta [data-tone="h7"]{--tone:var(--nz-ta-h7)}
.nz-ta [data-tone="h8"]{--tone:var(--nz-ta-h8)}   .nz-ta [data-tone="h9"]{--tone:var(--nz-ta-h9)}
.nz-ta [data-tone="h10"]{--tone:var(--nz-ta-h10)} .nz-ta [data-tone="h11"]{--tone:var(--nz-ta-h11)}

.nz-ta__scroll{flex:1;min-height:0;overflow-y:auto}
.nz-ta button,.nz-ta input,.nz-ta select,.nz-ta textarea{font-family:inherit}
.nz-ta__label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nz-ta__dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--tone,transparent)}
.nz-ta__dot--ring{width:7px;height:7px;background:transparent;border:1.5px solid var(--ta-ink-2)}
.nz-ta__empty-row{padding:26px;text-align:center;font-size:13px;color:var(--muted)}
.nz-ta__form .nz-ta__empty-row{padding:30px 0}

/* ===== Wspólne kontrolki ===== */
.nz-ta__search{flex:0 1 300px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--border-control);background:var(--field);color:var(--ink);font-size:13px;outline:none}
.nz-ta__search--sm{flex-basis:260px}
.nz-ta__select{height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--border-control);background:var(--field);color:var(--ta-ink-1);font-size:12.5px}
.nz-ta__link-btn{height:32px;padding:0 8px;border:0;background:transparent;color:var(--accent);font-size:12.5px;cursor:pointer}
.nz-ta__list-info{margin-left:auto;font-size:12px;color:var(--muted)}
.nz-ta__seg{display:flex;padding:2px;border-radius:8px;background:var(--field);border:1px solid var(--border-control)}
.nz-ta__seg>button{height:28px;padding:0 11px;border-radius:6px;border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-ta__seg>button.is-on{background:var(--border);color:var(--ink)}
.nz-ta__blank{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;text-align:center}
.nz-ta__blank-title{font-size:15px;font-weight:600}
.nz-ta__blank-text{max-width:420px;font-size:13px;line-height:1.5;color:var(--muted)}

/* Pierścień oceny: tor --line, łuk w tonie, środek w kolorze karty. */
.nz-ta__dial{flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--tone,var(--accent)) var(--ta-deg,0deg),var(--line) 0)}
.nz-ta__dial-in{border-radius:50%;background:var(--card);display:grid;place-items:center;font-weight:600;color:var(--tone,var(--ink))}
.nz-ta__dial--sm,.nz-ta__dial--xs{width:30px;height:30px}
.nz-ta__dial--sm .nz-ta__dial-in,.nz-ta__dial--xs .nz-ta__dial-in{width:22px;height:22px;font-size:10.5px}
.nz-ta__dial--xs{background:conic-gradient(var(--tone) var(--ta-deg,0deg),var(--ta-line-2) 0)}
.nz-ta__dial--xs .nz-ta__dial-in{background:var(--bg-raised)}
.nz-ta__dial--md{width:64px;height:64px;background:conic-gradient(var(--tone) var(--ta-deg,0deg),var(--border) 0);transition:background .6s}
.nz-ta__dial--md .nz-ta__dial-in{width:52px;height:52px;font-size:14px;white-space:nowrap;color:var(--ink)}
.nz-ta__dial--lg{width:92px;height:92px}
.nz-ta__dial--lg .nz-ta__dial-in{width:76px;height:76px;font-size:26px;letter-spacing:-.02em}

/* Favikona domeny: inicjał na tle w odcieniu domeny; obrazek tylko, gdy jest adres. */
.nz-ta__fav{position:relative;width:30px;height:30px;flex-shrink:0;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:color-mix(in oklch, var(--tone) 20%, transparent);color:var(--tone);font-size:13px;font-weight:700}
.nz-ta__fav--lg{width:34px;height:34px;border-radius:9px;font-size:14px}
.nz-ta__fav-img{position:absolute;inset:0;display:none;padding:4px;background-color:var(--nz-paper);background-size:70%;background-position:center;background-repeat:no-repeat}
.nz-ta__fav-img[style*="url(http"]{display:block}

/* ===== Widok listy ===== */
.nz-ta__list{display:flex;flex-direction:column;gap:18px;padding:22px var(--ta-pad) 60px;max-width:1240px}
.nz-ta__list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nz-ta__title{display:flex;flex-direction:column;gap:4px}
.nz-ta__list-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-ta__new{position:relative}
.nz-ta__new-btn{height:36px;display:flex;align-items:center;gap:8px;padding:0 14px 0 12px;border-radius:9px;border:0;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 18px -8px color-mix(in oklch, var(--accent) 70%, transparent)}
.nz-ta__new-btn:hover{filter:brightness(1.07)}
.nz-ta__new-plus{width:18px;height:18px;border-radius:5px;background:color-mix(in oklch, var(--on-accent) 14%, transparent);display:grid;place-items:center;font-size:14px;line-height:1}
.nz-ta__new-kbd{margin-left:2px;padding:1px 5px;border-radius:4px;border:1px solid color-mix(in oklch, var(--on-accent) 30%, transparent);background:transparent;color:inherit;font-family:var(--font-mono);font-size:10.5px;font-weight:500}

/* Kafel „Nowa analiza” */
.nz-ta__veil{position:fixed;inset:0;z-index:40;background:oklch(0 0 0 / .35)}
.nz-ta__new-panel{position:absolute;top:44px;right:0;z-index:41;width:min(460px,calc(100vw - 32px));display:flex;flex-direction:column;border-radius:16px;background:var(--bg-raised);border:1px solid var(--ta-ctl-2);box-shadow:var(--shadow-pop);overflow:hidden}
.nz-ta__new-top{display:flex;flex-direction:column;gap:12px;padding:18px 18px 16px}
.nz-ta__new-intro{display:flex;flex-direction:column;gap:3px}
.nz-ta__new-title{font-size:15px;font-weight:600}
.nz-ta__new-sub{font-size:12.5px;color:var(--muted)}
.nz-ta__field{display:flex;align-items:center;height:46px;border-radius:11px;border:1.5px solid color-mix(in oklch, var(--accent) 55%, transparent);background:var(--field);box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 10%, transparent);transition:border-color .15s,box-shadow .15s;overflow:hidden}
.nz-ta__field[data-state="ok"]{border-color:color-mix(in oklch, var(--ok) 70%, transparent);box-shadow:0 0 0 4px color-mix(in oklch, var(--ok) 12%, transparent)}
.nz-ta__field[data-state="bad"]{border-color:color-mix(in oklch, var(--err) 70%, transparent);box-shadow:0 0 0 4px color-mix(in oklch, var(--err) 12%, transparent)}
.nz-ta__field-icon{width:44px;height:100%;flex-shrink:0;display:grid;place-items:center;border-right:1px solid var(--border)}
.nz-ta__field-ini{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700;background:color-mix(in oklch, var(--tone) 20%, transparent);color:var(--tone);transition:background .2s}
.nz-ta__field-ini[data-tone="idle"]{background:var(--border);color:var(--muted)}
.nz-ta__field-proto{padding-left:12px;font-family:var(--font-mono);font-size:13.5px;color:var(--text-4)}
.nz-ta__field-input{flex:1;min-width:0;height:100%;padding:0 8px 0 1px;border:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:13.5px;outline:none}
.nz-ta__field-mark{padding:0 12px;font-size:13px;font-weight:600;color:var(--err)}
.nz-ta__field[data-state="ok"] .nz-ta__field-mark{color:var(--ok)}
.nz-ta__new-msg{display:flex;align-items:center;gap:8px;min-height:18px;font-size:12.5px;color:var(--muted)}
.nz-ta__new-msg[data-state="bad"]{color:color-mix(in oklch, var(--err), var(--ink) 20%)}
.nz-ta__new-msg[data-state="ok"]{color:var(--ok)}
.nz-ta__new-open{padding:0;border:0;background:transparent;color:var(--accent-text);font-size:12.5px;cursor:pointer;text-decoration:underline}
.nz-ta__sug{display:flex;flex-direction:column;gap:6px}
.nz-ta__sug-row{display:flex;flex-wrap:wrap;gap:6px}
.nz-ta__sug-btn{height:28px;padding:0 10px;border-radius:7px;border:1px solid var(--border-control);background:transparent;color:var(--ta-ink-2);font-family:var(--font-mono);font-size:12px;cursor:pointer}
.nz-ta__sug-btn:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent);color:var(--ink)}
.nz-ta__new-scope{display:flex;flex-direction:column;gap:10px;padding:14px 18px;border-top:1px solid var(--line);background:var(--ta-raise)}
.nz-ta__scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.nz-ta__scope{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border-radius:9px;border:1px solid var(--ta-line-2);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.nz-ta__scope.is-on{border-color:color-mix(in oklch, var(--accent) 50%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent)}
.nz-ta__scope-box{width:16px;height:16px;flex-shrink:0;margin-top:1px;border-radius:5px;display:grid;place-items:center;font-size:10px;border:1.5px solid var(--ta-ctl-4);color:var(--on-accent)}
.nz-ta__scope.is-on .nz-ta__scope-box{border-color:var(--accent);background:var(--accent)}
.nz-ta__scope-text{display:flex;flex-direction:column;gap:1px}
.nz-ta__scope-label{font-size:12.5px;font-weight:500}
.nz-ta__scope-sub{font-size:11.5px;color:var(--muted)}
.nz-ta__limit-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nz-ta__limit-label{font-size:12.5px;color:var(--ta-ink-3)}
.nz-ta__limit-row .nz-ta__seg>button{height:26px;padding:0 10px;font-size:12px}
.nz-ta__limit-row .nz-ta__seg>button.is-on{background:var(--line)}
.nz-ta__new-foot{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--line)}
.nz-ta__eta{font-size:12px;color:var(--muted)}
.nz-ta__ghost{margin-left:auto;height:34px;padding:0 12px;border-radius:8px;border:0;background:transparent;color:var(--ta-ink-3);font-size:13px;cursor:pointer}
.nz-ta__ghost:hover{background:var(--ta-soft)}
.nz-ta__go{height:34px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:8px;border:0;background:var(--ta-line-2);color:var(--muted);font-size:13px;font-weight:600;cursor:default;transition:background .15s}
.nz-ta__go.is-ready{background:var(--accent);color:var(--on-accent);cursor:pointer}
.nz-ta__go-kbd{padding:1px 5px;border-radius:4px;border:1px solid currentColor;opacity:.45;background:transparent;color:inherit;font-family:var(--font-mono);font-size:10.5px;font-weight:500}

/* Kafle liczników */
.nz-ta__tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.nz-ta__tile{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:inherit;text-align:left;cursor:pointer}
.nz-ta__tile:hover{border-color:var(--tone)}
.nz-ta__tile.is-on{border-color:var(--tone);background:var(--bg-hover)}
.nz-ta__tile.is-static{cursor:default}
.nz-ta__tile.is-static:hover{border-color:var(--border)}
.nz-ta__tile-label{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ta-ink-3)}
.nz-ta__tile-n{font-size:24px;font-weight:600;letter-spacing:-.02em}
.nz-ta__list-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Tabela serwisów */
.nz-ta__table{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--border);background:var(--card);overflow-x:auto}
.nz-ta__tr{display:grid;grid-template-columns:minmax(220px,1.6fr) 64px minmax(150px,1fr) minmax(150px,1fr) 120px 150px 20px;gap:14px;min-width:900px;padding:12px 16px}
.nz-ta__tr--head{padding:10px 16px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}
.nz-ta__tr--row{align-items:center;border:0;border-top:1px solid var(--ta-soft);background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-ta__tr--row.is-first{border-top-color:transparent}
.nz-ta__tr--row:hover{background:var(--bg-hover)}
.nz-ta__site{display:flex;align-items:center;gap:11px;min-width:0}
.nz-ta__site-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.nz-ta__host{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--ink)}
.nz-ta__stack{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-ta__score-cell{display:flex;align-items:center;gap:8px}
.nz-ta__problems{display:flex;align-items:center;gap:10px;font-size:12.5px;white-space:nowrap;color:var(--ta-ink-2)}
.nz-ta__problems-on{display:flex;align-items:center;gap:10px}
.nz-ta__problem{display:flex;align-items:center;gap:5px}
.nz-ta__problem .nz-ta__dot{width:7px;height:7px}
.nz-ta__none{color:var(--muted)}
.nz-ta__crm{display:flex;flex-direction:column;gap:5px}
.nz-ta__crm-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;gap:1px;background:var(--border)}
.nz-ta__crm-bar>span,.nz-ta__sum-bar>span{background:var(--tone)}
.nz-ta__crm-text{font-size:11.5px;color:var(--muted)}
.nz-ta__when{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--ta-ink-2)}
.nz-ta__status{justify-self:start;padding:3px 9px;border-radius:999px;font-size:12px;white-space:nowrap;background:color-mix(in oklch, var(--tone) 14%, transparent);color:var(--tone)}
.nz-ta__chev{color:var(--muted);font-size:14px}

/* ===== Widok domeny: nagłówek ===== */
.nz-ta__head{flex-shrink:0;display:flex;flex-direction:column;gap:14px;padding:22px var(--ta-pad) 0;border-bottom:1px solid var(--border)}
.nz-ta__head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nz-ta__head-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.nz-ta__back{align-self:flex-start;display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--ta-ink-5);font-size:13px;cursor:pointer}
.nz-ta__back:hover{color:var(--ink)}
.nz-ta__head-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nz-ta__h1{margin:0;font-family:var(--font-mono);font-size:21px;font-weight:600;letter-spacing:-.01em}
.nz-ta__scan-info{font-size:12.5px;color:var(--muted)}
.nz-ta__head-tech{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
.nz-ta__tech-chip{height:28px;display:flex;align-items:center;gap:7px;padding:0 10px 0 4px;border-radius:8px;border:1px solid var(--border-control);background:var(--ta-raise);color:var(--ta-ink-1);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-ta__tech-chip.is-first{border-color:color-mix(in oklch, var(--accent) 40%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent)}
.nz-ta__tech-chip:hover{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-ta__tech-ini{width:20px;height:20px;flex-shrink:0;border-radius:6px;display:grid;place-items:center;font-size:9.5px;font-weight:700;background:color-mix(in oklch, var(--tone) 18%, transparent);color:var(--tone)}
.nz-ta__tech-ini--lg{width:36px;height:36px;border-radius:9px;font-size:14px;font-weight:600;background:color-mix(in oklch, var(--tone) 16%, transparent)}
.nz-ta__tech-name{font-weight:500}
.nz-ta__tech-name.is-first{font-weight:600}
.nz-ta__tech-ver{font-family:var(--font-mono);font-size:11px;color:var(--accent-text)}
.nz-ta__tech-cat{font-size:11px;color:var(--text-4)}
.nz-ta__tech-more{height:28px;padding:0 10px;border-radius:8px;border:1px dashed var(--ta-ctl-3);background:transparent;color:var(--ta-ink-3);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-ta__tech-more:hover{color:var(--ink);border-color:color-mix(in oklch, var(--accent) 60%, transparent)}
.nz-ta__head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-ta__send{height:34px;padding:0 16px;border-radius:8px;border:0;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.nz-ta__send:hover{filter:brightness(1.08)}
.nz-ta__send.is-waiting{background:var(--ta-line-2);color:var(--ta-ink-3)}
.nz-ta__send.is-sent{background:var(--ok);color:var(--on-accent)}
.nz-ta__scan{display:flex;flex-direction:column;gap:6px}
.nz-ta__scan-bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden}
.nz-ta__scan-bar>div{height:100%;background:var(--accent);transition:width .3s}
.nz-ta__scan-step{font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}
.nz-ta__tabs{display:flex;gap:2px;flex-wrap:wrap}
.nz-ta__tab{white-space:nowrap;flex-shrink:0;height:38px;display:flex;align-items:center;gap:8px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer}
.nz-ta__tab:hover{color:var(--ink)}
.nz-ta__tab.is-on{border-bottom-color:var(--accent);color:var(--ink)}
.nz-ta__tab-n{padding:1px 7px;border-radius:999px;font-size:11.5px;background:color-mix(in oklch, var(--card), var(--line) 76%);color:var(--ta-ink-3)}
.nz-ta__tab-n.is-alarm{background:color-mix(in oklch, var(--err) 16%, transparent);color:color-mix(in oklch, var(--err), var(--ink) 20%)}
.nz-ta__tabs-gap{height:14px}
.nz-ta__start{display:flex;justify-content:center;padding:18px var(--ta-pad) 60px}
.nz-ta__start-slot{width:100%;max-width:760px}

/* ===== Formularz CRM ===== */
.nz-ta__banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px var(--ta-pad) 0;max-width:1108px;padding:12px 16px;border-radius:14px;border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);background:color-mix(in oklch, var(--accent) 7%, transparent)}
.nz-ta__banner-text{flex:1 1 260px;display:flex;flex-direction:column;gap:2px}
.nz-ta__banner-title{font-size:13.5px;font-weight:600}
.nz-ta__banner-sub{font-size:12.5px;color:var(--ta-ink-4)}
.nz-ta__form{display:flex;flex-direction:column;gap:18px;padding:18px var(--ta-pad) 60px;max-width:1180px}
.nz-ta__sum{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.nz-ta__sum-left{flex:1 1 260px;display:flex;flex-direction:column;gap:7px;min-width:0}
.nz-ta__sum-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px}
.nz-ta__sum-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px}
.nz-ta__sum-legend>span{display:flex;align-items:center;gap:6px;color:var(--ta-ink-2)}
.nz-ta__sum-legend b{font-weight:600;color:var(--ink)}
.nz-ta__sq{width:8px;height:8px;border-radius:2px;background:var(--tone)}
.nz-ta__sum-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-ta__review{font-size:12.5px;color:var(--ta-ink-3)}
.nz-ta__review.is-done{color:var(--ok)}
.nz-ta__accept{height:30px;padding:0 14px;border-radius:8px;border:1px solid var(--ta-ctl-2);background:transparent;color:var(--ta-ink-1);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-ta__accept:hover{background:var(--bg-active)}
.nz-ta__form-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-ta__form-legend{margin-left:auto;display:flex;gap:12px;font-size:12px;color:var(--muted)}
.nz-ta__form-legend>span{display:flex;align-items:center;gap:5px}
.nz-ta__form-legend .nz-ta__dot{width:7px;height:7px}
.nz-ta__group{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--border);background:var(--card);overflow:hidden}
.nz-ta__group-head{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border)}
.nz-ta__group-title{font-size:13.5px;font-weight:600}
.nz-ta__group-range{font-size:12px;color:var(--muted)}
.nz-ta__group-dots{margin-left:auto;display:flex;gap:3px}
.nz-ta__group-dots>span{width:6px;height:14px;border-radius:2px;background:var(--tone)}
.nz-ta__row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 16px;border-top:1px solid var(--ta-soft)}
.nz-ta__row.is-first{border-top-color:transparent}
.nz-ta__row-no{width:28px;flex-shrink:0;align-self:flex-start;padding-top:1px;font-family:var(--font-mono);font-size:12px;color:var(--muted);text-align:right}
.nz-ta__row-name{flex:1 1 220px;display:flex;flex-direction:column;gap:3px;min-width:0}
.nz-ta__row-label{font-size:13.5px;color:var(--ink)}
.nz-ta__row-was{font-size:11.5px;color:var(--text-3)}
.nz-ta__row-issue{align-self:flex-start;padding:0;border:0;background:transparent;color:var(--accent-text);font-size:12px;cursor:pointer}
.nz-ta__row-issue:hover{text-decoration:underline}
.nz-ta__row-val{flex:1.2 1 220px;min-width:0;height:36px;padding:0 11px;border-radius:8px;border:1px solid var(--ta-ctl-4);background:var(--field);color:var(--ta-ink-1);font-size:13px;outline:none;text-overflow:ellipsis}
.nz-ta__row-val.is-filled{border-color:var(--border-control)}
.nz-ta__row-val:focus{border-color:color-mix(in oklch, var(--accent) 70%, transparent)}
.nz-ta__opts{margin-left:auto;flex-wrap:wrap;display:flex;padding:3px;gap:2px;border-radius:9px;background:var(--field);border:1px solid var(--ta-line-2)}
.nz-ta__opt{position:relative;height:30px;display:flex;align-items:center;gap:6px;padding:0 11px;border-radius:6px;border:0;background:transparent;color:var(--ta-ink-5);font-size:12.5px;font-weight:400;cursor:pointer;white-space:nowrap;transition:background .15s}
.nz-ta__opt:hover{background:var(--ta-soft)}
.nz-ta__opt.is-on,.nz-ta__opt.is-on:hover{background:var(--tone);color:var(--on-accent);font-weight:600}
.nz-ta__opt-dot{width:5px;height:5px;border-radius:50%;background:var(--tone)}
.nz-ta__opt.is-on .nz-ta__opt-dot{background:var(--on-accent)}
.nz-ta__row-text{flex:1 1 100%;margin-left:42px;width:calc(100% - 42px);padding:9px 11px;border-radius:8px;border:1px solid var(--border-control);background:var(--field);color:var(--ink);font-size:13px;line-height:1.5;resize:vertical;outline:none}

/* ===== Błędy na stronie ===== */
.nz-ta__crawl{display:flex;flex-direction:column;gap:14px;padding:18px var(--ta-pad) 60px;max-width:1280px}
.nz-ta__score{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center;padding:18px 22px;border-radius:16px;border:1px solid var(--border);background:var(--card)}
.nz-ta__score-main{display:flex;align-items:center;gap:16px}
.nz-ta__score-text{display:flex;flex-direction:column;gap:3px}
.nz-ta__score-text .nz-ta__label{font-size:11.5px}
.nz-ta__score-grade{font-size:17px;font-weight:600;color:var(--tone)}
.nz-ta__score-src{font-size:12px;color:var(--muted)}
.nz-ta__cats{flex:1 1 420px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.nz-ta__cat{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border-radius:11px;border:1px solid var(--border);background:var(--ta-sunk);color:inherit;text-align:left;cursor:pointer}
.nz-ta__cat:hover{border-color:var(--tone)}
.nz-ta__cat.is-on{border-color:var(--tone);background:var(--bg-active)}
.nz-ta__cat-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:12.5px;color:var(--ta-ink-3)}
.nz-ta__cat-v{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--tone)}
.nz-ta__cat-bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.nz-ta__cat-bar>span{display:block;height:100%;background:var(--tone)}
.nz-ta__cat-note{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-ta__md{display:flex;flex-wrap:wrap;min-height:540px;border-radius:16px;border:1px solid var(--border);background:var(--card);overflow:hidden}
.nz-ta__md-side{flex:1 1 300px;max-width:100%;display:flex;flex-direction:column;min-height:0;max-height:640px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:-1px;background:var(--ta-sunk)}
.nz-ta__md-filters{display:flex;gap:2px;flex-wrap:wrap;padding:10px 10px 8px;border-bottom:1px solid var(--border)}
.nz-ta__md-filter{height:28px;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:7px;border:0;background:transparent;color:color-mix(in oklch, var(--muted), var(--ink) 8%);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-ta__md-filter.is-on{background:var(--border);color:var(--ink)}
.nz-ta__md-filter .nz-ta__dot{width:7px;height:7px}
.nz-ta__md-filter-n{font-size:11.5px;opacity:.65}
.nz-ta__md-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:6px}
.nz-ta__md-group{display:flex;flex-direction:column}
.nz-ta__md-group>.nz-ta__label{padding:12px 10px 5px}
.nz-ta__md-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.nz-ta__md-row:hover{background:var(--bg-active)}
.nz-ta__md-row.is-on{background:var(--ta-soft);box-shadow:inset 2px 0 0 var(--tone)}
.nz-ta__md-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-ta__md-row-title{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-ta__md-row-title.is-on{font-weight:600}
.nz-ta__md-row-sub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nz-ta__md-row-n{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--tone);white-space:nowrap}
.nz-ta__md-ok{margin-top:8px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;border:1px dashed var(--border-control);background:transparent;color:var(--ta-ink-3);font-size:12.5px;cursor:pointer;text-align:left}
.nz-ta__md-ok:hover{background:var(--bg-active)}
.nz-ta__md-ok.is-on{background:var(--ta-soft)}
.nz-ta__md-ok-mark,.nz-ta__ok-mark{color:var(--ok);flex-shrink:0}
.nz-ta__md-body{flex:999 1 400px;min-width:0;min-height:0;overflow-y:auto}
.nz-ta__md-empty{height:100%;min-height:300px;display:grid;place-items:center;font-size:13px;color:var(--muted)}
.nz-ta__detail{display:flex;flex-direction:column;gap:16px;padding:22px 24px 28px}
.nz-ta__detail-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nz-ta__sev{display:flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:500;background:color-mix(in oklch, var(--tone) 14%, transparent);color:var(--tone)}
.nz-ta__sev .nz-ta__dot{width:7px;height:7px}
.nz-ta__tag{padding:3px 9px;border-radius:999px;font-size:12px;background:var(--ta-soft);color:var(--ta-ink-3)}
.nz-ta__detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nz-ta__detail-title{margin:0;flex:1 1 280px;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.01em;text-wrap:pretty}
.nz-ta__stats{display:flex;gap:16px}
.nz-ta__stat{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.nz-ta__stat-v{font-family:var(--font-mono);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--tone)}
.nz-ta__stat-k{font-size:11.5px;color:var(--muted)}
.nz-ta__detail-why{margin:0;max-width:680px;font-size:13.5px;line-height:1.6;color:var(--ta-ink-2);text-wrap:pretty}
.nz-ta__fix{display:flex;gap:12px;padding:12px 14px;border-radius:12px;background:color-mix(in oklch, var(--accent) 8%, transparent);border:1px solid color-mix(in oklch, var(--accent) 22%, transparent)}
.nz-ta__fix-mark{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;background:color-mix(in oklch, var(--accent) 20%, transparent);color:var(--accent-text)}
.nz-ta__fix-text{display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.55;color:var(--ta-ink-1);text-wrap:pretty}
.nz-ta__fix-title{font-size:12px;font-weight:600;color:var(--accent-text)}
.nz-ta__detail-btns{display:flex;gap:8px;flex-wrap:wrap}
.nz-ta__ghost-btn{height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--ta-ctl-2);background:transparent;color:var(--ta-ink-1);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-ta__ghost-btn:hover{background:var(--bg-active)}
.nz-ta__items{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border);overflow:hidden}
.nz-ta__item{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px;border-top:1px solid var(--ta-soft)}
.nz-ta__item.is-first{border-top-color:transparent}
.nz-ta__item:hover{background:var(--bg-hover)}
.nz-ta__item--head,.nz-ta__item--head:hover{border-top:0;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--ta-sunk);border-bottom:1px solid var(--border)}
.nz-ta__item-a{display:flex;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:transparent;color:var(--ta-ink-1);font-size:12px;text-align:left;cursor:copy}
.nz-ta__item-a.is-mono{font-family:var(--font-mono)}
.nz-ta__item-a>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-ta__ext{flex-shrink:0;padding:0 5px;border-radius:4px;font-family:var(--font-sans);font-size:10.5px;background:color-mix(in oklch, var(--warn) 16%, transparent);color:var(--warn)}
.nz-ta__item-b{font-size:12px;color:var(--ta-ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-ta__item-c{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--tone);white-space:nowrap}
.nz-ta__no-items{padding:12px 14px;border-radius:10px;background:var(--field);font-size:12.5px;line-height:1.5;color:var(--muted)}
.nz-ta__oks{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}
.nz-ta__ok{display:flex;align-items:baseline;gap:8px;padding:9px 11px;border-radius:9px;background:var(--field);font-size:12.5px;line-height:1.4;color:var(--ta-ink-2)}

/* ===== Strony ===== */
.nz-ta__pages{display:flex;flex-direction:column;gap:12px;padding:18px var(--ta-pad) 60px;max-width:1280px}
.nz-ta__pages-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nz-ta__pr{display:grid;grid-template-columns:52px minmax(200px,1.4fr) minmax(200px,2fr) 54px 54px 44px 62px 58px 66px;gap:12px;min-width:960px;align-items:center;padding:8px 16px;border-top:1px solid var(--ta-soft);font-size:12.5px;color:var(--ta-ink-3)}
.nz-ta__pr.is-first{border-top-color:transparent}
.nz-ta__pr:hover{background:var(--bg-hover)}
.nz-ta__pr--head,.nz-ta__pr--head:hover{padding:10px 16px;border-top:0;border-bottom:1px solid var(--border);background:transparent;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.nz-ta__pr>[data-tone]{color:var(--tone,var(--ta-ink-3))}
.nz-ta__st{justify-self:start;padding:1px 7px;border-radius:5px;font-family:var(--font-mono);font-size:11.5px;font-weight:600;background:color-mix(in oklch, var(--tone) 16%, transparent)}
.nz-ta__page-path{padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:12px;text-align:left;cursor:copy;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-ta__page-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ta-ink-2)}
.nz-ta__mono{font-family:var(--font-mono)}
.nz-ta__mono--muted{color:var(--ta-ink-3)}
.nz-ta__page-ix{font-size:12px}

/* ===== Analiza jeszcze trwa ===== */
.nz-ta__pane--wait{display:flex;justify-content:center;padding:28px var(--ta-pad) 60px}
.nz-ta__wait{width:100%;max-width:640px;display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--border);background:var(--card);overflow:hidden}
.nz-ta__wait-top{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 28px 18px;text-align:center}
.nz-ta__wait-title{font-size:19px;font-weight:600;letter-spacing:-.01em}
.nz-ta__wait-text{max-width:440px;font-size:13.5px;line-height:1.55;color:var(--ta-ink-3)}
.nz-ta__wait-info{font-size:12.5px;color:var(--muted)}
.nz-ta__wait-tasks{display:flex;flex-direction:column;padding:0 24px 8px}
.nz-ta__task{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--ta-soft)}
.nz-ta__task.is-first{border-top-color:transparent}
.nz-ta__task-dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--ok);box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--accent) 50%, transparent)}
.nz-ta__task-dot.is-done{background:color-mix(in oklch, var(--ok) 18%, transparent);box-shadow:none}
.nz-ta__task-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.nz-ta__task-top{display:flex;gap:8px;align-items:baseline}
.nz-ta__task-name{font-size:13.5px;font-weight:500}
.nz-ta__task-sub{font-size:12px;color:var(--text-3)}
.nz-ta__task-bar{height:3px;border-radius:2px;background:var(--border);overflow:hidden}
.nz-ta__task-bar>span{display:block;height:100%;background:var(--accent);transition:width 1s linear}
.nz-ta__task-bar>span.is-done{background:var(--ok)}
.nz-ta__task-v{font-family:var(--font-mono);font-size:12px;color:var(--muted);white-space:nowrap}
.nz-ta__task-v.is-done{color:var(--ok)}
.nz-ta__skeleton{display:flex;flex-direction:column;gap:12px;padding:18px 24px 24px;border-top:1px solid var(--border);background:var(--main)}
.nz-ta__sk-row{display:flex;gap:12px;align-items:center}
.nz-ta__sk{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bg-active) 0%,var(--ta-line-2) 50%,var(--bg-active) 100%);background-size:200% 100%;animation:nz-ta-shimmer 1.4s ease-in-out infinite}
.nz-ta__sk-gap{flex:1}
@keyframes nz-ta-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* ===== Technologie ===== */
.nz-ta__tech{display:flex;flex-direction:column;gap:16px;padding:18px var(--ta-pad) 60px;max-width:1180px}
.nz-ta__tech-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.nz-ta__tech-engine{padding:2px 8px;border-radius:6px;background:var(--ta-soft);color:var(--ta-ink-2);font-weight:500}
.nz-ta__tech-chips{display:flex;flex-wrap:wrap;gap:6px}
.nz-ta__chip{height:30px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:999px;border:1px solid var(--border-control);background:transparent;color:var(--ta-ink-3);font-size:12.5px;cursor:pointer;white-space:nowrap}
.nz-ta__chip.is-on{border-color:color-mix(in oklch, var(--accent) 60%, transparent);background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--ink)}
.nz-ta__chip-n{font-size:11.5px;opacity:.7}
.nz-ta__tech-group{display:flex;flex-direction:column;gap:8px}
.nz-ta__tech-group>.nz-ta__label{font-size:11.5px}
.nz-ta__tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.nz-ta__tech-card{display:flex;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card)}
.nz-ta__tech-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.nz-ta__tech-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.nz-ta__tech-card-name{font-size:14px;font-weight:600}
.nz-ta__tech-badge{padding:0 6px;border-radius:5px;font-family:var(--font-mono);font-size:11.5px;background:color-mix(in oklch, var(--accent) 14%, transparent);color:var(--accent-text)}
.nz-ta__tech-link{margin-left:auto;color:var(--muted);font-size:12px;text-decoration:none}
.nz-ta__tech-link:hover{color:var(--ink);text-decoration:none}
.nz-ta__tech-desc{font-size:12.5px;line-height:1.45;color:var(--ta-ink-4);text-wrap:pretty}
.nz-ta__tech-tags{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.nz-ta__tech-tags>span{padding:1px 6px;border-radius:4px;background:var(--ta-soft)}
=======
/* Logo w panelu jest u nas odnośnikiem do pulpitu (w makiecie zwykłym napisem),
   więc łapało kolor i podkreślenie odnośnika. Belka robi to samo przez
   .nz-topbar__brand. */
a.nz-brand,a.nz-brand:hover{color:inherit;text-decoration:none}

/* Stary arkusz (resources/css/app.css) maluje KAŻDY placeholder swoim kolorem
   z !important (--tekst-slaby z przezroczystością), więc reguła makiety
   input::placeholder wyżej nigdy nie dochodziła do głosu. W oprawie z makiety
   obowiązuje kolor z tego arkusza. */
.nz-main ::placeholder{color:var(--text-4) !important;opacity:1}

/* Wtyczka @tailwindcss/forms (stary arkusz) zdejmuje każdemu <select>
   wygląd systemowy i rysuje strzałkę obrazkiem tła - a reguły z makiety
   ustawiają `background` skrótem i ten obrazek kasują. Zostawało pole bez
   strzałki, które nie wygląda na listę do rozwinięcia. */
.nz-main select[class*="nz-"]{-webkit-appearance:auto;appearance:auto}

/* Pole z kodem koloru w „Kolor ikony". Reguła z makiety nie podaje
   wypełnienia, więc dostawało 8px 12px ze starego arkusza (wtyczka formularzy)
   i siedmioznakowy kod ucinał się na „#1977f:". Wypełnienie jak domyślne
   w przeglądarce - tyle, ile pole ma w makiecie. */
.nz-social__color input:not([type=color]){padding:1px 2px}

/* Pola wyboru w opcjach socialek stoją jako prawdziwe <input type="checkbox">
   z `accent-color` (patrz INTENTIONAL_GAPS: nz-social__box). Wtyczka formularzy
   ze starego arkusza zdejmuje im wygląd systemowy i maluje swój niebieski,
   a wtedy `accent-color` nie działa - zamiast barwy motywu był niebieski. */
.nz-social__opt input[type=checkbox]{-webkit-appearance:auto;appearance:auto}

/* ===== Przejście Logowanie → Pulpit (premium) — patrz public/js/nz-login-transition.js ===== */
.nz-fx{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}
.nz-auth .nz-logo--lg{position:relative;z-index:101;will-change:transform,filter,opacity}
.nz-auth.is-ok .nz-logo--lg{transform:none;box-shadow:0 0 0 10px color-mix(in oklch, var(--accent) 12%, transparent),0 14px 40px -6px color-mix(in oklch, var(--accent) 70%, transparent);transition:box-shadow .5s}
@media (prefers-reduced-motion: reduce){.nz-auth,.nz-app{animation:none!important;transition:opacity .3s!important}}

/* ============================================================================
   EKRAN TREŚCI — POPRAWKI ZE ZGŁOSZEŃ

   Reguły stoją na końcu arkusza, bo nadpisują swoje rodziny wyżej. Każda ma
   przy sobie powód; bez niego następna osoba cofnie je jako „jakieś nadpisanie".
   ============================================================================ */

/* NAPIS W PRZYCISKU WIERSZA STAŁ ZA WYSOKO.
   `.nz-content__page-action` to `span` z `height:28px` — element liniowy
   wysokości nie używa do układu, więc tekst siadał przy górnej krawędzi
   ramki. Wyrównanie wymaga pudełka. */
.nz-content__page-action{display:inline-flex;align-items:center;justify-content:center}

/* WIERSZ WYNIKU REAGUJE NA KURSOR.
   Klik w wiersz przechodzi do tej podstrony w kartach artykułów (patrz
   rowGoesToArticle), a nic tego nie zapowiadało: wiersz wyglądał jak sam
   tekst. Ten sam ton, co pod kursorem w kolejce zadań. */
.nz-content__page .nz-content__page-row{cursor:pointer;transition:background .12s}
.nz-content__page .nz-content__page-row:hover{background:var(--bg-active)}
/* Przycisk i odnośnik mają własne tło — pod nimi tło wiersza tylko szumi. */
.nz-content__page .nz-content__page-row .nz-content__page-action:hover,
.nz-content__page .nz-content__page-row a:hover{background:var(--card)}

/* PODGLĄD KODU ZAWIJA WIERSZE.
   `pre` domyślnie nie zawija, a schema i HTML to jeden długi wiersz bez
   spacji — panel wyjeżdżał poza ekran i ciągnął za sobą poziomy pasek
   przewijania całej strony. Makieta trzyma tu `pre-wrap`. */
.nz-content__copy-area{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}

/* NAZWA DOKUMENTU W KOLEJCE NIE WYCIEKA.
   Nazwy plików to jeden ciąg bez spacji („rolmot_pl_-_tresci_07a58228…"),
   więc zawijanie nie ma gdzie złamać wiersza i tekst wychodził poza panel,
   bez odstępu od krawędzi. Jedna linia z wielokropkiem mówi tyle samo:
   pełna nazwa stoi w dymku i na listwie nad polami. */
.nz-content__task-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nz-content__task-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* SKŁADNIA W PANELACH KODU.
   Kolory z motywu, nie wpisane — arkusz obsługuje osiem motywów i wpisana
   wartość rozjechałaby się na połowie z nich. Barwi je paintCode(), budując
   węzły, a nie innerHTML: w panelu stoi HTML z treścią klienta. */
.nz-content__copy-area .nz-code__tag{color:var(--accent)}
.nz-content__copy-area .nz-code__attr{color:color-mix(in oklch, var(--ok), var(--ink) 25%)}
.nz-content__copy-area .nz-code__value{color:color-mix(in oklch, var(--warn), var(--ink) 15%)}
.nz-content__copy-area .nz-code__key{color:var(--accent)}
.nz-content__copy-area .nz-code__number{color:color-mix(in oklch, var(--ok), var(--ink) 25%)}
.nz-content__copy-area .nz-code__punct{color:var(--muted)}
.nz-content__copy-area .nz-code__comment{color:var(--muted);font-style:italic}

/* PRZYCISK, PO KTORYM NIE MA ODWROTU, MA TO WIDAC.
   Makieta trzyma „Usuń" w wariancie ostrzegawczym (Tresc-na-strone.dc.html,
   rzad akcji glowy zadania). Kolor z motywu, nie wpisany - arkusz obsluguje
   osiem motywow. Spokojny w spoczynku, czerwony dopiero pod kursorem: ten
   przycisk stoi obok „Odloz" i nie ma krzyczec, zanim ktos go dotknie. */
.nz-content__btn--danger{border-color:color-mix(in oklch, var(--err) 35%, var(--line))}
.nz-content__btn--danger:hover{
  border-color:color-mix(in oklch, var(--err) 70%, transparent);
  background:color-mix(in oklch, var(--err) 12%, transparent);
  color:color-mix(in oklch, var(--err), var(--ink) 20%)
}

/* BĄK Z PRZYCISKIEM DO COFNIĘCIA.
   Dziedziczy wygląd po `.copy-toast`; dokładamy tylko miejsce na przycisk
   i jego wygląd. Przycisk ma być widoczny od razu — bąk gaśnie po ośmiu
   sekundach i nie ma czasu na szukanie go wzrokiem. */
.nz-undo-toast{display:inline-flex;align-items:center;gap:12px}
.nz-undo-toast__action{
  height:26px;padding:0 10px;border-radius:7px;cursor:pointer;
  border:1px solid color-mix(in oklch, var(--accent) 55%, transparent);
  background:color-mix(in oklch, var(--accent) 16%, transparent);
  color:inherit;font:inherit;font-size:12px;white-space:nowrap
}
.nz-undo-toast__action:hover{background:color-mix(in oklch, var(--accent) 30%, transparent)}

/* POWOD POD SPRAWDZENIEM - tylko w trybie diagnostycznym (?diagnostyka=1).
   Wciecie rowne znacznikowi i tekstowi wyzej, zeby zdanie czytalo sie jako
   przypis do TEGO wiersza, a nie jako osobna pozycja listy. */
.nz-start__why{
  margin:-2px 0 8px 28px;padding:6px 10px;
  border-left:2px solid color-mix(in oklch, var(--accent) 45%, transparent);
  background:color-mix(in oklch, var(--accent) 7%, transparent);
  border-radius:0 6px 6px 0;
  color:var(--ink-soft);font-size:12px;line-height:1.45
}
/* Tryb diagnostyczny wlaczony - cichy znacznik przy „← Pliki", a nie
   przycisk akcji. */
.nz-start__back--on{color:var(--accent)}

/* DZIALANIE W KARCIE USLUGI - np. „Załóż property" przy Search Console.
   Stoi obok nazwy, przed pigulka stanu, bo odpowiada na wiersze pod soba.
   `margin-left:auto` przechodzi na niego, zeby pigulka zostala przy prawej. */
.nz-start__svc-action{
  margin-left:auto;height:26px;padding:0 11px;border-radius:7px;cursor:pointer;
  border:1px solid color-mix(in oklch, var(--accent) 50%, var(--line));
  background:color-mix(in oklch, var(--accent) 14%, transparent);
  color:inherit;font:inherit;font-size:12px;white-space:nowrap
}
.nz-start__svc-action:hover{background:color-mix(in oklch, var(--accent) 28%, transparent)}
.nz-start__svc-action:disabled{opacity:.5;cursor:default}
.nz-start__svc-action.is-busy,.nz-start__retry.is-busy{opacity:.7}
.nz-start__svc-action + .nz-start__svc-status{margin-left:10px}

/* Krok GA4: zdanie o braku usługi i przycisk, który ją zakłada - w jednym
   wierszu, bo odpowiadają na to samo. */
.nz-start__ga-make{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* Pytanie o baner zgod w kroku GA4 - stoi przy kodzie, bo rozstrzyga o jego
   tresci, a nie przy ustawieniach. */
.nz-start__consent{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px 12px;border-radius:9px;background:var(--bg-soft)}
.nz-start__consent input{margin-top:2px;flex:none}
.nz-start__consent-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.nz-start__consent-name{font-size:13px}
.nz-start__consent-sub{font-size:12px;color:var(--text-3);line-height:1.45}

/* „Stylowanie treści" w nakładce nad narzędziem (public/tools/style-screen-overlay.js).
   Ramka przezroczysta do wczytania ekranu - inaczej mignęłaby pustą bielą. */
.nz-style-overlay{position:fixed;inset:0;z-index:1000;background:var(--bg)}
.nz-style-overlay__wait{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:13px;color:var(--muted)}
.nz-style-overlay__frame{position:relative;display:block;width:100%;height:100%;border:0;opacity:0;transition:opacity .15s ease}
.nz-style-overlay.is-ready .nz-style-overlay__frame{opacity:1}
html.nz-style-overlay-open{overflow:hidden}