/* =====================================================================
   EDYTOR SUPERKIDS — samodzielny CSS panelu edycji (inline CMS / „mini-Elementor")
   Ten plik definiuje WŁASNE zmienne (te, których motyw strony nie ma), aby panel
   wyglądał spójnie niezależnie od kolorystyki strony. Zmiennych WSPÓLNYCH z motywem
   (--ink, --line, --r, --pill, --shadow*, --ease-out) NIE nadpisujemy — dziedziczą
   z motywu SUPERKIDS, dzięki czemu panel jest „on-brand".
   ===================================================================== */
:root{
  --white:#ffffff;
  --panel:#f7f4f7;
  --panel-2:#efe9f0;
  --line-2:#e4dde6;
  --text-soft:#6f626c;
  --text-faint:#a094a0;
  --font-head:'Baloo 2', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
/* przyciski panelu — niezależne od .btn strony (czysty, neutralny wygląd admina) */
.editor .btn, .ak-picker__box .btn{
  display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body);
  font-weight:600; font-size:.86rem; line-height:1; cursor:pointer; text-decoration:none;
  padding:11px 16px; border-radius:var(--pill); border:1px solid var(--ink);
  background:var(--ink); color:#fff; box-shadow:none; transition:filter .2s, background .2s, color .2s, border-color .2s;
}
.editor .btn:hover, .ak-picker__box .btn:hover{ filter:brightness(1.1); transform:none; }
.editor .btn:active, .ak-picker__box .btn:active{ transform:none; }   /* zdejmij różowy shadow-red i „podskok" z .btn strony (style.css) — modal admina ma być neutralny */
.editor .btn--quiet, .ak-picker__box .btn--quiet{ background:var(--panel); color:var(--ink); border-color:var(--line-2); }
.editor .btn--quiet:hover, .ak-picker__box .btn--quiet:hover{ background:#fff; filter:none; border-color:var(--ink); }
.editor .btn--ghost, .ak-picker__box .btn--ghost{ background:transparent; color:var(--ink); border-color:var(--line-2); }
.editor .btn--ghost:hover, .ak-picker__box .btn--ghost:hover{ background:var(--panel); filter:none; }

/* =====================================================================
   TRYB EDYCJI — przycisk „Panel" + wysuwany edytor na hasło
   ===================================================================== */
.editor__scrim{ position:fixed; inset:0; z-index:139; background:rgba(20,26,32,.14); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .35s, visibility .35s; }   /* BEZ blur — strona musi być ostra podczas edycji z panelu; pointer-events:none = zamknięty scrim NIGDY nie blokuje kliknięć (nawet gdy przejście CSS utknie, np. w zthrottlowanej karcie) */
.editor__scrim.open{ opacity:1; visibility:visible; pointer-events:auto; }
.editor{ position:fixed; top:0; right:0; height:100%; width:min(430px,93vw); z-index:140; background:var(--white); border-left:1px solid var(--line); box-shadow:var(--shadow-lg); transform:translateX(103%); transition:transform .45s var(--ease-out); display:flex; flex-direction:column; }
.editor.open{ transform:none; }
.editor__head{ display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border-bottom:1px solid var(--line); }
.editor__head b{ font-family:var(--font-head); font-weight:500; font-size:1.12rem; color:var(--ink); letter-spacing:-.01em; }
/* mini-szuflada bez panelu: przełącznik zakładek Historia / SEO */
.editor__head--tabs{ gap:6px; padding:12px 16px; }
.editor__head--tabs .ed-mtab{ background:none; border:1px solid transparent; font:inherit; font-weight:600; font-size:.9rem; color:var(--text-soft, #8a7f70); padding:7px 14px; border-radius:10px; cursor:pointer; transition:background .15s, color .15s; }
.editor__head--tabs .ed-mtab:hover{ color:var(--ink, #2a2320); }
.editor__head--tabs .ed-mtab.on{ color:var(--ink, #2a2320); background:rgba(0,0,0,.06); }
.editor__head--tabs .editor__x{ margin-left:auto; }
.editor__x{ width:34px; height:34px; font-size:1.5rem; line-height:1; color:var(--text-soft); border-radius:var(--pill); }
.editor__x:hover{ background:var(--panel); color:var(--ink); }
.editor__body{ flex:1; overflow-y:auto; overflow-x:hidden; padding:22px 20px; min-width:0; }   /* nigdy nie przewijaj w bok — treść ma się mieścić w szufladzie */
.editor__body *{ min-width:0; }   /* pozwól elementom-flex kurczyć się poniżej szerokości treści (klucz do braku poziomego paska) */
.editor__hint{ font-size:.8rem; color:var(--text-soft); background:var(--panel); border:1px solid var(--line); border-radius:var(--r); padding:12px 14px; margin-bottom:20px; line-height:1.65; }
.editor__hint code{ background:#fff; border:1px solid var(--line-2); border-radius:4px; padding:1px 5px; font-size:.92em; }
.editor__field{ margin-bottom:16px; }
.editor__field label{ display:block; font-size:.7rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--text-soft); margin-bottom:7px; }
.editor__field input, .editor__field textarea{ width:100%; font-family:inherit; font-size:.94rem; color:var(--ink); background:var(--panel); border:1px solid var(--line-2); border-radius:var(--r); padding:11px 13px; }
.editor__field textarea{ min-height:58px; resize:vertical; line-height:1.5; }
.editor__field input:focus, .editor__field textarea:focus{ outline:none; border-color:var(--ink); background:#fff; box-shadow:0 0 0 3px rgba(27,31,35,.08); }
.editor__msg{ color:#b3261e; font-size:.85rem; margin-top:10px; }
.editor__foot{ display:flex; flex-wrap:wrap; gap:10px; padding:18px 24px; border-top:1px solid var(--line); }
.editor__foot .btn{ flex:1 1 auto; justify-content:center; padding:12px 14px; font-size:.84rem; }
.editor__toast{ position:fixed; left:24px; bottom:84px; z-index:150; max-width:330px; background:var(--ink); color:#fff; padding:12px 18px; border-radius:var(--r); font-size:.84rem; line-height:1.45; box-shadow:var(--shadow); opacity:0; transform:translateY(8px); pointer-events:none; transition:opacity .3s, transform .3s; }
.editor__toast.show{ opacity:1; transform:none; }
@media (max-width:560px){
  .editor__toast{ left:50%; transform:translateX(-50%) translateY(8px); bottom:74px; }
  .editor__toast.show{ transform:translateX(-50%); }
}
/* zakładki (Elementor-like) + media + historia */
.editor__tabs{ display:flex; gap:2px; padding:0 14px; border-bottom:1px solid var(--line); background:var(--panel); }
.ed-tab{ flex:1; padding:13px 6px; font-family:var(--font-body); font-weight:600; font-size:.8rem; color:var(--text-soft); border-bottom:2px solid transparent; transition:color .25s, border-color .25s, background .25s; }
.ed-tab:hover{ color:var(--ink); }
.ed-tab.on{ color:var(--ink); border-bottom-color:var(--ink); background:var(--white); }
.editor__toast.bad{ background:#b3261e; }
.editor__field input[type=text]{ width:100%; font-family:inherit; font-size:.94rem; color:var(--ink); background:var(--panel); border:1px solid var(--line-2); border-radius:var(--r); padding:11px 13px; }
.editor__field input[type=text]:focus{ outline:none; border-color:var(--ink); background:#fff; box-shadow:0 0 0 3px rgba(27,31,35,.08); }
.ed-sep{ border:0; border-top:1px solid var(--line); margin:22px 0 18px; }
.ed-media{ display:flex; gap:14px; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); }
.ed-media__thumb{ width:84px; height:62px; flex:0 0 auto; border-radius:var(--r); border:1px solid var(--line-2); background-color:var(--panel-2); background-position:center; background-size:cover; background-repeat:no-repeat; }
.ed-media__r{ flex:1; min-width:0; }
.ed-media__lab{ font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--text-soft); margin-bottom:9px; }
.ed-up, .ed-ogup{ font-size:.8rem; padding:9px 14px; cursor:pointer; }
.ed-hist{ display:grid; gap:8px; }
.ed-hist__row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 13px; background:var(--panel); border:1px solid var(--line); border-radius:var(--r); font-size:.85rem; color:var(--text-soft); }
.ed-hist__row b{ color:var(--ink); }
.ed-hist__row .btn, .editor__foot .ed-logout{ flex:0 0 auto; }
.ed-hist__row .btn{ padding:8px 14px; font-size:.78rem; }
/* ładniejsze przyciski Historii (zamiast systemowych/złotych .btn) */
.editor .ed-undo, #ak-admin .ed-undo{ display:flex; align-items:center; justify-content:center; gap:8px; padding:11px 14px; background:linear-gradient(180deg,#faf7f5,#f2ebe7); border:1px solid #e6ddd7; border-radius:10px; color:var(--rose-deep,#a05a3f); font-weight:600; font-size:.84rem; cursor:pointer; transition:background .12s, box-shadow .12s, color .12s; }
.editor .ed-undo:hover, #ak-admin .ed-undo:hover{ background:var(--rose-deep,#a05a3f); color:#fff; border-color:var(--rose-deep,#a05a3f); box-shadow:0 3px 12px rgba(160,90,63,.22); }
.ed-hist__row .ed-rev{ padding:7px 14px; border-radius:999px; background:#fff; border:1px solid #e2d8d1; color:var(--rose-deep,#a05a3f); font-weight:600; font-size:.76rem; transition:background .12s, color .12s; }
.ed-hist__row .ed-rev:hover{ background:var(--rose-deep,#a05a3f); color:#fff; border-color:var(--rose-deep,#a05a3f); }
/* dyskretna kłódka panelu w stopce */
.ak-lock{ display:inline-flex; align-items:center; gap:7px; font-family:var(--font-body); font-size:.78rem; font-weight:500; letter-spacing:.04em; color:var(--text-faint); cursor:pointer; background:none; border:none; padding:0; transition:color .25s, opacity .25s; opacity:.7; }
.ak-lock svg{ width:14px; height:14px; }
.ak-lock:hover{ color:var(--ink); opacity:1; }
.ak-lock--float{ position:fixed; left:18px; bottom:14px; z-index:130; color:var(--text-soft); opacity:.85; }
/* przełącznik języka (publiczny, w nagłówku) */
.langswitch{ display:flex; gap:2px; margin-left:14px; border:1px solid var(--line); border-radius:var(--pill); padding:2px; background:rgba(255,255,255,.55); }
.langswitch button{ font-family:var(--font-body); font-weight:600; font-size:.72rem; letter-spacing:.05em; color:var(--text-soft); padding:5px 9px; border-radius:var(--pill); transition:color .25s, background .25s; }
.langswitch button:hover{ color:var(--ink); }
.langswitch button.on{ color:#fff; background:var(--ink); }
/* język edycji w panelu */
.editor__lang{ display:flex; align-items:center; gap:6px; padding:11px 24px; border-bottom:1px solid var(--line); font-size:.72rem; letter-spacing:.04em; text-transform:uppercase; color:var(--text-soft); background:var(--panel); }
.ed-lang{ font-weight:600; font-size:.75rem; padding:5px 11px; border:1px solid var(--line-2); border-radius:var(--pill); color:var(--text-soft); }
.ed-lang.on{ background:var(--ink); color:#fff; border-color:var(--ink); }
/* klik na grafikę w trybie edycji — sygnał daje nakładka .ak-imghint */
body.editing [data-edit-img]{ cursor:pointer; outline:none; }
/* sekcje: duplikuj / usuń */
.ed-sec{ position:relative; outline:1.5px dashed rgba(27,31,35,.32); outline-offset:6px; }
.ed-secctrl{ position:absolute; top:8px; right:8px; z-index:40; display:flex; gap:4px; }
.ed-secctrl button{ width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-size:1rem; background:var(--ink); color:#fff; border:1px solid #fff; border-radius:8px; box-shadow:var(--shadow-sm); cursor:pointer; }
.ed-secctrl button:hover{ background:#2c333a; }
body.editing [data-edit-struct] [contenteditable]:focus{ outline:2px solid var(--ink); outline-offset:2px; border-radius:2px; }
@media (max-width:560px){ .langswitch{ margin-left:8px; } .editor__lang{ padding:11px 16px; } }
/* panel: wrapper + uchwyt szerokości */
.editor__wrap{ position:absolute; inset:0; display:flex; flex-direction:column; }
.editor__resizer{ position:absolute; top:0; left:-4px; width:10px; height:100%; cursor:ew-resize; z-index:6; }
.editor__resizer::after{ content:""; position:absolute; top:50%; left:4px; width:3px; height:44px; margin-top:-22px; background:var(--line-2); border-radius:3px; opacity:0; transition:opacity .2s; }
.editor__resizer:hover::after{ opacity:1; }
/* pływający pasek formatowania (inline) */
.editor__fab{ position:fixed; z-index:160; display:flex; align-items:center; gap:2px; background:var(--ink); color:#fff; padding:4px; border-radius:var(--pill); box-shadow:var(--shadow); }
.editor__fab button{ min-width:32px; height:30px; padding:0 9px; color:#fff; font-size:.82rem; font-weight:700; border-radius:var(--pill); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.editor__fab button:hover{ background:rgba(255,255,255,.18); }
.editor__fab .fabsep{ width:1px; height:18px; background:rgba(255,255,255,.24); margin:0 3px; }
/* edycja inline — klikalne teksty: subtelnie, tylko na hover/focus (minimalizm) */
body.editing [data-edit], body.editing [data-aedit], body.editing [data-hero-title], body.editing [data-count-edit]{ cursor:text; border-radius:3px; transition:background .18s, box-shadow .18s; }
body.editing [data-edit]:hover, body.editing [data-aedit]:hover, body.editing [data-hero-title]:hover, body.editing [data-count-edit]:hover{ background:rgba(27,31,35,.045); box-shadow:0 0 0 1px rgba(27,31,35,.16); }
body.editing [data-edit]:focus, body.editing [data-aedit]:focus, body.editing [data-hero-title]:focus, body.editing [data-count-edit]:focus{ outline:none; background:rgba(255,255,255,.65); box-shadow:0 0 0 2px var(--ink); }
.ed-secctrl button{ width:30px; }

/* ===== dolny pasek trybu edycji (wyraźne WŁ / WYŁ) ===== */
.ak-bar{ position:fixed; left:0; right:0; bottom:0; height:54px; z-index:135; display:flex; align-items:center; gap:14px; padding:0 16px; background:var(--ink); color:#fff; box-shadow:0 -10px 34px rgba(0,0,0,.22); }
.ak-bar__status{ display:flex; align-items:center; gap:9px; font-size:.82rem; font-weight:600; white-space:nowrap; }
.ak-bar__dot{ width:9px; height:9px; border-radius:50%; background:#37d98a; box-shadow:0 0 0 0 rgba(55,217,138,.6); animation:akpulse 2.2s infinite; }
.ak-bar__dot.off{ background:#8b929a; animation:none; box-shadow:none; }
@keyframes akpulse{ 0%{ box-shadow:0 0 0 0 rgba(55,217,138,.5);} 70%{ box-shadow:0 0 0 8px rgba(55,217,138,0);} 100%{ box-shadow:0 0 0 0 rgba(55,217,138,0);} }
.ak-bar__langs{ display:flex; gap:2px; margin-left:auto; border:1px solid rgba(255,255,255,.2); border-radius:var(--pill); padding:2px; }
.ak-bar__langs button{ color:rgba(255,255,255,.72); font-family:var(--font-body); font-weight:600; font-size:.73rem; letter-spacing:.05em; padding:5px 10px; border-radius:var(--pill); transition:background .2s, color .2s; }
.ak-bar__langs button:hover{ color:#fff; }
.ak-bar__langs button.on{ background:#fff; color:var(--ink); }
.ak-bar__act{ display:flex; align-items:center; gap:8px; }
.ak-bar__act button{ font-family:var(--font-body); font-weight:600; font-size:.82rem; color:#fff; padding:9px 15px; border-radius:var(--pill); border:1px solid rgba(255,255,255,.22); transition:background .2s, color .2s, border-color .2s; }
.ak-bar__act button:hover{ background:rgba(255,255,255,.12); }
.ak-bar__act .ak-save{ background:#fff; color:var(--ink); border-color:#fff; }
.ak-bar__act .ak-save:hover{ background:#e7e9eb; }
.ak-tgl{ display:inline-flex; align-items:center; gap:8px; }
.ak-tgl__sw{ position:relative; width:30px; height:17px; border-radius:9px; background:#37d98a; transition:background .2s; flex:0 0 auto; }
.ak-tgl__sw::after{ content:""; position:absolute; top:2px; left:15px; width:13px; height:13px; border-radius:50%; background:#fff; transition:left .2s; }
.ak-tgl[aria-pressed="false"] .ak-tgl__sw{ background:rgba(255,255,255,.28); }
.ak-tgl[aria-pressed="false"] .ak-tgl__sw::after{ left:2px; }
body.ak-auth{ padding-bottom:54px; }
body.ak-auth .totop{ display:none; }
body.ak-auth .ak-lock{ display:none; }
/* nakładka „Zmień zdjęcie" na grafice (pointer-events:none, by klik dotarł do obrazu) */
.ak-imghint{ position:fixed; z-index:125; display:flex; align-items:center; justify-content:center; pointer-events:none; border-radius:10px; background:rgba(18,22,26,.32); box-shadow:inset 0 0 0 2px rgba(255,255,255,.92), 0 0 0 1px rgba(27,31,35,.22); }
.ak-imghint__in{ display:inline-flex; align-items:center; gap:8px; background:rgba(18,22,26,.85); color:#fff; font-family:var(--font-body); font-size:.82rem; font-weight:600; letter-spacing:.02em; padding:8px 14px; border-radius:var(--pill); box-shadow:var(--shadow-sm); }
.ak-imghint__in svg{ width:18px; height:18px; }
/* responsywność paska */
@media (max-width:680px){
  .ak-bar{ flex-wrap:wrap; height:auto; min-height:54px; padding:8px 10px; gap:8px; }
  .ak-bar__lab{ display:none; }
  .ak-bar__langs{ order:2; }
  .ak-bar__act{ order:3; margin-left:auto; flex-wrap:wrap; justify-content:flex-end; }
  .ak-bar__act button{ padding:8px 11px; font-size:.78rem; }
  body.ak-auth{ padding-bottom:108px; }
}

/* ===== sterowanie tłem sekcji ===== */
.ed-bgctrl{ position:absolute; top:10px; right:10px; z-index:30; display:none; gap:5px; }
body.editing section:hover > .ed-bgctrl, body.editing footer:hover > .ed-bgctrl, .ed-bgctrl:hover{ display:flex; }
.ed-bgctrl button{ display:inline-flex; align-items:center; gap:6px; font-family:var(--font-body); font-size:.74rem; font-weight:600; color:#fff; background:rgba(20,24,28,.82); border:1px solid rgba(255,255,255,.25); border-radius:var(--pill); padding:6px 11px; cursor:pointer; }
.ed-bgctrl button[data-a="clear"]{ padding:6px 9px; font-size:1rem; line-height:1; }
.ed-bgctrl button:hover{ background:var(--ink); }
.ed-bgctrl svg{ width:14px; height:14px; }

/* ===== biblioteka mediów + uploader (picker i zakładka Media) ===== */
.ak-picker{ position:fixed; inset:0; z-index:170; display:flex; align-items:center; justify-content:center; background:rgba(16,19,23,.55); padding:20px; }
.ak-picker__box{ width:min(760px,96vw); max-height:88vh; display:flex; flex-direction:column; background:var(--white); border-radius:16px; box-shadow:var(--shadow); overflow:hidden; }
.ak-picker__head{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid var(--line); font-family:var(--font-head); font-weight:600; }
.ak-picker__x{ font-size:1.5rem; line-height:1; color:var(--text-soft); cursor:pointer; background:none; border:none; }
.ak-picker__x:hover{ color:var(--ink); }
.ak-picker__body{ padding:18px 20px; overflow:auto; }
/* modal wstawiania linku */
.ak-linkbox{ width:min(460px,96vw); }
.ak-lm-lab{ display:block; font-size:.72rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--text-soft); margin-bottom:8px; }
.ak-lm-row{ display:flex; gap:8px; }
.ak-lm-url{ flex:1; min-width:0; font-family:inherit; font-size:.95rem; color:var(--ink); background:var(--panel); border:1px solid var(--line-2); border-radius:var(--r); padding:11px 13px; }
.ak-lm-url:focus{ outline:none; border-color:var(--ink); background:#fff; box-shadow:0 0 0 3px rgba(27,31,35,.08); }
.ak-lm-go{ flex:0 0 auto; padding:11px 18px; }
.ak-lm-or{ display:flex; align-items:center; gap:12px; margin:16px 0; color:var(--text-faint); font-size:.76rem; letter-spacing:.05em; text-transform:uppercase; }
.ak-lm-or::before, .ak-lm-or::after{ content:""; flex:1; height:1px; background:var(--line); }
.ak-lm-file{ width:100%; justify-content:center; gap:8px; }
.ak-lm-unlink{ display:block; width:100%; margin-top:16px; background:none; border:none; color:var(--text-soft); font-size:.82rem; text-decoration:underline; cursor:pointer; }
.ak-lm-unlink:hover{ color:#b3261e; }
.ak-up{ display:flex; align-items:center; gap:14px; padding:18px; border:2px dashed var(--line-2); border-radius:var(--r); background:var(--panel); cursor:pointer; transition:border-color .2s, background .2s; }
.ak-up:hover, .ak-up:focus{ border-color:var(--ink); outline:none; }
.ak-up.drag{ border-color:var(--ink); background:#fff; }
.ak-up svg{ width:30px; height:30px; flex:0 0 auto; color:var(--ink); }
.ak-up b{ color:var(--ink); }
.ak-up__hint{ font-size:.76rem; color:var(--text-soft); }
.ak-uprog{ display:grid; gap:7px; margin:12px 0 0; }
.ak-uprow{ display:grid; grid-template-columns:1fr 120px 44px; align-items:center; gap:10px; font-size:.78rem; color:var(--text-soft); }
.ak-uprow__n{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ak-uprow__bar{ height:7px; background:var(--line); border-radius:6px; overflow:hidden; }
.ak-uprow__bar i{ display:block; height:100%; width:0; background:var(--ink); transition:width .2s; }
.ak-uprow.ok .ak-uprow__bar i{ background:#37a06a; }
.ak-uprow.bad .ak-uprow__bar i{ background:#b3261e; }
.ak-uprow__p{ text-align:right; font-variant-numeric:tabular-nums; }
.ak-medhead{ margin:20px 0 12px; font-family:var(--font-head); font-size:.95rem; color:var(--ink); font-weight:600; }
.ak-medcount{ color:var(--text-faint); font-weight:400; }
.ak-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:12px; }
.ak-tile{ position:relative; margin:0; border:1px solid var(--line); border-radius:var(--r); overflow:hidden; background:var(--panel-2); cursor:pointer; transition:border-color .2s, transform .12s; }
.ak-tile:hover{ border-color:var(--ink); transform:translateY(-2px); }
.ak-tile img{ width:100%; height:90px; object-fit:cover; display:block; }
.ak-tile figcaption{ font-size:.66rem; color:var(--text-soft); padding:6px 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ak-tile__x{ position:absolute; top:5px; right:5px; width:22px; height:22px; border-radius:50%; background:rgba(20,24,28,.78); color:#fff; font-size:1rem; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer; border:none; opacity:0; transition:opacity .15s; }
.ak-tile:hover .ak-tile__x{ opacity:1; }
.ak-tile__x:hover{ background:#b3261e; }
.ak-tile__file{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; height:90px; background:var(--panel); color:var(--text-soft); }
.ak-tile__file svg{ width:30px; height:30px; }
.ak-tile__file b{ font-size:.58rem; text-transform:uppercase; letter-spacing:.1em; color:var(--ink); }
.ak-tile--file:hover .ak-tile__file{ background:#fff; }
/* w trybie edycji linki wyglądają na edytowalne, nie klikalne */
body.editing a[data-aedit]{ cursor:text; }
@media (max-width:560px){ .ak-grid{ grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); } .ak-uprow{ grid-template-columns:1fr 80px 40px; } }
/* pager biblioteki mediów */
.ak-pager{ display:flex; align-items:center; justify-content:center; gap:14px; margin-top:14px; font-size:.8rem; color:var(--text-soft); }
.ak-pager:empty{ display:none; }
.ak-pg{ font-family:var(--font-body); font-weight:600; font-size:.78rem; color:var(--ink); background:var(--panel); border:1px solid var(--line-2); border-radius:var(--pill); padding:7px 14px; cursor:pointer; transition:background .2s, border-color .2s; }
.ak-pg:hover:not([disabled]){ border-color:var(--ink); background:var(--white); }
.ak-pg[disabled]{ opacity:.4; cursor:default; }
/* zakładka Poczta */
.grid-2-ed{ display:grid; grid-template-columns:repeat(auto-fit, minmax(148px, 1fr)); gap:10px; }   /* dopasuj do szerokości SZUFLADY, nie okna — 1 kolumna gdy wąsko, 2 gdy szeroko */
.editor__field select{ width:100%; font-family:inherit; font-size:.94rem; color:var(--ink); background:var(--panel); border:1px solid var(--line-2); border-radius:var(--r); padding:11px 13px; cursor:pointer; }
.editor__field select:focus{ outline:none; border-color:var(--ink); background:#fff; box-shadow:0 0 0 3px rgba(27,31,35,.08); }
.ed-mailbtns{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }   /* przyciski zawijają się do kolejnych linii zamiast wychodzić poza szufladę */
.ed-mailbtns .btn{ flex:1 1 auto; justify-content:center; padding:11px 14px; font-size:.84rem; }
.ed-mailbtns .ed-mini2{ flex:1 1 auto; min-width:0; justify-content:center; text-align:center; }
@media (max-width:560px){ .grid-2-ed{ grid-template-columns:1fr; } }

/* ===== galeria ikon ===== */
.ak-iconpick .ak-picker__box{ width:min(620px,96vw); }
.ak-icongrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(58px,1fr)); gap:8px; }
.ak-iconbtn{ display:flex; align-items:center; justify-content:center; aspect-ratio:1; border:1px solid var(--line); border-radius:var(--r); background:var(--panel); color:var(--ink); cursor:pointer; transition:border-color .15s, transform .1s, background .15s; }
.ak-iconbtn:hover{ border-color:var(--ink); background:#fff; transform:translateY(-2px); }
.ak-iconbtn svg{ width:24px; height:24px; }
/* ===== edytor haseł hero ===== */
.ed-herobox{ background:var(--panel); border:1px solid var(--line); border-radius:var(--r); padding:14px; margin-bottom:4px; }
.ed-herohead{ font-family:var(--font-head); font-weight:600; font-size:.92rem; color:var(--ink); margin-bottom:4px; }
/* ===== usuwanie sekcji ===== */
.ed-bgctrl .ed-del{ background:rgba(120,30,28,.85); }
.ed-bgctrl .ed-del:hover{ background:#b3261e; }
body.editing .ak-hiddensec{ opacity:.42; outline:2px dashed rgba(179,38,30,.55); outline-offset:-4px; }
body.editing .ak-hiddensec::after{ content:"SEKCJA UKRYTA"; position:absolute; top:10px; left:50%; transform:translateX(-50%); z-index:31; background:#b3261e; color:#fff; font:600 .68rem/1 var(--font-body); letter-spacing:.08em; padding:6px 11px; border-radius:var(--pill); pointer-events:none; }
/* ===== pasek przewijany — pauza i edycja w trybie edycji ===== */
body.editing .marquee__track{ animation-play-state:paused; }
body.editing .tape__item{ cursor:text; }

/* ===== zakładka SEO: piksele i analityka ===== */
.ed-trk__h{ font-family:var(--font-head); font-weight:700; font-size:1rem; color:var(--ink); margin:2px 0 2px; }
.ed-trk__sub{ font-weight:400; font-size:.78rem; color:var(--text-soft); }
.ed-trk__grp{ background:var(--panel); border:1px solid var(--line); border-radius:var(--r); padding:13px 14px; margin:12px 0; }
.ed-trk__grp > b{ display:block; font-size:.82rem; color:var(--ink); margin-bottom:10px; letter-spacing:.01em; }
.ed-trk__ev{ font-size:.8rem; color:var(--text-soft); margin:10px 0; line-height:2; }
.ed-trk__ev label, .ed-trk__big{ display:inline-flex; align-items:center; gap:6px; margin-right:10px; cursor:pointer; color:var(--ink); }
.ed-trk__big{ font-size:.86rem; }
.ed-trk .editor__field label input[type=checkbox], .ed-trk__ev input, .ed-trk__big input{ width:auto; margin:0; accent-color:var(--ink); }
.ed-trk .editor__field label{ text-transform:none; letter-spacing:0; font-weight:500; font-size:.8rem; color:var(--ink); display:inline-flex; align-items:center; gap:7px; }
.ed-mini{ display:inline-block; margin-top:7px; background:none; border:0; color:#b3261e; font-size:.76rem; cursor:pointer; text-decoration:underline; padding:0; }

/* ===== baner zgody RODO (cookie/piksele) ===== */
.ak-consent{ position:fixed; left:14px; right:14px; bottom:14px; z-index:9990; background:var(--ink); color:#fff; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,.3); animation:akConsentIn .35s ease; }
@keyframes akConsentIn{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
.ak-consent__in{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding:14px 18px; max-width:1100px; margin:0 auto; }
.ak-consent__txt{ flex:1; min-width:240px; margin:0; font-size:.86rem; line-height:1.55; color:rgba(255,255,255,.92); }
.ak-consent__txt a{ color:#fff; text-decoration:underline; }
.ak-consent__btns{ display:flex; gap:10px; flex-shrink:0; }
.ak-consent__btns button{ font-family:inherit; font-size:.84rem; font-weight:600; border-radius:999px; padding:10px 18px; cursor:pointer; border:1px solid rgba(255,255,255,.4); }
.ak-consent__no{ background:transparent; color:#fff; }
.ak-consent__no:hover{ background:rgba(255,255,255,.12); }
.ak-consent__yes{ background:#fff; color:var(--ink); border-color:#fff; }
.ak-consent__yes:hover{ filter:brightness(.94); }
@media (max-width:560px){ .ak-consent__in{ padding:13px 15px; } .ak-consent__btns{ width:100%; } .ak-consent__btns button{ flex:1; } }

/* =====================================================================
   SUPERKIDS — rozszerzenia „mini-Elementor": etykiety sekcji, harmonogram,
   pasek narzędzi sekcji, podgląd urządzeń, zakładka „Sekcje"
   ===================================================================== */

/* widoczność elementów animowanych w trybie edycji (superkids: .reveal = opacity:0 do scrolla) */
body.editing .reveal{ opacity:1 !important; transform:none !important; }

/* wyraźny podział na sekcje + etykieta (tylko w edycji) */
body.editing main#main > section[data-ak-id]{ outline:1.5px dashed rgba(216,60,108,.35); outline-offset:-6px; }
body.editing main#main > section[data-ak-id]:hover{ outline-color:rgba(216,60,108,.7); }
body.editing main#main > section[data-ak-id]::before{
  content:attr(data-ak-label); position:absolute; top:0; left:0; z-index:28;
  background:var(--ink); color:#fff; font:600 .66rem/1.4 var(--font-body); letter-spacing:.02em;
  padding:5px 10px; border-radius:0 0 9px 0; pointer-events:none; max-width:62%;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:.85;
}
/* sekcja zaplanowana harmonogramem (widoczna w edycji, oznaczona) */
body.editing .ak-schedhidden{ outline:2px dashed rgba(224,118,31,.7) !important; outline-offset:-4px; }
.ak-schedbadge{ position:absolute; top:10px; left:50%; transform:translateX(-50%); z-index:31;
  background:#e0761f; color:#fff; font:600 .68rem/1 var(--font-body); letter-spacing:.02em;
  padding:6px 11px; border-radius:var(--pill); pointer-events:none; box-shadow:var(--shadow-sm); white-space:nowrap; }

/* pasek narzędzi sekcji — czytelniejszy, zawijany */
.ed-bgctrl{ flex-wrap:wrap; max-width:min(94vw,560px); justify-content:flex-end; }
.ed-bgctrl button.is-on{ background:#e0761f; border-color:#fff; }
.ed-bgctrl button[data-a="dup"], .ed-bgctrl button[data-a="add"], .ed-bgctrl button[data-a="sched"], .ed-bgctrl button[data-a="pad"]{ padding:6px 10px; font-size:.92rem; line-height:1; }
.ed-bgcolswatch{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:var(--pill); overflow:hidden; border:1px solid rgba(255,255,255,.45); background:rgba(20,24,28,.82); cursor:pointer; padding:0; }
.ed-bgcolswatch input[type=color]{ width:42px; height:42px; border:0; padding:0; background:none; cursor:pointer; }

/* pasek inline — próbnik koloru + przyciski wyrównania */
.editor__fab .fabcol{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:var(--pill); overflow:hidden; cursor:pointer; }
.editor__fab .fabcol input[type=color]{ width:40px; height:40px; border:0; padding:0; background:none; cursor:pointer; }
.editor__fab button[data-a="alignl"], .editor__fab button[data-a="alignc"], .editor__fab button[data-a="alignr"]{ font-size:.9rem; }

/* modal harmonogramu */
.ak-sched-r{ display:flex; align-items:center; gap:8px; margin:4px 0; font-size:.9rem; color:var(--ink); text-transform:none; letter-spacing:0; font-weight:500; cursor:pointer; }
.ak-sched-r input{ width:auto; margin:0; accent-color:var(--ink); }
.ak-schedmodal .ak-picker__box, .ak-padmodal .ak-picker__box, .ak-addsec .ak-picker__box{ width:min(520px,96vw); }
input[type="datetime-local"]{ width:100%; font-family:inherit; font-size:.94rem; color:var(--ink); background:var(--panel); border:1px solid var(--line-2); border-radius:var(--r); padding:10px 12px; }

/* biblioteka bloków (dodaj sekcję) */
.ak-tplgrid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ak-tplbtn{ text-align:left; padding:16px 14px; border:1px solid var(--line-2); border-radius:var(--r); background:var(--panel); color:var(--ink); cursor:pointer; transition:border-color .15s, background .15s, transform .1s; }
.ak-tplbtn:hover{ border-color:var(--ink); background:#fff; transform:translateY(-2px); }
.ak-tplbtn b{ font-family:var(--font-head); font-size:.95rem; }

/* modal odstępów */
.ak-padrow{ display:flex; flex-wrap:wrap; gap:6px; }
.ak-padbtn{ flex:1 1 auto; min-width:48px; padding:9px 10px; border:1px solid var(--line-2); border-radius:var(--pill); background:var(--panel); color:var(--ink); font-weight:600; font-size:.82rem; cursor:pointer; }
.ak-padbtn:hover{ border-color:var(--ink); background:#fff; }
.ak-padbtn--reset{ color:var(--text-soft); }

/* zakładka „Sekcje" — nawigator */
.ed-seclist{ display:grid; gap:9px; }
.ed-secrow{ border:1px solid var(--line); border-radius:var(--r); padding:11px 12px; background:var(--panel); }
.ed-secrow__t{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ed-secname{ flex:1 1 140px; min-width:0; font-family:inherit; font-size:.9rem; color:var(--ink); background:#fff; border:1px solid var(--line-2); border-radius:10px; padding:8px 10px; }
.ed-secname:focus{ outline:none; border-color:var(--ink); box-shadow:0 0 0 3px rgba(27,31,35,.08); }
.ed-secrow__b{ display:flex; gap:6px; margin-top:9px; flex-wrap:wrap; }
.ed-mini2{ font-family:var(--font-body); font-weight:600; font-size:.76rem; color:var(--ink); background:#fff; border:1px solid var(--line-2); border-radius:var(--pill); padding:7px 12px; cursor:pointer; transition:border-color .15s, background .15s; }
.ed-mini2:hover{ border-color:var(--ink); background:var(--panel); }
.ak-stat{ font-size:.68rem; font-weight:700; letter-spacing:.04em; padding:3px 8px; border-radius:var(--pill); white-space:nowrap; }
.ak-stat--on{ background:#d8f6e8; color:#1f7a52; }
.ak-stat--off{ background:#fde0e0; color:#b3261e; }
.ak-stat--sch{ background:#ffe7d3; color:#a8520a; }
.ak-stat--dup{ background:#e8e2f0; color:#5a3b8a; }

/* podświetlenie sekcji po „Pokaż" */
@keyframes akFlash{ 0%{ box-shadow:inset 0 0 0 3px rgba(216,60,108,.8);} 100%{ box-shadow:inset 0 0 0 3px rgba(216,60,108,0);} }
.ak-flash{ animation:akFlash 1.5s ease; }

/* przełącznik podglądu urządzeń (dolny pasek) */
.ak-bar__vp{ display:flex; gap:3px; margin-left:auto; border:1px solid rgba(255,255,255,.2); border-radius:var(--pill); padding:2px; }
.ak-bar__vp button{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:30px; color:rgba(255,255,255,.72); border-radius:var(--pill); transition:background .2s, color .2s; }
.ak-bar__vp button svg{ width:17px; height:17px; }
.ak-bar__vp button:hover{ color:#fff; }
.ak-bar__vp button.on{ background:#fff; color:var(--ink); }
.ak-bar__langs + .ak-bar__vp{ margin-left:10px; }
/* gdy obecny jest przełącznik języków, podgląd nie przejmuje marginesu */
.ak-bar__langs ~ .ak-bar__vp{ margin-left:10px; }

/* WIERNY podgląd responsywny — strona w ramce iframe (realna szerokość → media-queries działają) */
.ak-devframe{ position:fixed; left:0; right:0; top:0; bottom:54px; z-index:128; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:rgba(28,18,28,.62); backdrop-filter:blur(3px); }
.ak-devframe__head{ display:flex; align-items:center; gap:12px; color:#fff; font-family:var(--font-body); }
.ak-devframe__lab{ font-weight:700; font-size:.92rem; }
.ak-devframe__note{ font-size:.74rem; opacity:.7; }
.ak-devframe__x{ width:30px; height:30px; font-size:1.4rem; line-height:1; color:#fff; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.3); border-radius:50%; cursor:pointer; }
.ak-devframe__x:hover{ background:rgba(255,255,255,.28); }
.ak-devframe__dev{ background:#fff; border-radius:26px; padding:10px; box-shadow:0 40px 100px rgba(0,0,0,.45), 0 0 0 2px rgba(255,255,255,.12); overflow:hidden; max-width:calc(100vw - 32px); }
.ak-devframe__dev iframe{ display:block; border:0; width:100%; height:100%; border-radius:18px; background:#fff; }
@media (max-width:680px){ .ak-bar__vp{ order:1; } .ak-devframe__dev{ border-radius:18px; padding:6px; } }

/* sekcja zarządzana przez most MCP (Antigravity) */
.ak-stat--ai{ background:#e6f0ff; color:#1b54b8; }
body.editing section[data-ak-ai]{ outline:2px solid rgba(27,84,184,.55) !important; outline-offset:-4px; }
body.editing section[data-ak-ai]::after{ content:"AI"; position:absolute; top:8px; right:8px; z-index:31; background:#1b54b8; color:#fff; font:700 .6rem/1 var(--font-body); letter-spacing:.08em; padding:5px 8px; border-radius:8px; pointer-events:none; }

/* =====================================================================
   WYGODA — niezapisane zmiany, cofanie, przeciąganie sekcji, szukajka mediów
   ===================================================================== */

/* przycisk Zapisz sygnalizuje niezapisane zmiany (pomarańczowy puls) */
.ak-bar__act .ak-save.attn{ background:#e0761f; color:#fff; border-color:#e0761f; animation:akSavePulse 1.6s ease-in-out infinite; }
.ak-bar__act .ak-save.attn:hover{ background:#c9660f; }
.editor .ed-save.attn{ background:#e0761f; border-color:#e0761f; animation:akSavePulse 1.6s ease-in-out infinite; }
@keyframes akSavePulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(224,118,31,.45); } 50%{ box-shadow:0 0 0 7px rgba(224,118,31,0); } }

/* przycisk Cofnij w dolnym pasku */
.ak-bar__act .ak-undo[disabled]{ opacity:.38; cursor:default; }
.ak-bar__act .ak-undo[disabled]:hover{ background:none; }

/* uchwyt przeciągania + stany drag w zakładce „Sekcje" */
.ed-draghandle{ flex:0 0 auto; cursor:grab; color:var(--text-faint); font-size:1.05rem; line-height:1; padding:6px 4px; border-radius:8px; user-select:none; letter-spacing:-.08em; }
.ed-draghandle:hover{ color:var(--ink); background:#fff; }
.ed-draghandle:active{ cursor:grabbing; }
.ed-secrow.dragging{ opacity:.45; }
.ed-secrow.dragover{ border-color:var(--ink); box-shadow:0 0 0 2px rgba(27,31,35,.14); position:relative; }
.ed-secrow.dragover::before{ content:""; position:absolute; left:10px; right:10px; top:-6px; height:3px; border-radius:2px; background:#d83c6c; }

/* szukajka w bibliotece mediów */
.ak-medhead{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ak-medsearch{ margin-left:auto; flex:0 1 190px; min-width:120px; font-family:inherit; font-size:.82rem; color:var(--ink); background:#fff; border:1px solid var(--line-2); border-radius:var(--pill); padding:7px 12px; }
.ak-medsearch:focus{ outline:none; border-color:var(--ink); box-shadow:0 0 0 3px rgba(27,31,35,.08); }

/* przycisk „wyczyść formatowanie" w pasku inline */
.editor__fab button[data-a="clean"]{ font-size:.78rem; font-weight:700; }

/* =====================================================================
   Zakładka „Strony" — edycja menu, dodawanie/ukrywanie stron
   ===================================================================== */
.ak-hint-warn{ color:#c9660f; font-weight:700; }
.ed-menulist, .ed-pagelist{ display:grid; gap:8px; margin-bottom:10px; }
.ed-menurow{ border:1px solid var(--line); border-radius:var(--r); padding:10px 11px; background:var(--panel); }
.ed-menurow__t{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.ed-menu-label{ flex:1 1 150px; min-width:0; font-family:inherit; font-size:.9rem; color:var(--ink); background:#fff; border:1px solid var(--line-2); border-radius:10px; padding:8px 10px; }
.ed-menu-label:focus, .ed-menu-href:focus{ outline:none; border-color:var(--ink); box-shadow:0 0 0 3px rgba(27,31,35,.08); }
.ed-menu-href{ width:100%; margin-top:7px; font-family:inherit; font-size:.84rem; color:var(--ink); background:#fff; border:1px solid var(--line-2); border-radius:10px; padding:7px 10px; }
.ed-menu-page{ margin-top:6px; font-size:.78rem; color:var(--text-soft); }
.ed-menu-page code, .ed-pagerow code{ background:#fff; border:1px solid var(--line-2); border-radius:6px; padding:1px 6px; font-size:.76rem; color:var(--ink); }
.ed-menurow__b, .ed-pagerow__b{ display:flex; gap:6px; margin-top:9px; flex-wrap:wrap; }
.ed-addrow{ display:flex; gap:8px; flex-wrap:wrap; margin:4px 0 6px; }
.ed-addrow .btn{ flex:0 1 auto; padding:9px 14px; font-size:.82rem; }
.ed-pagerow{ border:1px solid var(--line); border-radius:var(--r); padding:10px 11px; background:#fff; }
.ed-pagerow__t{ display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.ed-newpage{ display:flex; align-items:flex-end; gap:8px; margin-top:12px; padding:12px; border:1px dashed var(--line-2); border-radius:var(--r); background:var(--panel); }
.ed-newpage .editor__field{ flex:1; margin:0; }
.ed-newpage .btn{ flex:0 0 auto; padding:11px 16px; }
.ed-menu-del, .ed-pg-del{ color:#b3261e; }
.ed-menu-del:hover, .ed-pg-del:hover{ border-color:#b3261e; background:#fde9e9; }

/* =====================================================================
   FILMY — blok wideo (YouTube/Vimeo/Drive) zamiast/obok zdjęcia
   ===================================================================== */
.ak-video{ position:relative; width:100%; }
.ak-video__frame{ position:relative; width:100%; aspect-ratio:16/9; border-radius:var(--r-lg,20px); overflow:hidden; box-shadow:var(--shadow,0 18px 40px rgba(0,0,0,.12)); background:#000; }
.ak-video__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.ak-video__link{ display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border-radius:999px; background:var(--ink,#1b1f23); color:#fff; text-decoration:none; font-weight:600; font-size:.9rem; }
.ak-video__link:hover{ filter:brightness(1.1); }
.ak-video__play{ display:inline-flex; align-items:center; justify-content:center; font-size:.8em; }
/* stan pusty — widoczny tylko w edycji (dla gościa pusty placeholder nie zajmuje miejsca) */
.ak-video__empty{ display:none; }
body.editing .ak-video--empty{ display:block; }
body.editing .ak-video--empty .ak-video__empty{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; aspect-ratio:16/9; border:2px dashed rgba(216,60,108,.5); border-radius:var(--r-lg,20px); color:#b3261e; font-weight:700; font-size:1rem; background:rgba(216,60,108,.05); }
body.editing .ak-video--empty .ak-video__play{ font-size:1.4rem; }
/* w edycji: klik w film otwiera modal (iframe nie przechwytuje kliknięć), wyraźny hover */
body.editing .ak-video{ cursor:pointer; }
body.editing .ak-video--set{ outline:2px solid transparent; outline-offset:3px; transition:outline-color .15s; }
body.editing .ak-video--set:hover{ outline-color:rgba(216,60,108,.6); }
body.editing .ak-video iframe{ pointer-events:none; }
body.editing .ak-video--set::after{ content:"▶ Kliknij, aby zmienić film"; position:absolute; top:8px; left:8px; z-index:5; background:var(--ink,#1b1f23); color:#fff; font:600 .7rem/1 var(--font-body,sans-serif); padding:6px 10px; border-radius:8px; pointer-events:none; opacity:.9; }

/* pasek „film zamiast zdjęcia" w pickerze */
.ak-vidbar{ display:block; width:100%; text-align:left; margin:10px 0 2px; padding:12px 14px; border:1px dashed var(--line-2); border-radius:var(--r); background:var(--panel); color:var(--ink); font-size:.86rem; cursor:pointer; transition:border-color .15s, background .15s; }
.ak-vidbar:hover{ border-color:var(--ink); background:#fff; }
.ak-vidbar .ak-video__play{ color:#b3261e; margin-right:4px; }

/* opis szablonu w „Dodaj sekcję" */
.ak-tplbtn small{ display:block; margin-top:3px; font-family:var(--font-body); font-weight:400; font-size:.76rem; color:var(--text-soft); }

/* ładny modal potwierdzenia (zamiast systemowego confirm) */
.ak-confirm .ak-picker__box{ width:min(440px,94vw); }
.ak-cf__msg{ margin:2px 0 18px; font-size:.95rem; line-height:1.65; color:var(--ink); }
.ak-cf__msg b{ color:inherit; }                 /* zwykłe <b> (nazwa pliku, nazwa galerii) — bez czerwieni */
.ak-cf__msg .ak-cf__warn{ color:#b3261e; }      /* czerwień tylko dla faktycznego ostrzeżenia (np. „nadpisane") */
.ak-cf__btns{ display:flex; gap:10px; justify-content:flex-end; }
.ak-cf__btns .btn{ padding:11px 20px; }
.ak-picker__box .ak-cf__ok--danger{ background:#b3261e; border-color:#b3261e; color:#fff; }
.ak-picker__box .ak-cf__ok--danger:hover{ filter:none; background:#9c1f18; }

/* =====================================================================
   ZAPYTANIA (skrzynka leadów) + MODUŁY (wtyczki) — style paneli
   ===================================================================== */
.ed-tabbadge{ display:inline-flex; align-items:center; justify-content:center; min-width:17px; height:17px; margin-left:6px; padding:0 5px; border-radius:var(--pill); background:#b3261e; color:#fff; font-size:.64rem; font-weight:800; line-height:1; vertical-align:1px; }
.ak-leadstats{ display:flex; gap:8px; margin:2px 0 10px; flex-wrap:wrap; }
.ak-lstat{ font-size:.76rem; color:var(--text-soft); background:var(--panel); border:1px solid var(--line-2); border-radius:var(--pill); padding:6px 12px; }
.ak-lstat b{ color:var(--ink); }
.ak-lstat--new b{ color:#b3261e; }
.ak-leadctl{ display:flex; gap:8px; margin-bottom:8px; }
.ak-leadctl select, .ak-leadctl input{ flex:1; min-width:0; font-family:var(--font-body); font-size:.8rem; padding:8px 10px; border:1px solid var(--line-2); border-radius:10px; background:#fff; color:var(--ink); }
.ak-leadctl2{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.ak-lead{ border:1px solid var(--line-2); border-radius:14px; background:#fff; padding:12px 14px; margin-bottom:10px; }
.ak-lead--new{ border-color:#e8b6ae; box-shadow:0 0 0 1px #f3d7d2; }
.ak-lead__t{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:.9rem; }
.ak-lead__meta{ font-size:.74rem; color:var(--text-soft); margin-top:3px; word-break:break-word; }
.ak-lead__meta a{ color:inherit; }
.ak-lead__topic{ font-size:.78rem; margin-top:6px; }
.ak-lead__extra{ display:flex; gap:10px; flex-wrap:wrap; font-size:.74rem; color:var(--text-soft); margin-top:5px; }
.ak-lead__msg{ font-size:.8rem; margin-top:8px; white-space:pre-line; color:var(--ink); background:var(--panel); border-radius:10px; padding:9px 11px; }
.ak-lead__reply{ font-size:.78rem; margin-top:8px; white-space:pre-line; background:#e8f6ee; border:1px solid #bfe5cd; border-radius:10px; padding:9px 11px; color:#1f5c3d; }
.ak-lead__act{ display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; }
.ak-lead__repbox{ margin-top:10px; }
.ak-lead__repbox textarea{ width:100%; box-sizing:border-box; font-family:var(--font-body); font-size:.86rem; line-height:1.5; padding:12px 14px; border:1px solid var(--line-2); border-radius:12px; resize:vertical; min-height:200px; }
.ak-lead__repbox textarea:focus{ outline:none; border-color:var(--rose,#c4826a); box-shadow:0 0 0 3px rgba(196,130,106,.12); }
/* wiersz opcji odpowiedzi: „Dołącz stopkę" + skrót do ustawień */
.ak-l-repopts{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:8px 2px; font-size:.78rem; color:var(--text-soft); }
.ak-l-sigchk{ display:inline-flex; align-items:center; gap:7px; cursor:pointer; }
.ak-l-sigchk input{ width:16px; height:16px; accent-color:var(--rose,#c4826a); cursor:pointer; }
.ak-l-repcfg{ background:none; border:0; color:var(--rose-deep,#a05a3f); font:inherit; font-size:.78rem; cursor:pointer; padding:2px 4px; border-radius:6px; margin-left:auto; }
.ak-l-repcfg:hover{ background:rgba(196,130,106,.1); }
/* modal ustawień odpowiedzi (stopka / powitanie) */
.ak-replyset .ak-picker__box{ max-width:520px; }
.ak-replyset textarea{ width:100%; box-sizing:border-box; font-family:var(--font-body); font-size:.85rem; line-height:1.5; padding:10px 12px; border:1px solid var(--line-2); border-radius:10px; resize:vertical; }
.ak-lpill{ font-size:.66rem; font-weight:700; letter-spacing:.04em; padding:3px 8px; border-radius:var(--pill); white-space:nowrap; }
.ak-lpill--new{ background:#fde0e0; color:#b3261e; }
.ak-lpill--read{ background:#ece7ee; color:#6f626c; }
.ak-lpill--rep{ background:#d8f6e8; color:#1f7a52; }
.ak-lpill--arch{ background:#efe9f0; color:#a094a0; }
.ak-lpill--core{ background:#e6f0ff; color:#1b54b8; }
.ak-modgrid{ display:grid; grid-template-columns:1fr; gap:10px; }
.ak-mod{ border:1px solid var(--line-2); border-radius:14px; background:#fff; padding:12px 14px; }
.ak-mod--off{ background:var(--panel); opacity:.82; }
.ak-mod__t{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:.88rem; }
.ak-mod__ico{ font-size:1.05rem; }
.ak-mod__d{ font-size:.76rem; color:var(--text-soft); margin-top:6px; line-height:1.5; }
.ak-mod__f{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; }
.ak-mod__meta{ font-size:.68rem; color:var(--text-faint); }

/* =====================================================================
   KONTRAST (WCAG AA) — mocniejsze przyciski, zakładki i statusy paneli.
   Nadpisania na końcu pliku: ciemniejszy tekst, wyraźniejsze obramowania,
   widoczny fokus klawiatury.
   ===================================================================== */
.ed-mini2{ color:#231b2e; border-color:#a99db1; font-size:.8rem; background:#fff; }
.ed-mini2:hover{ border-color:#231b2e; color:#0d0813; background:#fff; }
.ed-mini2:focus-visible{ outline:2px solid #231b2e; outline-offset:2px; }
.ed-tab{ color:#4a3f52; font-weight:700; }
.ed-tab:hover{ color:#0d0813; }
.ed-tab.on{ color:#0d0813; border-bottom-color:#0d0813; }
.ed-tab:focus-visible{ outline:2px solid #231b2e; outline-offset:-2px; }
.editor .btn--quiet, .ak-picker__box .btn--quiet{ color:#231b2e; border-color:#a99db1; }
.editor .btn--ghost, .ak-picker__box .btn--ghost{ color:#231b2e; border-color:#a99db1; }
.editor .btn:focus-visible, .ak-picker__box .btn:focus-visible{ outline:2px solid #0d0813; outline-offset:2px; }
.editor__hint{ color:#554a5e; }
.editor__x{ color:#4a3f52; }
.ak-stat--off{ background:#f8d0d0; color:#8a1c15; }
.ak-stat--sch{ background:#fddfc2; color:#8a4408; }
.ak-stat--dup{ background:#e2d9ee; color:#4a2f75; }
.ak-lpill--read{ background:#e3dbe6; color:#443a4d; }
.ak-lpill--arch{ background:#e7e0ea; color:#514758; }
.ak-lstat{ color:#443a4d; }
.ak-lead__meta{ color:#5d5265; }
.ak-lead__extra{ color:#5d5265; }
.ak-mod__d{ color:#554a5e; }
.ak-mod__meta{ color:#6b5f74; }
.ak-leadctl select, .ak-leadctl input{ border-color:#a99db1; color:#231b2e; }
.langswitch button{ color:#4a3f52; }

/* =====================================================================
   RESET PRZYCISKÓW UI EDYTORA — niezależny od strony.
   Edytor jest wstrzykiwany w CUDZE strony: gdy strona nie ma własnego
   resetu <button>, przeglądarka daje szare tło i ramkę, a UI edytora
   (biały tekst) staje się nieczytelne. :where() = zerowa specyficzność,
   więc reset NIE nadpisuje żadnej celowej reguły edytora.
   ===================================================================== */
:where(.editor, .editor__fab, .ak-bar, .ak-picker, .ed-bgctrl, .ed-secctrl, .ak-devframe, .langswitch) button{
  background:none; border:0; color:inherit; font-family:inherit; cursor:pointer; -webkit-appearance:none; appearance:none;
}

/* ---------- zakładka ELEMENT (opcje zaznaczonego elementu) ---------- */
body.editing .ak-elsel{ outline:2px dashed #7c5cff !important; outline-offset:3px; }
.ak-el__type{ font-size:.85rem; color:#231b2e; margin-bottom:12px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ak-el__thumb{ width:100%; height:150px; border-radius:12px; background-size:cover; background-position:center; border:1px solid var(--line-2); margin-bottom:12px; }
.ak-el-sizerow{ display:flex; gap:6px; align-items:center; min-width:0; }
.ak-el-sizerow input{ flex:1; min-width:0; width:auto; text-align:center; font-family:inherit; font-size:.9rem; padding:8px 6px; border:1px solid #a99db1; border-radius:10px; }
.ak-el-sizerow .ed-mini2{ flex:0 0 auto; }   /* A− / A+ stała szerokość, pole rozmiaru elastyczne */
.editor__field input[type=color]{ width:100%; height:42px; padding:3px; border:1px solid #a99db1; border-radius:10px; background:#fff; cursor:pointer; }

/* ===== szuflada NIE zasłania dolnego paska edycji; pasek zawsze klikalny ===== */
body.ak-auth .editor{ height:calc(100% - var(--ak-barh, 54px)); }   /* --ak-barh = realna wysokość paska, ustawiana z JS (pasek zawija się na wąskich oknach) */
body.ak-auth .editor__scrim{ bottom:var(--ak-barh, 54px); }
.ak-bar{ z-index:141; }

/* wiersz narzędzi w szufladzie (toggle edycji · cofnij · podgląd urządzeń) */
.editor__toolsrow{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:10px 24px; border-top:1px solid var(--line); background:var(--panel); }
.editor__toolsrow .ed2-vp{ display:inline-flex; gap:3px; margin-left:auto; border:1px solid #a99db1; border-radius:var(--pill); padding:2px; background:#fff; }
.editor__toolsrow .ed2-vp button{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:28px; border-radius:var(--pill); color:#4a3f52; }
.editor__toolsrow .ed2-vp button:hover{ color:#0d0813; background:var(--panel-2); }
.editor__toolsrow .ed2-vp button svg{ width:16px; height:16px; }

/* ===== MINI EDYTOR: uchwyty zmiany rozmiaru zaznaczonego elementu (jak w Edytorze Pro) ===== */
.ak-rsz{ position:fixed; z-index:145; pointer-events:none; box-sizing:border-box; outline:1.5px solid rgba(160,90,63,.5); outline-offset:0; border-radius:2px; }
.ak-rsz__h{ position:absolute; width:14px; height:14px; background:#fff; border:2px solid var(--rose-deep, #a05a3f); border-radius:4px; pointer-events:auto; box-shadow:0 1px 4px rgba(9,9,15,.4); }
.ak-rsz__h:hover{ background:var(--rose-deep, #a05a3f); }
.ak-rsz__h--e{ right:-7px; top:50%; margin-top:-7px; cursor:ew-resize; }
.ak-rsz__h--s{ bottom:-7px; left:50%; margin-left:-7px; cursor:ns-resize; }
.ak-rsz__h--se{ right:-7px; bottom:-7px; cursor:nwse-resize; }
.ak-rsz__lab{ position:absolute; right:0; bottom:-27px; display:none; background:var(--rose-deep, #a05a3f); color:#fff; font:600 11px/1 system-ui, sans-serif; padding:4px 8px; border-radius:5px; white-space:nowrap; box-shadow:0 2px 10px rgba(9,9,15,.4); }
body[data-ak-rszing] .ak-rsz__lab{ display:block; }
body[data-ak-rszing]{ cursor:nwse-resize; user-select:none; }

/* ===== MINI EDYTOR v2: ramka najechania (uniwersalne zaznaczanie) + okruszki + zaznaczenie ===== */
.ak-hovbox{ position:fixed; z-index:120; pointer-events:none; border:1.5px dashed rgba(196,130,106,.65); border-radius:8px; }
.ak-elsel{ outline:2px solid var(--rose-deep, #a05a3f) !important; outline-offset:2px; }
.ak-el__crumbs{ display:flex; flex-wrap:wrap; gap:5px; align-items:center; font-size:.72rem; color:#64748b; margin-bottom:10px; }
.ak-el-bgcwrap{ display:inline-flex; align-items:center; gap:6px; }
.ak-el-bgcwrap input[type=color]{ width:26px; height:22px; padding:0; border:1px solid #cbd5e1; border-radius:5px; background:#fff; cursor:pointer; }

/* ===== MINI EDYTOR v2 — dopracowanie UI szuflady (zero poziomego przewijania) ===== */
.ak-el__crumbs .ed-mini2{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ak-el__type code{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:bottom; }
/* grupy przycisków (szerokość, wyrównanie, tła) — spójny, gęsty rytm bez wypływania w bok */
.ak-el-w, .ak-el-al{ flex:1 1 46px; padding-left:8px; padding-right:8px; }
.ak-el-w.on, .ak-el-al.on{ background:var(--rose-deep, #a05a3f); border-color:var(--rose-deep, #a05a3f); color:#fff; }
.editor__field > label{ overflow-wrap:anywhere; }
.editor__body img, .editor__body svg{ max-width:100%; }

/* ===== MENU PRAWEGO PRZYCISKU — właściwe menu kontekstowe (wiersze akcji + flyout podmenu) ===== */
.ak-ctx{ position:fixed; z-index:148; }
.ak-cm{ position:fixed; min-width:224px; max-width:286px; max-height:min(78vh,560px); overflow-y:auto; background:#fff; border:1px solid #e6ddd7; border-radius:12px; box-shadow:0 14px 44px rgba(9,9,15,.28), 0 2px 8px rgba(9,9,15,.12); padding:5px; font-family:var(--font-body, system-ui, sans-serif); animation:ak-cm-in .11s ease-out; scrollbar-width:thin; }
.ak-cm--root{ position:static; }
.ak-cm::-webkit-scrollbar{ width:9px; } .ak-cm::-webkit-scrollbar-thumb{ background:#e0d3ca; border-radius:6px; border:2px solid #fff; }
@keyframes ak-cm-in{ from{ opacity:0; transform:translateY(-3px) scale(.985); } to{ opacity:1; transform:none; } }
.ak-cm__hd{ padding:7px 10px 4px; font-size:.66rem; letter-spacing:.07em; text-transform:uppercase; color:#a0897c; }
.ak-cm__hd b{ color:var(--rose-deep,#a05a3f); font-weight:700; }
.ak-cm__sep{ height:1px; background:#f0e7e1; margin:5px 6px; }
.ak-cm__it{ display:flex; align-items:center; gap:11px; width:100%; padding:7px 10px; border:0; background:transparent; border-radius:8px; cursor:pointer; text-align:left; font:500 .85rem/1.2 var(--font-body, system-ui, sans-serif); color:#2a2440; transition:background .09s; }
.ak-cm__it:hover, .ak-cm__it:focus{ background:#f6efeb; outline:none; }
.ak-cm__it:focus{ box-shadow:inset 0 0 0 1.5px rgba(160,90,63,.35); }
.ak-cm__it.is-on{ background:#f4ebe5; }
.ak-cm__it.is-danger{ color:#b3261e; }
.ak-cm__it.is-danger:hover, .ak-cm__it.is-danger:focus{ background:#fbeceb; }
.ak-cm__ic{ flex:0 0 18px; display:flex; align-items:center; justify-content:center; color:#94836f; }
.ak-cm__ic svg{ width:16px; height:16px; display:block; }
.ak-cm__it:hover .ak-cm__ic, .ak-cm__it:focus .ak-cm__ic{ color:var(--rose-deep,#a05a3f); }
.ak-cm__it.is-danger .ak-cm__ic{ color:#c0392b; }
.ak-cm__lb{ flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ak-cm__ar{ flex:0 0 auto; color:#c3b4a9; font-size:1.05rem; line-height:1; }
.ak-cm__hint{ flex:0 0 auto; background:#f4efec; border:1px solid #ece1d9; border-radius:5px; padding:1px 6px; font:600 .68rem/1.4 var(--font-body,system-ui); color:#9a8577; }
.ak-cm__it.is-on .ak-cm__ic{ color:var(--rose-deep,#a05a3f); }
/* flyout / panele */
.ak-cm--sub{ z-index:149; }
.ak-cm--pane{ padding:10px; min-width:200px; }
.ak-cm__sw{ display:grid; grid-template-columns:repeat(5,1fr); gap:6px; margin-bottom:8px; }
.ak-cm__swb{ width:100%; aspect-ratio:1/1; border:1px solid rgba(9,9,15,.14); border-radius:6px; cursor:pointer; }
.ak-cm__swb:hover{ transform:scale(1.08); }
.ak-cm__custom{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:.78rem; color:#475569; }
.ak-cm__custom input[type=color]{ width:36px; height:26px; padding:0; border:1px solid #cbd5e1; border-radius:6px; background:#fff; cursor:pointer; }
.ak-cm__stepr{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.ak-cm__stepr button{ flex:0 0 auto; width:38px; height:32px; border:1px solid #d8ccc4; background:#faf7f5; border-radius:8px; cursor:pointer; font-weight:700; color:#2a2440; }
.ak-cm__stepr button:hover{ background:var(--rose-deep,#a05a3f); color:#fff; border-color:var(--rose-deep,#a05a3f); }
.ak-cm__val{ flex:1 1 auto; text-align:center; font-weight:700; font-size:.85rem; color:#2a2440; }
.ak-cm__chips{ display:grid; grid-template-columns:repeat(6,1fr); gap:5px; }
.ak-cm__chips button{ border:1px solid #e2d8d1; background:#fff; border-radius:6px; padding:5px 0; cursor:pointer; font-size:.76rem; color:#475569; }
.ak-cm__chips button:hover{ background:var(--rose-deep,#a05a3f); color:#fff; border-color:var(--rose-deep,#a05a3f); }
.ak-cm__inp{ width:100%; padding:8px 10px; border:1px solid #cbd5e1; border-radius:8px; font-size:.84rem; margin-bottom:8px; box-sizing:border-box; }
.ak-cm__ok{ width:100%; padding:8px; border:0; background:var(--rose-deep,#a05a3f); color:#fff; border-radius:8px; cursor:pointer; font-weight:600; font-size:.84rem; }
.ak-cm__ok:hover{ filter:brightness(1.06); }
/* panel skali/rozmiaru */
.ak-cm__slab{ font-size:.68rem; letter-spacing:.04em; text-transform:uppercase; color:#a0897c; margin:2px 0 6px; }
.ak-cm__pcts{ display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin-bottom:8px; }
.ak-cm__pct{ border:1px solid #e2d8d1; background:#fff; border-radius:6px; padding:6px 0; cursor:pointer; font-size:.78rem; color:#475569; font-weight:600; }
.ak-cm__pct:hover{ background:#f6efeb; border-color:var(--rose-deep,#a05a3f); }
.ak-cm__pct.on{ background:var(--rose-deep,#a05a3f); color:#fff; border-color:var(--rose-deep,#a05a3f); }
.ak-cm__manual{ display:flex; gap:6px; margin-bottom:10px; }
.ak-cm__num{ flex:1 1 auto; min-width:0; padding:7px 9px; border:1px solid #cbd5e1; border-radius:7px; font-size:.82rem; }
.ak-cm__auto{ flex:0 0 auto; padding:0 11px; border:1px solid #d8ccc4; background:#faf7f5; border-radius:7px; cursor:pointer; font-size:.78rem; color:#6b5c50; }
.ak-cm__auto:hover{ background:var(--rose-deep,#a05a3f); color:#fff; border-color:var(--rose-deep,#a05a3f); }
.ak-cm__chk{ display:flex; align-items:center; gap:8px; font-size:.8rem; color:#475569; cursor:pointer; }
.ak-cm__chk input{ width:15px; height:15px; accent-color:var(--rose-deep,#a05a3f); }
.ak-cm__pos{ display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }
.ak-cm__posb{ border:1px solid #e2d8d1; background:#fff; border-radius:7px; padding:7px 0; cursor:pointer; font-size:.8rem; color:#475569; font-weight:600; }
.ak-cm__posb:hover{ background:#f6efeb; border-color:var(--rose-deep,#a05a3f); }
.ak-cm__posb.on{ background:var(--rose-deep,#a05a3f); color:#fff; border-color:var(--rose-deep,#a05a3f); }
/* filtry biblioteki mediów (obrazy / pliki) */
.ak-medfilter{ display:inline-flex; gap:5px; margin-left:6px; vertical-align:middle; }
.ak-medf{ border:1px solid #e2d8d1; background:#fff; border-radius:999px; padding:4px 12px; cursor:pointer; font-size:.75rem; color:#64748b; font-weight:600; }
.ak-medf:hover{ background:#f6efeb; }
.ak-medf.on{ background:var(--rose-deep,#a05a3f); color:#fff; border-color:var(--rose-deep,#a05a3f); }

/* ===== ŁADNE natywne kontrolki w UI edytora/panelu (zamiast systemowych) ===== */
.editor select, #ak-admin select, .ak-picker select, .ak-cm select, .adm-card select, .editor__body select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding:8px 32px 8px 11px; border:1px solid #cbd5e1; border-radius:8px; background-color:#fff;
  font:inherit; font-size:.85rem; color:#2a2440; cursor:pointer; line-height:1.3; max-width:100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394836f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 9px center;
}
.editor select:hover, #ak-admin select:hover, .adm-card select:hover{ border-color:#b7a99f; }
.editor select:focus, #ak-admin select:focus, .ak-picker select:focus, .adm-card select:focus, .editor__body select:focus{ outline:none; border-color:var(--rose-deep,#a05a3f); box-shadow:0 0 0 3px rgba(160,90,63,.12); }
.editor input[type=color], #ak-admin input[type=color], .ak-cm input[type=color], .adm-card input[type=color]{ border:1px solid #cbd5e1; border-radius:6px; cursor:pointer; background:#fff; padding:2px; }
.editor input[type=color]::-webkit-color-swatch, #ak-admin input[type=color]::-webkit-color-swatch, .ak-cm input[type=color]::-webkit-color-swatch{ border:0; border-radius:4px; }
.editor input[type=color]::-webkit-color-swatch-wrapper, #ak-admin input[type=color]::-webkit-color-swatch-wrapper{ padding:0; }

/* ===== HISTORIA ZMIAN — sekcja cofania/ponawiania (klient) w szufladzie ===== */
.ed-undoredo{ margin-bottom:4px; }
.ed-ur__btns{ display:flex; gap:8px; }
.ed-ur__btns .btn{ flex:1 1 auto; justify-content:center; }
.ed-ur__btns .btn[disabled]{ opacity:.42; cursor:default; }
.ed-ur__list{ list-style:none; margin:6px 0 0; padding:0; max-height:34vh; overflow-y:auto; }
.ed-ur__op{ display:flex; align-items:center; gap:8px; padding:6px 2px; font-size:.78rem; color:#334155; border-bottom:1px solid #f2eae5; }
.ed-ur__op:last-child{ border-bottom:0; }
.ed-ur__dot{ width:7px; height:7px; border-radius:50%; background:var(--rose-deep,#a05a3f); flex:0 0 auto; }
.ed-ur__lab{ flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ed-ur__op em{ color:#9aa4af; font-style:normal; font-size:.7rem; flex:0 0 auto; }
kbd{ background:#f1f5f9; border:1px solid #cbd5e1; border-bottom-width:2px; border-radius:5px; padding:1px 5px; font:600 .72em/1.4 var(--font-body,system-ui); color:#334155; }

/* ===== Dostęp AI (MCP) — wskaźnik stanu w Ustawieniach ===== */
.ak-mcp-stat{ display:inline-block; padding:6px 12px; border-radius:var(--pill,999px); font-size:.8rem; font-weight:700; }
.ak-mcp-stat.is-on{ background:#e7f6ec; color:#177245; box-shadow:inset 0 0 0 1px #b7e0c4; }
.ak-mcp-stat.is-off{ background:#f3f4f6; color:#64748b; box-shadow:inset 0 0 0 1px #e2e8f0; }
.ak-mcp-token{ word-break:break-all; font-size:.74rem; }
/* uprawnienia AI (zakresy: treść strony / ustawienia panelu) */
.ak-mcp-scopes{ margin-top:10px; padding:12px 14px; border:1px solid var(--adm-border,#e2e8f0); border-radius:12px; background:var(--adm-bg-light,#f8f7f4); }
.ak-mcp-sw{ display:flex; gap:10px; align-items:flex-start; padding:7px 0; cursor:pointer; }
.ak-mcp-sw + .ak-mcp-sw{ border-top:1px dashed var(--adm-border,#e2e8f0); }
.ak-mcp-sw input[type=checkbox]{ margin-top:3px; width:17px; height:17px; flex:0 0 17px; accent-color:var(--rose-deep,#a05a3f); cursor:pointer; }
.ak-mcp-sw span{ display:flex; flex-direction:column; gap:1px; line-height:1.35; }
.ak-mcp-sw span b{ font-size:.86rem; }
.ak-mcp-sw span small{ font-size:.72rem; color:var(--adm-muted,#64748b); }
/* Powiadomienia (Telegram / webhook) */
.ak-nt-row{ display:flex; align-items:center; gap:8px; font-size:.85rem; color:#334155; margin:10px 0; cursor:pointer; }
.ak-nt-row input{ width:16px; height:16px; accent-color:var(--rose-deep,#a05a3f); }
.ak-nt-chats{ margin-top:8px; display:flex; flex-wrap:wrap; gap:6px; }
.ak-nt-steps{ margin:6px 0 12px; padding-left:20px; font-size:.82rem; color:#475569; line-height:1.6; }
.ak-nt-steps li{ margin-bottom:4px; }
.ak-nt-alt{ border:1px solid #ece1d9; border-radius:10px; padding:2px 12px; background:#faf7f5; }
.ak-nt-alt summary{ cursor:pointer; font-weight:600; font-size:.82rem; color:var(--rose-deep,#a05a3f); padding:8px 0; list-style:none; }
.ak-nt-alt summary::-webkit-details-marker{ display:none; }
.ak-nt-alt summary::before{ content:"▸ "; }
.ak-nt-alt[open] summary::before{ content:"▾ "; }
.ak-nt-alt[open] summary{ margin-bottom:6px; }

/* ===== Panele zewnętrzne (frame — osadzanie przyszłych paneli SEO/social pod innym adresem) ===== */
.ak-pf-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.ak-pf-tab.on{ background:var(--rose-deep,#a05a3f); border-color:var(--rose-deep,#a05a3f); color:#fff; }
.ak-pf-dot{ opacity:.55; }
.ak-pf-frame{ position:relative; width:100%; height:min(70vh,720px); border:1px solid #e2e8f0; border-radius:12px; overflow:hidden; background:#f8fafc; }
.ak-pf-frame iframe{ width:100%; height:100%; border:0; display:block; }
.ak-pf-empty{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; height:100%; text-align:center; color:#64748b; padding:24px; }
.ak-pf-empty b{ color:#334155; font-size:1.05rem; }
.ak-pf-rows{ display:flex; flex-direction:column; gap:8px; margin-bottom:10px; }
.ak-pf-row{ display:flex; gap:8px; align-items:center; }
.ak-pf-row input{ flex:1 1 auto; min-width:0; padding:7px 10px; border:1px solid #cbd5e1; border-radius:8px; font-size:.85rem; }
.ak-pf-row .ak-pf-label{ flex:0 0 34%; }

/* wstawianie mediów z LINKU (picker) + natywny odtwarzacz plików wideo */
.ak-urlrow{ display:flex; align-items:center; gap:9px; margin:10px 0 2px; padding:9px 12px; border:1px dashed var(--line,#e3d9ce); border-radius:12px; background:rgba(0,0,0,.02); }
.ak-urlrow .ak-urlinp{ flex:1; min-width:0; font:inherit; font-size:.84rem; border:0; background:transparent; outline:none; color:inherit; }
.ak-urlrow .ak-urlgo{ flex:none; white-space:nowrap; }
.ak-video__frame video{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; object-fit:contain; background:#000; }