:root{--bg:#f5f7fb;--card:#fff;--text:#162033;--muted:#64748b;--brand:#2563eb;--danger:#dc2626;--ok:#16a34a;--border:#dbe3ef;--soft:#f8fafc;--shadow:0 14px 40px rgba(15,23,42,.08)}
.theme-modern{--bg:#eef5ff;--card:#fff;--text:#102033;--muted:#667085;--brand:#246bfe;--ok:#0e9f6e;--danger:#e02424;--border:#d8e3f2;--soft:#f6f9ff}
.theme-retro{--bg:#f7ecd8;--card:#fff8e8;--text:#2c2217;--muted:#7b6248;--brand:#b45309;--ok:#3f7d20;--danger:#9f1239;--border:#dfc9a6;--soft:#fff3d7}
.theme-creative{--bg:#180b2f;--card:#241044;--text:#fff7ff;--muted:#d8c7ff;--brand:#f43f8a;--ok:#22c55e;--danger:#fb7185;--border:#5b3b8a;--soft:#32185c;--shadow:0 20px 60px rgba(0,0,0,.25)}
.theme-elegant{--bg:#f4f1eb;--card:#fffdfa;--text:#171717;--muted:#66615a;--brand:#111827;--ok:#047857;--danger:#991b1b;--border:#ddd4c8;--soft:#f8f5ef}
.theme-wolskigym{--bg:#090909;--card:#151515;--text:#f5f5f5;--muted:#b6b6b6;--brand:#d7b56d;--ok:#22c55e;--danger:#ef4444;--border:#303030;--soft:#202020;--shadow:0 18px 48px rgba(0,0,0,.45)}
.theme-enjoysoda{--bg:#fff7fb;--card:#fff;--text:#1f2330;--muted:#687084;--brand:#ff4fa3;--ok:#00a86b;--danger:#e11d48;--border:#ffd5e8;--soft:#fff0f7}
.theme-kjkaminski{--bg:#f2f4f8;--card:#fff;--text:#15202b;--muted:#607087;--brand:#1f3b73;--ok:#166534;--danger:#b91c1c;--border:#d4dae6;--soft:#f8fafc}
.theme-nazwa{--bg:#f5f8ff;--card:#fff;--text:#101828;--muted:#667085;--brand:#0052cc;--ok:#00875a;--danger:#de350b;--border:#d6e0f5;--soft:#edf4ff}
.theme-home{--bg:#fff8f2;--card:#fff;--text:#17202a;--muted:#6b7280;--brand:#f97316;--ok:#15803d;--danger:#dc2626;--border:#fed7aa;--soft:#fff1e6}
.theme-cyberfolks{--bg:#f7f7ff;--card:#fff;--text:#16151f;--muted:#68667a;--brand:#6d28d9;--ok:#059669;--danger:#e11d48;--border:#ddd6fe;--soft:#f1edff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,var(--bg),var(--soft));color:var(--text);min-height:100vh}a{color:var(--brand);text-decoration:none}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 28px;background:color-mix(in srgb,var(--card) 92%,transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.top h1{font-size:22px;margin:0}.top nav{display:flex;gap:10px;flex-wrap:wrap}.top nav a{padding:9px 12px;border-radius:999px;background:var(--soft);font-weight:800;color:var(--text);border:1px solid var(--border)}.wrap{max-width:1180px;margin:28px auto;padding:0 18px}.narrow{max-width:680px}.card,.login-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.hero{display:flex;justify-content:space-between;gap:18px;align-items:center}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(440px,92vw)}h2{margin-top:0;font-size:21px}small,p{color:var(--muted)}strong{color:var(--text)}label{display:grid;gap:8px;margin:10px 0;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 13px;font:inherit;background:var(--card);color:var(--text)}textarea.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:60vh;line-height:1.55}button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:11px 15px;background:var(--brand);color:#fff;font-weight:850;cursor:pointer;font:inherit}.button{color:#fff}.good{background:var(--ok)}.danger{background:var(--danger)}.ghost,.light{background:var(--soft);color:var(--text);border:1px solid var(--border)}.small{padding:7px 10px;border-radius:10px;font-size:13px}.inline{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline input{max-width:420px}.inline .check{max-width:260px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.dir{border:1px solid var(--border);border-radius:18px;padding:18px;background:var(--soft);position:relative;overflow:hidden}.badge{position:absolute;right:14px;top:12px;background:var(--brand);color:#fff;border-radius:999px;padding:5px 9px;font-weight:900;font-size:12px}.dir h3{margin:0 48px 6px 0;word-break:break-word}.buttons{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px}.buttons form,.row-actions form{display:inline}.check{display:flex;grid-template-columns:auto 1fr;gap:8px;align-items:center;font-weight:600;color:var(--muted)}.check input{width:auto}.alert{padding:14px 16px;border-radius:16px;margin-bottom:18px;background:#dcfce7;color:#14532d;border:1px solid #bbf7d0}.alert.error{background:#fee2e2;color:#7f1d1d;border-color:#fecaca}.qr{font-weight:900;border:1px solid var(--border);padding:10px 12px;border-radius:14px;background:var(--card)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px;vertical-align:middle}th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.search-box{min-width:min(330px,100%)}.search-box summary{cursor:pointer;background:var(--soft);border:1px solid var(--border);border-radius:14px;padding:10px 12px;font-weight:900;list-style:none}.search-box form{display:flex;gap:8px;align-items:center;margin-top:10px}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pagination a{min-width:39px;height:39px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:var(--soft);color:var(--text);font-weight:900}.pagination a.active{background:var(--brand);color:#fff;border-color:var(--brand)}@media(max-width:760px){.top{align-items:flex-start;flex-direction:column}.inline,.hero,.section-head{display:grid}.grid{grid-template-columns:1fr}table{display:block;overflow-x:auto;white-space:nowrap}.search-box form{display:grid}.wrap{margin-top:16px}.card{padding:16px}}


/* v7 UI refinements */
.top{padding:16px 28px;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--soft) 90%,transparent));box-shadow:0 8px 30px rgba(15,23,42,.08)}
.top nav a{position:relative;overflow:hidden;padding:11px 16px;border-radius:16px;background:linear-gradient(135deg,var(--soft),color-mix(in srgb,var(--card) 78%,var(--brand)));box-shadow:0 8px 18px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.top nav a:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.12);border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}
.create-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.4fr);gap:18px;align-items:end}
.create-panel h2{font-size:18px;margin-bottom:4px}.create-panel p{font-size:13px;margin:0}.create-form input{max-width:none}.create-form button{white-space:nowrap}
.search-box summary{display:inline-flex;align-items:center;gap:7px;padding:11px 16px;border-radius:999px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,#ffffff));color:#fff;border:0;box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 25%,transparent);font-size:14px}.search-box[open] summary{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.search-form{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.search-button{border-radius:999px;padding:12px 18px;box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 24%,transparent);background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 76%,#ffffff))}
.badge{right:12px;top:10px;opacity:.12;color:var(--text);background:var(--text);font-size:22px;line-height:1;padding:8px 10px;border-radius:14px;z-index:0}.dir>*:not(.badge){position:relative;z-index:1}.dir h3{margin-right:70px}.pagination{justify-content:center;gap:12px;margin-top:24px}.pagination a{min-width:52px;height:52px;border-radius:18px;font-size:20px;background:linear-gradient(135deg,var(--card),var(--soft));box-shadow:0 8px 18px rgba(15,23,42,.08);transition:transform .18s ease,box-shadow .18s ease}.pagination a:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(15,23,42,.13)}.pagination a.active{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#ffffff));box-shadow:0 14px 30px color-mix(in srgb,var(--brand) 28%,transparent)}
.install-card{background:linear-gradient(135deg,var(--card),var(--soft))}.install-button{font-size:16px;padding:13px 18px;border-radius:18px}.muted-note{font-size:13px;color:var(--muted)}
@media(max-width:760px){.top nav{width:100%;display:grid;grid-template-columns:1fr 1fr}.top nav a{text-align:center;justify-content:center}.create-panel{grid-template-columns:1fr}.pagination a{min-width:46px;height:46px;font-size:18px}.search-box{width:100%}}


/* v8 UI additions */
.theme-aurora{--bg:#eef2ff;--card:#ffffff;--text:#111827;--muted:#5b6475;--brand:#4f46e5;--ok:#047857;--danger:#b91c1c;--border:#c7d2fe;--soft:#f5f7ff}
.theme-graphite{--bg:#111827;--card:#1f2937;--text:#f9fafb;--muted:#d1d5db;--brand:#38bdf8;--ok:#34d399;--danger:#fb7185;--border:#374151;--soft:#263244;--shadow:0 20px 60px rgba(0,0,0,.35)}
.theme-forest{--bg:#ecfdf5;--card:#ffffff;--text:#10241a;--muted:#4b6357;--brand:#047857;--ok:#16a34a;--danger:#b91c1c;--border:#bbf7d0;--soft:#f0fdf4}
.theme-ocean{--bg:#ecfeff;--card:#ffffff;--text:#102a43;--muted:#526d82;--brand:#0284c7;--ok:#059669;--danger:#be123c;--border:#bae6fd;--soft:#f0f9ff}
.theme-sunset{--bg:#fff7ed;--card:#ffffff;--text:#2d1b12;--muted:#7c5a48;--brand:#ea580c;--ok:#15803d;--danger:#be123c;--border:#fed7aa;--soft:#ffedd5}
.theme-minimal{--bg:#f8fafc;--card:#ffffff;--text:#0f172a;--muted:#475569;--brand:#0f172a;--ok:#047857;--danger:#b91c1c;--border:#e2e8f0;--soft:#f1f5f9}
.theme-royal{--bg:#f5f3ff;--card:#ffffff;--text:#1f1635;--muted:#665a80;--brand:#7c3aed;--ok:#059669;--danger:#e11d48;--border:#ddd6fe;--soft:#ede9fe}
.theme-coffee{--bg:#f5efe7;--card:#fffaf4;--text:#24160d;--muted:#6f5947;--brand:#7c2d12;--ok:#166534;--danger:#991b1b;--border:#dbc4ad;--soft:#efe2d2}
input[type="file"]{padding:8px;background:linear-gradient(135deg,var(--card),var(--soft));cursor:pointer}
input[type="file"]::file-selector-button{border:0;border-radius:12px;padding:10px 14px;margin-right:12px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#fff));color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 25%,transparent)}
.badge{opacity:.22;color:color-mix(in srgb,var(--text) 92%,var(--brand));background:color-mix(in srgb,var(--text) 14%,transparent);border:1px solid color-mix(in srgb,var(--text) 18%,transparent);font-size:18px;text-shadow:0 1px 0 color-mix(in srgb,var(--card) 80%,transparent)}
.copy-link{background:linear-gradient(135deg,var(--soft),var(--card));color:var(--text);border:1px solid var(--border);box-shadow:0 8px 16px rgba(15,23,42,.06)}
.copy-link.copied{background:var(--ok);color:#fff;border-color:var(--ok)}
.download-icon{width:38px;height:38px;border-radius:50%;padding:0;font-size:18px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,#fff));box-shadow:0 10px 20px color-mix(in srgb,var(--brand) 24%,transparent)}
button:hover,.button:hover,input[type="file"]::file-selector-button:hover{filter:brightness(1.04);transform:translateY(-1px)}
button,.button,input[type="file"]::file-selector-button{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}

/* v9: 12 items, compact cards, QR thumbnails, mobile file cards */
.grid{grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:14px}.dir{padding:14px;border-radius:16px}.dir h3{font-size:16px}.dir p{font-size:12px}.dir form{font-size:13px}.dir input,.dir button,.dir .button{font-size:13px}.badge{opacity:.36;background:color-mix(in srgb,var(--brand) 18%,var(--card));color:color-mix(in srgb,var(--text) 90%,var(--brand));border-color:color-mix(in srgb,var(--brand) 35%,var(--border));font-size:16px;font-weight:950;text-shadow:none}.qr-card{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--card);border-radius:14px;padding:6px 8px;font-weight:900;color:var(--text);box-shadow:0 8px 18px rgba(15,23,42,.06)}.qr-card.compact{padding:5px 7px}.qr-img{width:34px;height:34px;border-radius:7px;background:#fff;padding:2px;display:block}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(246px,1fr));gap:14px}.file-card{border:1px solid var(--border);border-radius:16px;background:var(--soft);padding:14px;position:relative;overflow:hidden}.file-card h3{margin:4px 54px 6px 0;font-size:16px;word-break:break-word}.file-card p{margin:4px 0;font-size:12px;color:var(--muted)}.file-icon{font-size:28px;line-height:1}.file-badge{font-size:15px;right:10px;top:10px}.file-card .buttons{margin-top:12px}.row-actions{align-items:center}table{display:none}.pagination a{min-width:54px;height:54px;font-size:21px;border-radius:18px}.search-button, .search-box form button{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#fff));box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 24%,transparent);border-radius:999px}
@media(max-width:760px){.grid,.file-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}.dir,.file-card{padding:12px;border-radius:15px}.dir h3,.file-card h3{font-size:14px;margin-right:46px}.dir p,.file-card p{font-size:11px}.buttons{gap:6px}.button,button{padding:9px 10px;border-radius:12px}.small{font-size:12px;padding:7px 8px}.qr-img{width:30px;height:30px}.qr-card span{font-size:12px}.pagination a{min-width:48px;height:48px;font-size:19px}}

/* v10: visible trash cards and smaller PC action buttons */
.trash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(246px,1fr));gap:14px;margin-top:16px}.trash-card{border:1px solid var(--border);border-radius:16px;background:var(--soft);padding:14px;position:relative;overflow:hidden}.trash-card h3{margin:6px 56px 8px 0;font-size:16px;word-break:break-word}.trash-card p{margin:4px 0;font-size:12px;color:var(--muted)}.trash-card .buttons{margin-top:12px}.trash-badge{font-size:15px;right:10px;top:10px}
@media(min-width:761px){.dir .buttons{gap:6px;margin-top:10px}.dir .buttons button,.dir .buttons .button{font-size:9px;padding:5px 7px;border-radius:8px;line-height:1.15}.dir .download-icon{width:27px;height:27px;font-size:13px;padding:0}.dir .qr-card{padding:4px 6px;border-radius:10px;font-size:10px}.dir .qr-img{width:24px;height:24px}.dir input[type="file"]::file-selector-button{padding:7px 10px;border-radius:9px}}
@media(max-width:760px){.trash-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}.trash-card{padding:12px;border-radius:15px}.trash-card h3{font-size:14px;margin-right:46px}.trash-card p{font-size:11px}}

/* v11: restored PC buttons and solid custom tile colors */
.dir,.file-card,.trash-card{background:var(--tile-bg,var(--soft));}
@media(min-width:761px){
  .dir .buttons{gap:9px;margin-top:14px;}
  .dir .buttons button,.dir .buttons .button{font-size:13px;padding:11px 15px;border-radius:14px;line-height:normal;}
  .dir .buttons .small{font-size:13px;padding:7px 10px;border-radius:10px;}
  .dir .download-icon{width:38px;height:38px;font-size:18px;padding:0;border-radius:50%;}
  .dir .qr-card{padding:6px 8px;border-radius:14px;font-size:13px;}
  .dir .qr-img{width:34px;height:34px;}
  .dir input[type="file"]::file-selector-button{padding:10px 14px;border-radius:12px;}
}
.color-dots{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:12px}.color-dot-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:800}.color-dot-label input{position:absolute;opacity:0;pointer-events:none}.color-dot{width:34px;height:34px;border-radius:50%;display:inline-block;border:3px solid var(--border);box-shadow:0 8px 18px rgba(15,23,42,.14)}.color-dot-label input:checked + .color-dot{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 22%,transparent),0 8px 18px rgba(15,23,42,.14)}

/* v12: wyszukiwarka, osobny kolor kafelki, mniejsze przeglądaj, przyciski Windows 8 */
.search-box{margin-bottom:20px;}
.search-box form,.search-form{margin-bottom:20px;}
.dir,.file-card,.trash-card{background:var(--tile-bg,var(--soft)) !important;}
.tile-color-form{margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}
.tile-color-dots{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tile-color-dots label{margin:0;display:inline-flex;cursor:pointer}
.tile-color-dots input{position:absolute;opacity:0;pointer-events:none;width:auto}
.tile-color-dots span{width:19px;height:19px;border-radius:50%;display:block;border:2px solid rgba(15,23,42,.22);box-shadow:0 2px 5px rgba(15,23,42,.16)}
.tile-color-dots input:checked + span{outline:3px solid color-mix(in srgb,var(--brand) 30%,transparent);border-color:var(--brand);transform:scale(1.08)}
input[type="file"]{max-width:260px;padding:5px 7px;border-radius:10px;font-size:12px;background:var(--card)}
input[type="file"]::file-selector-button{padding:7px 10px;margin-right:8px;border-radius:8px;font-size:12px;box-shadow:none}
.dir .buttons .button,.dir .buttons button,.file-card .buttons .button,.file-card .buttons button{border-radius:3px;min-height:38px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.16),0 6px 14px rgba(15,23,42,.10);font-weight:900;letter-spacing:.01em}
.dir .buttons .small,.file-card .buttons .small{border-radius:3px;min-height:34px}
.dir .qr-card,.file-card .qr-card{border-radius:3px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08),0 6px 14px rgba(15,23,42,.08)}
.dir .download-icon,.file-card .download-icon{border-radius:3px;width:38px;height:38px}
@media(max-width:760px){input[type="file"]{max-width:100%;width:100%}.tile-color-dots span{width:18px;height:18px}.dir .buttons .button,.dir .buttons button,.file-card .buttons .button,.file-card .buttons button{min-height:34px}}
/* v13: rozszerzona paleta kafelek i reset koloru */
.tile-color-dots{margin-top:10px;padding-top:10px;border-top:1px solid rgba(15,23,42,.08)}
.tile-color-dots span{width:18px;height:18px}
.tile-color-dots .reset-dot{background:#fff!important;color:#0f172a;display:grid;place-items:center;font-weight:900;font-size:15px;line-height:1;border-style:dashed}
.tile-color-dots .reset-dot-label:hover .reset-dot{background:#f1f5f9!important;transform:scale(1.08)}


/* v15: bezpieczne pobieranie i schludne pole wyboru plików */
.file-pick{display:inline-flex;align-items:center;margin:0;width:auto;cursor:pointer}
.file-pick input[type="file"]{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.file-pick span{display:inline-flex;align-items:center;justify-content:center;border-radius:3px;min-height:38px;padding:9px 13px;background:var(--brand);color:#fff;font-weight:900;box-shadow:inset 0 -2px 0 rgba(0,0,0,.16),0 6px 14px rgba(15,23,42,.10)}
.file-pick:hover span{filter:brightness(1.04);transform:translateY(-1px)}
.file-card .download-icon{font-size:18px;text-decoration:none}
.tile-upload{display:grid;gap:8px;margin:10px 0}
.upload-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tile-upload .file-pick span{min-height:34px;padding:8px 11px;font-size:.9rem}
.tile-upload button{min-height:34px;padding:8px 12px;font-size:.9rem}
.icon-only{width:38px;min-width:38px;height:38px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1}

/* v17: QR modal, ikony akcji i reset bez krzyżyka */
.qr-open{cursor:pointer}
.qr-modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.62);z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease;padding:20px}
.qr-modal.show{opacity:1;pointer-events:auto}
.qr-modal-box{position:relative;width:min(92vw,420px);background:var(--card);border:1px solid var(--border);border-radius:28px;padding:28px;text-align:center;box-shadow:0 30px 90px rgba(15,23,42,.38);transform:scale(.88);transition:transform .22s ease}
.qr-modal.show .qr-modal-box{transform:scale(1)}
.qr-modal-box img{width:min(72vw,300px);height:min(72vw,300px);background:#fff;border-radius:20px;padding:12px;box-shadow:0 16px 36px rgba(15,23,42,.14)}
.qr-modal-box p{margin:14px 0 0;color:var(--muted);font-weight:800}
.qr-modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:999px;padding:0;display:grid;place-items:center;background:var(--soft);color:var(--text);border:1px solid var(--border);font-size:24px;line-height:1}
.upload-row button[aria-label="Wgraj pliki"], form.inline button[aria-label="Wgraj pliki"]{width:38px;min-width:38px;height:38px;padding:0!important;border-radius:6px;font-size:18px;display:inline-grid;place-items:center;background:var(--brand);box-shadow:inset 0 -2px 0 rgba(0,0,0,.16),0 6px 14px rgba(15,23,42,.10)}
a[aria-label="Wejdź"]{width:38px;min-width:38px;height:38px;padding:0!important;display:inline-grid;place-items:center;border-radius:6px;font-size:18px;text-decoration:none}
button[title="Przenieś do kosza"],button[aria-label="Do kosza ZIP"]{font-size:18px!important}
.tile-color-dots .reset-dot{background:transparent!important;border:2px dashed rgba(15,23,42,.35)!important;color:transparent!important;box-shadow:none!important}
.tile-color-dots .reset-dot-label:hover .reset-dot{background:transparent!important;border-color:var(--brand)!important;transform:scale(1.08)}
@media(max-width:760px){.qr-modal-box{border-radius:22px;padding:22px}.qr-modal-box img{width:min(78vw,280px);height:min(78vw,280px)}}

/* v18: Google Material Symbols, większe ikony, tooltipy, QR bez ramki i upload bez auto-rozpakowania */
.icon-google .material-symbols-rounded{
  font-family:var(--icon-font,'Material Symbols Rounded');
  font-weight:var(--icon-weight,600);
  font-variation-settings:'FILL' var(--icon-fill,0), 'wght' var(--icon-weight,600), 'GRAD' 0, 'opsz' 24;
  font-style:normal;
  font-size:24px;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
  font-feature-settings:'liga';
  vertical-align:middle;
}
.icon-google .material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:var(--icon-weight,600);font-variation-settings:'FILL' var(--icon-fill,0), 'wght' var(--icon-weight,600), 'GRAD' 0, 'opsz' 24;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-feature-settings:'liga';vertical-align:middle}
.icon-google .material-symbols-sharp{font-family:'Material Symbols Sharp';font-weight:var(--icon-weight,600);font-variation-settings:'FILL' var(--icon-fill,0), 'wght' var(--icon-weight,600), 'GRAD' 0, 'opsz' 24;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-feature-settings:'liga';vertical-align:middle}
.icon-system .material-symbols-rounded,.icon-system .material-symbols-outlined,.icon-system .material-symbols-sharp{font-family:inherit;font-weight:900;font-style:normal;line-height:1;display:inline-block;vertical-align:middle}
.button .material-symbols-rounded, button .material-symbols-rounded, .file-pick .material-symbols-rounded,.button .material-symbols-outlined, button .material-symbols-outlined, .file-pick .material-symbols-outlined,.button .material-symbols-sharp, button .material-symbols-sharp, .file-pick .material-symbols-sharp{font-size:25px;}
.button.good{display:inline-flex;align-items:center;gap:7px;}
.file-pick span.material-symbols-rounded, .file-pick span.material-symbols-outlined, .file-pick span.material-symbols-sharp{
  width:42px;min-width:42px;height:38px;padding:0!important;
  display:inline-grid;place-items:center;font-size:25px;
}
.upload-row button[aria-label="Wgraj pliki"], form.inline button[aria-label="Wgraj pliki"]{
  width:42px;min-width:42px;height:38px;border-radius:6px;
}
.upload-row button[aria-label="Wgraj pliki"] .material-symbols-rounded, form.inline button[aria-label="Wgraj pliki"] .material-symbols-rounded{font-size:26px;}
a[aria-label="Wejdź"]{width:42px!important;min-width:42px!important;height:38px!important;border-radius:6px!important;}
a[aria-label="Wejdź"] .material-symbols-rounded{font-size:26px;}
.icon-only .material-symbols-rounded, button[title="Przenieś do kosza"] .material-symbols-rounded, button[aria-label="Do kosza ZIP"] .material-symbols-rounded{font-size:25px;}
.download-icon .material-symbols-rounded{font-size:25px;}
.qr-icon{
  display:inline-grid;place-items:center;width:46px;height:42px;
  color:var(--text);background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0!important;text-decoration:none;cursor:pointer;border-radius:8px;
}
.qr-icon.compact{width:44px;height:40px;}
.qr-icon .material-symbols-rounded{font-size:34px;font-weight:700;}
.qr-icon:hover{background:color-mix(in srgb,var(--brand) 10%,transparent)!important;color:var(--brand);transform:translateY(-1px);}
[data-tip]{position:relative;}
[data-tip]::before{
  content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);
  background:rgba(15,23,42,.96);color:#fff;font-size:12px;font-weight:800;line-height:1.25;
  padding:8px 10px;border-radius:10px;white-space:nowrap;box-shadow:0 14px 32px rgba(15,23,42,.22);
  opacity:0;pointer-events:none;transition:.16s ease;z-index:10000;
}
[data-tip]::after{
  content:'';position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%) translateY(4px);
  border:6px solid transparent;border-top-color:rgba(15,23,42,.96);opacity:0;pointer-events:none;transition:.16s ease;z-index:10000;
}
[data-tip]:hover::before,[data-tip]:focus-visible::before,[data-tip]:hover::after,[data-tip]:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0);}
.tile-upload .check, form.inline .check{display:none!important;}
@media(max-width:760px){
  .material-symbols-rounded,.material-symbols-outlined,.material-symbols-sharp{font-size:23px;}
  [data-tip]::before,[data-tip]::after{display:none;}
  .qr-icon{width:42px;height:38px}.qr-icon .material-symbols-rounded{font-size:31px;}
}


/* v22: same-icon action buttons, one-line action rows and back icon */
.sys-icon{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:25px;font-weight:900;line-height:1;display:inline-grid;place-items:center;min-width:1em;font-style:normal}
.icon-action,.buttons .button.good,.row-actions .button.good{width:42px!important;min-width:42px!important;height:38px!important;padding:0!important;border-radius:6px!important;display:inline-grid!important;place-items:center!important;gap:0!important}
.icon-action span:not(.sys-icon),.button.good span:not(.sys-icon){font-size:25px!important}.button.good .sys-icon{font-size:25px!important}
.dir>.buttons,.file-card .row-actions{flex-wrap:nowrap;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.dir>.buttons form,.file-card .row-actions form{flex:0 0 auto}.dir>.buttons>a,.dir>.buttons>button,.file-card .row-actions>a,.file-card .row-actions>button{flex:0 0 auto}
.row-actions button.small{width:42px;min-width:42px;height:38px;padding:0!important;border-radius:6px;display:inline-grid;place-items:center}
.qr-icon .sys-icon{font-size:34px!important}.file-pick .sys-icon{font-size:25px!important}.download-icon .sys-icon{font-size:25px!important}


/* v23: browse toolbar icons, flexible tile actions, icon-only create folder */
.dir>.buttons,.file-card .row-actions{flex-wrap:wrap!important;overflow-x:visible!important;padding-bottom:0!important;}
.upload-card .upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.upload-card h2{margin:0;}
.browse-quick-icons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.list-title{display:flex;align-items:center;gap:9px;}
.list-back-icon{width:34px;height:34px;border-radius:9px;background:var(--soft);border:1px solid var(--border);color:var(--text);display:inline-grid;place-items:center;text-decoration:none;}
.list-back-icon:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.10);}
.create-panel h2{display:flex;align-items:center;gap:8px;}
.create-panel h2 .sys-icon,.create-panel h2 .material-symbols-rounded{font-size:26px;}
.create-form{display:flex!important;align-items:center!important;gap:10px!important;}
.create-form input{flex:1 1 260px;}
.create-icon-button{width:44px;min-width:44px;height:44px;padding:0!important;border-radius:8px!important;display:inline-grid!important;place-items:center!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.15),0 8px 18px rgba(15,23,42,.10);}
.create-icon-button .sys-icon,.create-icon-button .material-symbols-rounded{font-size:27px!important;}
@media(max-width:760px){.upload-card .upload-head{align-items:flex-start}.create-form{display:flex!important;grid-template-columns:none!important}.create-icon-button{width:42px;min-width:42px;height:42px}.browse-quick-icons{width:100%}}

/* v24: upload inside buttons, centered tooltip, delayed trash activation */
.dir .buttons .tile-upload{display:inline-flex;align-items:center;margin:0;gap:0;flex:0 0 auto;}
.dir .buttons .tile-upload .upload-row{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;}
.dir .buttons .tile-upload button{margin:0;}
.dir .buttons{align-items:center;}

/* Tooltip renderowany przez JS, wycentrowany względem kafelka */
[data-tip]::before,[data-tip]::after{display:none!important;}
.tile-tooltip{position:fixed;z-index:10050;max-width:min(260px,80vw);background:rgba(15,23,42,.97);color:#fff;font-size:12px;font-weight:850;line-height:1.25;padding:9px 12px;border-radius:12px;text-align:center;box-shadow:0 16px 36px rgba(15,23,42,.28);opacity:0;transform:translate(-50%,-6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;}
.tile-tooltip.show{opacity:1;transform:translate(-50%,-12px);}

.delayed-trash{position:relative;opacity:.58;filter:saturate(.8);}
.delayed-trash.trash-arming{opacity:.85;}
.delayed-trash.trash-armed{opacity:1;filter:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 22%,transparent), inset 0 -2px 0 rgba(0,0,0,.16)!important;}
.delayed-trash.trash-arming::after{content:'';position:absolute;inset:-4px;border-radius:inherit;border:2px solid color-mix(in srgb,var(--danger) 70%,transparent);animation:trashPulse 1s linear infinite;}
@keyframes trashPulse{from{transform:scale(.92);opacity:.85}to{transform:scale(1.18);opacity:0}}
@media(max-width:760px){.dir .buttons .tile-upload .upload-row{gap:6px}.tile-tooltip{display:none}}

/* v25: one hero card in browse, back button inside hero, complete button descriptions */
.browse-hero{align-items:flex-start;}
.browse-hero .hero-copy{min-width:220px;}
.browse-hero .muted-line{margin-bottom:0;}
.hero-actions{justify-content:flex-end;align-items:center;margin-top:0;}
.hero-upload{display:inline-flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;margin:0!important;}
.hero-upload .file-pick{margin:0!important;}
.hero-upload button{width:42px;min-width:42px;height:38px;padding:0!important;border-radius:6px!important;display:inline-grid!important;place-items:center!important;}
.hero-upload .file-pick{width:42px;min-width:42px;height:38px;}
.hero-upload .file-pick .sys-icon,.hero-upload .file-pick .material-symbols-rounded{font-size:25px!important;}
@media(max-width:760px){.browse-hero{display:grid!important}.hero-actions{justify-content:flex-start;width:100%;}.hero-upload{flex:0 0 auto!important}}

/* v26: mobile trash confirmation, icon menu, adaptive back tile */
.main-nav a{display:inline-flex;align-items:center;gap:8px;min-height:46px;}
.main-nav a .sys-icon,.main-nav a .material-symbols-rounded,.main-nav a .material-symbols-outlined,.main-nav a .material-symbols-sharp{font-size:30px!important;line-height:1;}
.main-nav a span{font-size:13px;font-weight:900;}
.back-tile{background:color-mix(in srgb,var(--brand) 14%,var(--card))!important;border-style:dashed;border-color:color-mix(in srgb,var(--brand) 45%,var(--border));display:grid;place-items:center;min-height:150px;}
.back-tile-link{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:var(--text);font-weight:950;gap:10px;}
.back-tile-link .sys-icon,.back-tile-link .material-symbols-rounded,.back-tile-link .material-symbols-outlined,.back-tile-link .material-symbols-sharp{font-size:46px!important;color:var(--brand);}
.trash-confirm-modal{position:fixed;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(10px);z-index:20000;display:none;align-items:center;justify-content:center;padding:18px;}
.trash-confirm-modal.show{display:flex;}
.trash-confirm-box{width:min(380px,94vw);background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:24px;padding:24px;text-align:center;box-shadow:0 28px 80px rgba(15,23,42,.32);animation:trashPop .18s ease-out;}
.trash-confirm-icon{font-size:48px;line-height:1;margin-bottom:8px;}
.trash-confirm-box h3{margin:4px 0 8px;font-size:22px;}
.trash-confirm-box p{margin:0 0 18px;}
.trash-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.trash-confirm-actions button{border-radius:14px;min-height:46px;}
.trash-confirm-actions .trash-no{background:var(--soft);color:var(--text);border:1px solid var(--border);}
.trash-confirm-actions .trash-yes{background:var(--danger);color:#fff;}
@keyframes trashPop{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:760px){.main-nav a{justify-content:center;gap:6px}.main-nav a .sys-icon,.main-nav a .material-symbols-rounded,.main-nav a .material-symbols-outlined,.main-nav a .material-symbols-sharp{font-size:34px!important}.main-nav a span{font-size:11px}.back-tile{min-height:116px}}


/* v27: central global tooltips, centered mobile delete dialog, delete burst effect, no menu tips */
.main-nav [data-tip]::before,.main-nav [data-tip]::after{display:none!important;}
.tile-tooltip{
  left:50vw!important;
  top:20vh!important;
  max-width:min(420px,86vw)!important;
  padding:12px 16px!important;
  border-radius:16px!important;
  font-size:13px!important;
  transform:translate(-50%,-8px) scale(.98)!important;
}
.tile-tooltip.show{transform:translate(-50%,0) scale(1)!important;}
.trash-confirm-modal{align-items:flex-start!important;justify-content:center!important;padding-top:20vh!important;}
.trash-confirm-box{transform-origin:center center;}
.trash-confirm-box.trash-explode{animation:trashBurst .62s ease-in forwards!important;}
@keyframes trashBurst{
  0%{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}
  28%{opacity:1;transform:scale(1.12) rotate(-1.2deg);filter:blur(0)}
  58%{opacity:.82;transform:scale(.86) rotate(2deg);filter:blur(1px)}
  100%{opacity:0;transform:scale(1.8) rotate(8deg);filter:blur(10px)}
}
@media(max-width:760px){
  .trash-confirm-modal{padding-top:20vh!important;align-items:flex-start!important;}
  .trash-confirm-box{width:min(360px,92vw);}
}


/* v29 fixed from v28: tile transparency 82% + fixed bottom back button */
.dir,.file-card,.trash-card{
  background:color-mix(in srgb,var(--tile-bg,var(--soft)) 82%, transparent) !important;
  backdrop-filter:blur(10px);
}
.fixed-back-bottom{
  position:fixed;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  z-index:12000;
  width:54px;
  height:54px;
  padding:0!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:color-mix(in srgb,var(--brand) 92%, #ffffff)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(15,23,42,.28),0 0 0 1px color-mix(in srgb,var(--brand) 38%,transparent);
  border:0!important;
}
.fixed-back-bottom .sys-icon,.fixed-back-bottom .material-symbols-rounded,.fixed-back-bottom .material-symbols-outlined,.fixed-back-bottom .material-symbols-sharp{font-size:32px!important;line-height:1;}
.fixed-back-bottom:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 22px 52px rgba(15,23,42,.34);}
@media(max-width:760px){.fixed-back-bottom{width:58px;height:58px;bottom:20px}.wrap{padding-bottom:88px}}

/* v30: configurable tile transparency, drag & drop moving */
.dir,.file-card,.trash-card{
  background:color-mix(in srgb,var(--tile-bg,var(--soft)) var(--tile-opacity,37%), transparent) !important;
}
.move-card{cursor:grab;}
.move-card:active{cursor:grabbing;}
.drop-target{outline:0 solid transparent;transition:outline-color .18s ease, transform .18s ease, box-shadow .18s ease;}
.drop-target.drop-ready{outline:3px dashed color-mix(in srgb,var(--brand) 70%,#fff);outline-offset:-8px;transform:translateY(-2px);box-shadow:0 18px 42px color-mix(in srgb,var(--brand) 22%,transparent);}
.mobile-move-form{display:none;margin-top:10px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--border) 80%,transparent)}
.mobile-move-form label{font-size:12px;margin:0;color:var(--muted);font-weight:850}.mobile-move-form select{padding:9px 10px;border-radius:12px;font-size:12px}
@media(pointer:coarse),(max-width:760px){.move-card{cursor:default}.mobile-move-form{display:block}}
@media(pointer:fine) and (min-width:761px){.mobile-move-form{display:none!important}}


/* v31: logo i poprawione kopiowanie linku */
.brand{display:flex;align-items:center;gap:14px;min-width:220px}.app-logo{width:120px;height:90px;object-fit:contain;display:block;flex:0 0 auto}.login-logo{width:120px;height:90px;object-fit:contain;display:block;margin:0 auto 14px}.copy-link.copied{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important;box-shadow:0 12px 28px rgba(22,163,74,.28)!important}.copy-ok-icon{font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 0 rgba(0,0,0,.18))}@media(max-width:760px){.brand{width:100%;justify-content:center;gap:10px}.app-logo{width:92px;height:69px}.top h1{font-size:18px}.login-logo{width:100px;height:75px}}

/* v32: miniatury i galeria zdjęć */
.image-card h3{padding-left:72px;min-height:42px;display:flex;align-items:center}
.image-thumb{position:absolute;left:14px;top:14px;width:60px!important;height:60px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:12px!important;overflow:hidden;cursor:pointer;display:block!important}
.image-thumb img{width:60px;height:60px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.12)}
.image-modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.72);z-index:10020;opacity:0;pointer-events:none;transition:opacity .2s ease;padding:20px}
.image-modal.show{opacity:1;pointer-events:auto}
.image-modal-box{position:relative;width:min(94vw,920px);background:var(--card);border:1px solid var(--border);border-radius:26px;padding:24px;text-align:center;box-shadow:0 32px 90px rgba(15,23,42,.42);transform:scale(.92);transition:transform .22s ease}
.image-modal.show .image-modal-box{transform:scale(1)}
.image-modal-box img{display:block;width:min(800px,100%);max-height:72vh;object-fit:contain;margin:0 auto;border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.16)}
.image-modal-close{position:absolute;right:14px;top:12px;width:42px;height:42px;border-radius:999px;padding:0;display:grid;place-items:center;background:var(--soft);color:var(--text);border:1px solid var(--border);font-size:28px;line-height:1;z-index:2}
.image-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:999px;padding:0;background:var(--brand);color:#fff;font-size:38px;line-height:1;box-shadow:0 14px 34px rgba(15,23,42,.25);z-index:2}
.image-prev{left:12px}.image-next{right:12px}
.image-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;text-align:left}
.image-title{word-break:break-word}.image-downloads{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.image-card h3{padding-left:66px}.image-thumb{left:12px;top:12px}.image-modal{padding:10px}.image-modal-box{padding:18px;border-radius:20px}.image-nav{width:42px;height:42px;font-size:30px}.image-prev{left:6px}.image-next{right:6px}.image-modal-footer{display:grid}.image-downloads .button{width:100%}}


/* v35: kosz z potwierdzeniem na PC i mobile + żywe kropki kolorów */
.delayed-trash{opacity:1!important;filter:none!important;}
.delayed-trash.trash-arming,.delayed-trash.trash-armed{box-shadow:inherit!important;}
.delayed-trash.trash-arming::after{display:none!important;}
.tile-color-dots{gap:9px!important;}
.tile-color-dots span{width:22px!important;height:22px!important;border:2px solid rgba(255,255,255,.86)!important;box-shadow:0 0 0 1px rgba(15,23,42,.28),0 5px 12px rgba(15,23,42,.22)!important;}
.tile-color-dots input:checked + span{outline:3px solid color-mix(in srgb,var(--brand) 55%,#fff)!important;transform:scale(1.12);}
.tile-color-dots .reset-dot{background:transparent!important;border:2px dashed color-mix(in srgb,var(--text) 72%,transparent)!important;box-shadow:0 0 0 1px rgba(15,23,42,.22)!important;}
.dir[style*="#0f172a"],.file-card[style*="#0f172a"]{color:#fff;}
.dir[style*="#0f172a"] p,.file-card[style*="#0f172a"] p{color:rgba(255,255,255,.78)!important;}


/* v36: kolor kafelki steruje tłem z alphą i pełną ramką; mniejsze kropki */
.dir,.file-card,.trash-card{
  background:color-mix(in srgb,var(--tile-bg,var(--soft)) var(--tile-opacity,37%), transparent) !important;
  border-color:var(--tile-border,var(--border)) !important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--tile-bg,var(--text)) 18%, transparent), 0 0 0 1px color-mix(in srgb,var(--tile-bg,var(--border)) 42%, transparent) !important;
}
.dir:hover,.file-card:hover,.trash-card:hover{
  border-color:var(--tile-border,var(--brand)) !important;
  box-shadow:0 18px 42px color-mix(in srgb,var(--tile-bg,var(--text)) 26%, transparent), 0 0 0 2px var(--tile-bg,var(--brand)) !important;
}
.tile-color-dots{gap:7px!important;}
.tile-color-dots span{width:18px!important;height:18px!important;border-width:2px!important;}
.tile-color-dots input:checked + span{outline:2px solid color-mix(in srgb,var(--brand) 55%,#fff)!important;transform:scale(1.08);}
@media(max-width:760px){.tile-color-dots span{width:17px!important;height:17px!important}}


/* v37: reset koloru przywraca tło/ramkę szablonu; mniejsze kropki kolorów */
.dir,.file-card,.trash-card{
  background:color-mix(in srgb,var(--tile-bg,var(--soft)) var(--tile-opacity,37%), transparent) !important;
  border-color:var(--tile-border,var(--border)) !important;
}
.dir:hover,.file-card:hover,.trash-card:hover{
  border-color:var(--tile-border,var(--brand)) !important;
}
.tile-color-dots{gap:5px!important;margin-top:8px!important;padding-top:8px!important;}
.tile-color-dots span{width:14px!important;height:14px!important;border-width:1.5px!important;box-shadow:0 0 0 1px rgba(15,23,42,.18),0 3px 8px rgba(15,23,42,.16)!important;}
.tile-color-dots input:checked + span{outline:2px solid color-mix(in srgb,var(--brand) 55%,#fff)!important;transform:scale(1.06);}
.tile-color-dots .reset-dot{background:transparent!important;border:1.5px dashed var(--tile-border,var(--border))!important;box-shadow:none!important;}
@media(max-width:760px){.tile-color-dots span{width:13px!important;height:13px!important}.tile-color-dots{gap:4px!important}}

/* v38: ikona wyboru koloru za koszem i modal z animacją wybuchu */
.tile-color-open{background:color-mix(in srgb,var(--brand) 88%,#fff)!important;color:#fff!important;}
.color-modal{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;background:rgba(15,23,42,.58);backdrop-filter:blur(12px);padding:18px;opacity:0;pointer-events:none;transition:opacity .2s ease;}
.color-modal.show{opacity:1;pointer-events:auto;}
.color-modal-box{position:relative;width:min(440px,94vw);background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:28px;padding:26px;text-align:center;box-shadow:0 34px 100px rgba(15,23,42,.42);transform:scale(.94) translateY(10px);animation:colorModalIn .22s ease-out forwards;overflow:hidden;}
.color-modal-close{position:absolute;right:13px;top:12px;width:42px;height:42px;border-radius:999px;padding:0;background:var(--soft);color:var(--text);border:1px solid var(--border);font-size:28px;line-height:1;display:grid;place-items:center;}
.color-modal-icon{width:58px;height:58px;margin:0 auto 10px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#fde047,#f43f5e,#38bdf8);color:#fff;font-size:30px;font-weight:950;box-shadow:0 14px 34px rgba(15,23,42,.2);}
.color-modal h3{margin:0;font-size:24px;}
.color-modal-name{margin:8px auto 18px;color:var(--muted);font-weight:850;max-width:320px;word-break:break-word;}
.color-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.color-choice{min-height:78px;border-radius:18px;padding:10px 8px;background:var(--soft);color:var(--text);border:1px solid var(--border);display:grid;place-items:center;gap:7px;box-shadow:0 8px 20px rgba(15,23,42,.08);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;}
.color-choice:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.16);border-color:var(--brand);}
.color-choice span{width:24px;height:24px;border-radius:999px;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(15,23,42,.24),0 8px 16px rgba(15,23,42,.16);}
.color-choice em{font-style:normal;font-size:11px;font-weight:850;line-height:1.15;}
.color-reset-choice{margin-top:12px;width:100%;min-height:48px;border-radius:16px;background:transparent!important;color:var(--text)!important;border:2px dashed var(--border)!important;font-weight:900;}
.color-reset-choice:hover{border-color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 8%,transparent)!important;}
.color-modal-box.color-explode{animation:colorExplode .62s cubic-bezier(.2,.9,.2,1) forwards!important;}
.color-modal-box.color-explode::before,.color-modal-box.color-explode::after{content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:999px;background:#fde047;box-shadow:38px -12px #fb923c,-32px 20px #38bdf8,18px 42px #22c55e,-44px -28px #f43f5e,52px 30px #a855f7,-12px -48px #14b8a6;animation:colorParticles .62s ease-out forwards;pointer-events:none;}
.color-modal-box.color-explode::after{transform:rotate(35deg);filter:blur(.2px);}
@keyframes colorModalIn{to{transform:scale(1) translateY(0)}}
@keyframes colorExplode{0%{opacity:1;transform:scale(1) rotate(0)}45%{opacity:.96;transform:scale(1.06) rotate(-1deg)}100%{opacity:0;transform:scale(.55) rotate(5deg);filter:blur(10px)}}
@keyframes colorParticles{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(5.2)}}
@media(max-width:760px){.color-choice-grid{grid-template-columns:repeat(2,1fr)}.color-modal-box{padding:22px;border-radius:24px}.color-choice{min-height:70px}.color-choice span{width:22px;height:22px}}


/* v39: ZIP badge + bulk selection and individually zipped trash batches */
.zip-badge{background:#dc2626!important;color:#fff!important;border-color:#991b1b!important;box-shadow:0 8px 20px rgba(220,38,38,.32)!important;}
.tile-title{display:flex;align-items:center;gap:9px;min-width:0;}
.tile-title h3{margin:0;min-width:0;overflow-wrap:anywhere;}
.bulk-check{display:inline-grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:8px;cursor:pointer;position:relative;}
.bulk-check input{position:absolute;opacity:0;inset:0;cursor:pointer;}
.bulk-check span{width:20px;height:20px;border:2px solid color-mix(in srgb,var(--brand) 52%,var(--border));background:color-mix(in srgb,var(--card) 82%,transparent);border-radius:6px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18);display:block;transition:.15s ease;}
.bulk-check input:checked + span{background:var(--danger);border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent);}
.bulk-check input:checked + span::after{content:'✓';display:grid;place-items:center;color:#fff;font-weight:950;font-size:14px;line-height:16px;}
.bulk-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.bulk-trash-form{margin:0;}
.bulk-trash-button{display:inline-flex!important;align-items:center;gap:7px;min-height:38px;border-radius:10px!important;padding:0 12px!important;font-weight:900;}
.bulk-trash-button .sys-icon,.bulk-trash-button .material-symbols-rounded,.bulk-trash-button .material-symbols-outlined,.bulk-trash-button .material-symbols-sharp{font-size:21px!important;}
.zip-card .tile-title h3{color:#991b1b;font-weight:950;}
@media(max-width:760px){.bulk-actions{width:100%;justify-content:flex-start}.bulk-trash-button span{font-size:12px}.bulk-check{width:30px;height:30px}.bulk-check span{width:22px;height:22px}}


/* v40: bulk visibility and empty trash controls */
.bulk-trash-form.bulk-hidden{display:none!important;}
.empty-trash-form{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:12px 0 0;}
.empty-trash-form label{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--muted);}
.empty-trash-form input{max-width:150px;min-height:38px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);padding:0 12px;font-weight:900;}
.empty-trash-form button{min-height:38px;border-radius:12px;padding:0 14px;font-weight:950;}
@media(max-width:760px){.empty-trash-form{justify-content:flex-start}.empty-trash-form input{max-width:130px}}

/* v42: zielony kafelek = tryb tylko podgląd + pełny tytuł na środku */
.tile-protected{position:relative;}
.tile-protected::before{content:'TYLKO PODGLĄD';position:absolute;left:12px;bottom:10px;z-index:0;font-size:10px;font-weight:950;letter-spacing:.08em;color:color-mix(in srgb,#16a34a 88%,var(--text));opacity:.55;pointer-events:none;}
.tile-protected .bulk-check{opacity:.55;cursor:not-allowed;}
.tile-protected .bulk-check input{cursor:not-allowed;}
.readonly-pill{display:inline-flex;align-items:center;gap:6px;border-radius:10px;border:1px solid color-mix(in srgb,#22c55e 65%,var(--border));background:color-mix(in srgb,#22c55e 18%,transparent);color:color-mix(in srgb,#166534 80%,var(--text));font-weight:900;padding:7px 9px;font-size:12px;}
.title-clip{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal!important;cursor:help;}
.tile-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;}
.tile-title h3{min-width:0;margin-right:0!important;}
.title-full-tooltip{position:fixed;left:50%;top:20%;transform:translate(-50%,-8px) scale(.98);z-index:11000;max-width:min(760px,88vw);padding:14px 18px;border-radius:18px;background:rgba(15,23,42,.97);color:#fff;text-align:center;font-weight:950;font-size:clamp(15px,2.3vw,22px);line-height:1.25;box-shadow:0 24px 70px rgba(15,23,42,.35);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;overflow-wrap:anywhere;}
.title-full-tooltip.show{opacity:1;transform:translate(-50%,0) scale(1);}

/* v43 */
.tile-protected::before{display:none!important;}
.readonly-top{position:relative;z-index:2;display:inline-flex;align-self:flex-start;margin:0 0 6px 0;padding:4px 8px;border-radius:999px;background:#22c55e;color:#052e16;font-size:10px;font-weight:950;letter-spacing:.08em;box-shadow:0 8px 18px rgba(34,197,94,.25);}
.dir .readonly-top,.file-card .readonly-top,.trash-card .readonly-top{margin-top:2px;}
.trash-card{background:color-mix(in srgb,var(--tile-bg) var(--tile-opacity),transparent)!important;border-color:var(--tile-border,var(--border))!important;}
.main-nav a[href="archive.php"] svg,.main-nav a[href="archive.php"] .sys-icon{font-size:1.25em;}

/* v44: opisy kafelków i centralny edytor opisu */
.tile-description{position:relative;z-index:1;margin:8px 0 10px;padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--card) 72%,transparent);border:1px solid color-mix(in srgb,var(--tile-border,var(--border)) 45%,transparent);font-size:12px;line-height:1.35;max-height:82px;overflow:auto;overflow-wrap:anywhere;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.tile-description p,.tile-description div{margin:0 0 4px}.tile-description p:last-child,.tile-description div:last-child{margin-bottom:0}
.desc-modal{position:fixed;inset:0;z-index:36000;display:grid;place-items:center;background:rgba(15,23,42,.62);backdrop-filter:blur(13px);padding:18px;opacity:0;pointer-events:none;transition:opacity .2s ease}
.desc-modal.show{opacity:1;pointer-events:auto}
.desc-modal-box{position:relative;width:min(760px,95vw);background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:0 36px 110px rgba(15,23,42,.46);transform:scale(.96) translateY(12px);animation:descModalIn .22s ease-out forwards;overflow:hidden}
@keyframes descModalIn{to{transform:scale(1) translateY(0)}}
.desc-modal-close{position:absolute;right:14px;top:12px;width:42px;height:42px;border-radius:999px;padding:0;background:var(--soft);color:var(--text);border:1px solid var(--border);font-size:28px;line-height:1;display:grid;place-items:center}
.desc-modal-icon{width:58px;height:58px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#22c55e);color:#fff;font-size:30px;font-weight:950;box-shadow:0 14px 34px color-mix(in srgb,var(--brand) 28%,transparent)}
.desc-modal h3{margin:0;text-align:center;font-size:24px}.desc-modal-name{text-align:center;color:var(--muted);font-weight:850;margin:8px auto 16px;max-width:620px;overflow-wrap:anywhere}
.desc-toolbar{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:12px;padding:10px;border:1px solid var(--border);border-radius:18px;background:var(--soft)}
.desc-toolbar button{width:42px;height:38px;padding:0;border-radius:10px;font-weight:950;display:grid;place-items:center}.desc-toolbar select{height:38px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-weight:850;padding:0 8px}.desc-sep{width:1px;height:30px;background:var(--border);margin:0 2px}.desc-color{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:900;color:var(--muted)}.desc-color input{width:38px;height:34px;padding:2px;border-radius:9px}.tile-desc-open.has-desc{background:color-mix(in srgb,#22c55e 22%,var(--soft));border-color:#22c55e;color:#166534}
.desc-editor{min-height:210px;max-height:44vh;overflow:auto;border:1px solid var(--border);border-radius:18px;background:#fff;color:#0f172a;padding:16px;font-size:15px;line-height:1.55;outline:none;box-shadow:inset 0 2px 10px rgba(15,23,42,.06)}
.desc-editor:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent),inset 0 2px 10px rgba(15,23,42,.06)}
.desc-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.desc-clear{background:var(--soft);color:var(--text);border:1px solid var(--border)}.desc-save{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 68%,#fff));color:#fff;box-shadow:0 14px 34px color-mix(in srgb,var(--brand) 28%,transparent)}
@media(max-width:760px){.desc-modal-box{padding:20px;border-radius:24px}.desc-toolbar{justify-content:flex-start}.desc-editor{min-height:180px}.desc-actions{display:grid;grid-template-columns:1fr 1fr}.tile-description{max-height:72px;font-size:11px}}

/* v45 */
.tile-description{display:none!important}
.archive-delete-form .danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}

/* v48 */
.renamable-title{cursor:pointer; transition: color .18s ease, transform .18s ease;}
.renamable-title:hover{color:var(--accent); transform:translateY(-1px);}
.rename-modal{position:fixed; inset:0; z-index:9999; background:rgba(15,23,42,.62); display:none; align-items:flex-start; justify-content:center; padding-top:20vh; backdrop-filter:blur(10px);}
.rename-modal.show{display:flex;}
.rename-modal-box{width:min(520px,92vw); background:var(--card); color:var(--text); border:1px solid var(--border); border-radius:24px; box-shadow:0 30px 80px rgba(0,0,0,.32); padding:26px; position:relative; text-align:center;}
.rename-modal-close{position:absolute; right:14px; top:12px; border:0; background:transparent; font-size:30px; line-height:1; cursor:pointer; color:var(--text);}
.rename-modal-icon{width:58px;height:58px;margin:0 auto 10px;border-radius:18px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;}
.rename-old{opacity:.78; overflow-wrap:anywhere;}
.rename-modal label{text-align:left; display:block; margin:16px 0; font-weight:800;}
.rename-modal input[name="new_name"]{width:100%; margin-top:8px; font-size:18px; padding:14px 16px; border-radius:16px; border:1px solid var(--border); background:var(--input); color:var(--text);}
.history-list{display:grid; gap:12px; max-height:68vh; overflow:auto; padding-right:4px;}
.history-row{display:grid; grid-template-columns:145px 1fr; gap:14px; padding:16px; border-radius:18px; background:rgba(255,255,255,.62); border:1px solid var(--border);}
.history-row h3{margin:0 0 6px; font-size:17px;}
.history-row p{margin:0 0 5px;}
.history-row small{display:block; opacity:.75; overflow-wrap:anywhere;}
.history-date{display:flex; flex-direction:column; gap:4px; color:var(--accent); font-weight:800;}
@media(max-width:720px){.history-row{grid-template-columns:1fr}.rename-modal{padding-top:14vh}}


/* v49: menu tylko ikonowe + mobilne chowanie menu */
.main-nav a span{display:none!important;}
.main-nav a{width:54px;height:54px;padding:0!important;border-radius:18px!important;display:inline-flex;align-items:center;justify-content:center;}
.main-nav a .sys-icon,.main-nav a .material-symbols-rounded,.main-nav a .material-symbols-outlined,.main-nav a .material-symbols-sharp{font-size:36px!important;line-height:1!important;}
.top{transition:transform .28s ease, opacity .28s ease; will-change:transform;}
@media(max-width:760px){
  .top{position:sticky;top:0;}
  .top.mobile-menu-hidden{transform:translateY(-112%);opacity:.96;}
  .main-nav{display:flex!important;justify-content:center;gap:10px;width:100%;}
  .main-nav a{width:58px;height:58px;border-radius:20px!important;}
  .main-nav a .sys-icon,.main-nav a .material-symbols-rounded,.main-nav a .material-symbols-outlined,.main-nav a .material-symbols-sharp{font-size:40px!important;}
}

/* v50: naprawa ikon menu - ukryj tylko tekst etykiety, nie ikonę */
.main-nav a > span:not(.sys-icon):not(.material-symbols-rounded):not(.material-symbols-outlined):not(.material-symbols-sharp){display:none!important;}
.main-nav a .sys-icon,
.main-nav a .material-symbols-rounded,
.main-nav a .material-symbols-outlined,
.main-nav a .material-symbols-sharp{display:inline-flex!important;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important;}
.main-nav a{font-size:0;}
.main-nav a .sys-icon,
.main-nav a .material-symbols-rounded,
.main-nav a .material-symbols-outlined,
.main-nav a .material-symbols-sharp{font-size:40px!important;}
@media(max-width:760px){
  .top{transition:transform .24s ease, opacity .24s ease;}
  .top.mobile-menu-hidden{transform:translateY(-115%);}
}

/* v51: mobilne menu pokazuje się wyłącznie na samej górze, logo płynnie od alpha 0 do 100% */
.app-logo{opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .42s ease, transform .42s ease;}
.top.menu-at-page-top .app-logo{opacity:1;transform:translateY(0) scale(1);}
@media(max-width:760px){
  .top{position:sticky;top:0;z-index:1000;}
  .top.mobile-menu-hidden{transform:translateY(-125%)!important;opacity:0!important;pointer-events:none;}
  .top.menu-at-page-top{transform:translateY(0)!important;opacity:1!important;pointer-events:auto;}
  .top:not(.menu-at-page-top) .app-logo{opacity:0!important;transform:translateY(-6px) scale(.98)!important;}
}

/* v52: piękniejsze logo, header na wierzchu i nowe gesty menu mobilnego */
.top{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:0!important;
  z-index:24000!important;
  width:100%;
  border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);
  background:color-mix(in srgb,var(--card) 88%,transparent)!important;
  backdrop-filter:blur(18px) saturate(1.25);
  box-shadow:0 16px 42px rgba(15,23,42,.13);
}
body{padding-top:132px;}
.login-page{padding-top:0;}
.app-logo{
  width:120px!important;
  height:90px!important;
  object-fit:contain;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.22));
}
.top.menu-at-page-top .app-logo{opacity:1!important;transform:translateY(0) scale(1)!important;}
.top:not(.menu-at-page-top) .app-logo{opacity:0!important;transform:translateY(-8px) scale(.96)!important;}
.main-nav a{box-shadow:0 10px 24px rgba(15,23,42,.11);}
@media(max-width:760px){
  body{padding-top:154px;}
  .top{
    padding:12px 12px 14px!important;
    transform:translateY(0);
    opacity:1;
    transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .28s ease, box-shadow .28s ease!important;
  }
  .top.mobile-menu-hidden{
    transform:translateY(-118%)!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .top.menu-at-page-top{
    transform:translateY(0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .brand{min-width:0!important;}
  .app-logo{width:104px!important;height:78px!important;}
  .main-nav{gap:8px!important;}
  .main-nav a{width:54px!important;height:54px!important;border-radius:18px!important;}
  .main-nav a .sys-icon,
  .main-nav a .material-symbols-rounded,
  .main-nav a .material-symbols-outlined,
  .main-nav a .material-symbols-sharp{font-size:38px!important;}
}
@media(min-width:761px){
  .top{min-height:116px;}
}

/* v53: nowoczesny header, logo bez animacji, brak zasłaniania treści */
.top{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:1200!important;
  min-height:116px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px clamp(14px,3vw,34px)!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);
  background:color-mix(in srgb,var(--card) 84%,transparent)!important;
  backdrop-filter:blur(20px) saturate(1.35);
  -webkit-backdrop-filter:blur(20px) saturate(1.35);
  box-shadow:0 18px 44px rgba(15,23,42,.14);
  opacity:1!important;
}
body{padding-top:136px!important;}
.login-page{padding-top:0!important;}
.brand{display:flex;align-items:center;gap:16px;min-width:240px;}
.brand h1{font-weight:950;letter-spacing:-.045em;font-size:clamp(22px,2.4vw,34px);line-height:1;margin:0;}
.app-logo,
.top.menu-at-page-top .app-logo,
.top:not(.menu-at-page-top) .app-logo{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  width:120px!important;
  height:90px!important;
  object-fit:contain;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.24));
}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.main-nav a{
  width:56px!important;
  height:56px!important;
  border-radius:19px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:color-mix(in srgb,var(--card) 72%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.12)!important;
}
.main-nav a span{display:none!important;}
.main-nav a:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.17)!important;}
@media(max-width:760px){
  body{padding-top:116px!important;}
  .top{
    min-height:96px!important;
    padding:10px 12px!important;
    border-radius:0 0 28px 28px;
    display:grid!important;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:10px 12px;
  }
  .brand{min-width:0!important;gap:9px!important;justify-content:flex-start!important;width:auto!important;}
  .app-logo,
  .top.menu-at-page-top .app-logo,
  .top:not(.menu-at-page-top) .app-logo{
    width:60px!important;
    height:45px!important;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.24));
  }
  .brand h1{font-size:18px!important;letter-spacing:-.035em;max-width:132px;line-height:1.05;}
  .main-nav{justify-self:end;gap:6px!important;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:2px 0;scrollbar-width:none;}
  .main-nav::-webkit-scrollbar{display:none;}
  .main-nav a{width:44px!important;height:44px!important;border-radius:15px!important;flex:0 0 auto;}
  .main-nav a .sys-icon,
  .main-nav a .material-symbols-rounded,
  .main-nav a .material-symbols-outlined,
  .main-nav a .material-symbols-sharp{font-size:31px!important;}
  .top.mobile-menu-hidden{transform:translateY(-118%)!important;opacity:0!important;pointer-events:none!important;}
}


/* v54: premium logo + dopracowane menu mobilne */
.brand h1{font-weight:1000;letter-spacing:-.055em;background:linear-gradient(135deg,var(--text),color-mix(in srgb,var(--brand) 72%,var(--text)));-webkit-background-clip:text;background-clip:text;color:transparent;}
.app-logo{border-radius:16px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.22));}
.top{background:linear-gradient(135deg,color-mix(in srgb,var(--card) 90%,transparent),color-mix(in srgb,var(--soft) 70%,transparent))!important;}
.main-nav a{position:relative;isolation:isolate;overflow:hidden;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;}
.main-nav a::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--brand) 24%,transparent),transparent 54%);opacity:.55;z-index:-1;transition:opacity .2s ease;}
.main-nav a:hover::before{opacity:.9;}
.main-nav a:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--border))!important;}
@media(max-width:760px){
  body{padding-top:112px!important;padding-bottom:88px;}
  .top{
    min-height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:8px 12px 10px!important;
    border-radius:0 0 26px 26px!important;
    box-shadow:0 18px 44px rgba(15,23,42,.18)!important;
  }
  .brand{gap:9px!important;align-items:center!important;}
  .app-logo{width:58px!important;height:44px!important;border-radius:12px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.20));}
  .brand h1{font-size:19px!important;max-width:145px;line-height:1!important;white-space:nowrap;}
  .main-nav{
    position:fixed!important;
    left:50%!important;
    bottom:14px!important;
    transform:translateX(-50%) translateY(0)!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    padding:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid color-mix(in srgb,var(--border) 78%,transparent)!important;
    background:color-mix(in srgb,var(--card) 82%,transparent)!important;
    backdrop-filter:blur(22px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
    border-radius:999px!important;
    box-shadow:0 18px 46px rgba(15,23,42,.24)!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    z-index:25000!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .22s ease!important;
  }
  .main-nav::-webkit-scrollbar{display:none!important;}
  .main-nav a{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--soft) 82%,transparent)!important;
    border:1px solid color-mix(in srgb,var(--border) 80%,transparent)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.12)!important;
  }
  .main-nav a:active{transform:scale(.94)!important;}
  .main-nav a .sys-icon,
  .main-nav a .material-symbols-rounded,
  .main-nav a .material-symbols-outlined,
  .main-nav a .material-symbols-sharp{font-size:31px!important;}
  .top.mobile-menu-hidden{transform:translateY(-120%)!important;opacity:0!important;pointer-events:none!important;}
  .top.mobile-menu-hidden .main-nav{transform:translateX(-50%) translateY(105px)!important;opacity:0!important;pointer-events:none!important;}
  .top:not(.mobile-menu-hidden) .main-nav{transform:translateX(-50%) translateY(0)!important;opacity:1!important;}
}

/* v55: menu PC jak mobilne - pływający pasek ikon */
@media (min-width: 761px){
  body{padding-top:128px!important;padding-bottom:92px!important;}
  .top{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    min-height:104px!important;
    padding:12px clamp(18px,3vw,42px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--card) 88%,transparent),color-mix(in srgb,var(--soft) 68%,transparent))!important;
    border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
    border-radius:0 0 30px 30px!important;
    box-shadow:0 16px 44px rgba(15,23,42,.14)!important;
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .brand{
    position:absolute!important;
    left:clamp(18px,3vw,42px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
  }
  .app-logo{width:92px!important;height:69px!important;border-radius:14px!important;}
  .brand h1{font-size:clamp(22px,2.1vw,30px)!important;white-space:nowrap!important;}
  .main-nav{
    position:fixed!important;
    left:50%!important;
    bottom:18px!important;
    transform:translateX(-50%)!important;
    z-index:26000!important;
    width:auto!important;
    max-width:calc(100vw - 36px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
    padding:10px!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--card) 84%,transparent)!important;
    border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
    box-shadow:0 18px 48px rgba(15,23,42,.22)!important;
    backdrop-filter:blur(22px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
    overflow:visible!important;
  }
  .main-nav a{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    border-radius:999px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:color-mix(in srgb,var(--soft) 84%,transparent)!important;
    border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.13)!important;
    font-size:0!important;
  }
  .main-nav a:hover{
    transform:translateY(-4px) scale(1.04)!important;
    border-color:color-mix(in srgb,var(--brand) 58%,var(--border))!important;
    box-shadow:0 16px 34px rgba(15,23,42,.22)!important;
  }
  .main-nav a > span:not(.sys-icon):not(.material-symbols-rounded):not(.material-symbols-outlined):not(.material-symbols-sharp){display:none!important;}
  .main-nav a .sys-icon,
  .main-nav a .material-symbols-rounded,
  .main-nav a .material-symbols-outlined,
  .main-nav a .material-symbols-sharp{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    font-size:38px!important;
    line-height:1!important;
  }
}

@media (max-width: 760px){
  .main-nav a .sys-icon,
  .main-nav a .material-symbols-rounded,
  .main-nav a .material-symbols-outlined,
  .main-nav a .material-symbols-sharp{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* v56: menu mobilne w dwóch rzędach + stabilniejszy pasek */
@media (max-width: 760px){
  body{padding-bottom:128px!important;}
  .main-nav{
    display:grid!important;
    grid-template-columns:repeat(4, 48px)!important;
    grid-auto-rows:48px!important;
    justify-content:center!important;
    align-content:center!important;
    gap:8px!important;
    width:auto!important;
    max-width:calc(100vw - 28px)!important;
    padding:10px 12px!important;
    border-radius:28px!important;
    overflow:visible!important;
    touch-action:pan-y!important;
  }
  .main-nav a{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:17px!important;
  }
  .main-nav a .sys-icon,
  .main-nav a .material-symbols-rounded,
  .main-nav a .material-symbols-outlined,
  .main-nav a .material-symbols-sharp{
    font-size:32px!important;
  }
  .top.mobile-menu-hidden .main-nav{
    transform:translateX(-50%) translateY(145px)!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .top:not(.mobile-menu-hidden) .main-nav{
    transform:translateX(-50%) translateY(0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}
@media (max-width: 390px){
  .main-nav{grid-template-columns:repeat(3, 48px)!important;}
}

/* v57: widoczne pełne menu mobilne + chowanie/pokazywanie menu na PC i mobile */
.top.mobile-menu-hidden{
  transform:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.main-nav{
  transition:transform .32s cubic-bezier(.22,.9,.24,1), opacity .24s ease, filter .24s ease!important;
}
.top.mobile-menu-hidden .main-nav{
  opacity:0!important;
  pointer-events:none!important;
  filter:blur(2px)!important;
}
@media (min-width:761px){
  .top.mobile-menu-hidden .main-nav{
    transform:translateX(-50%) translateY(120px) scale(.96)!important;
  }
}
@media (max-width:760px){
  body{padding-bottom:178px!important;}
  .main-nav{
    display:grid!important;
    grid-template-columns:repeat(4, minmax(42px,48px))!important;
    grid-auto-rows:minmax(42px,48px)!important;
    justify-content:center!important;
    align-content:center!important;
    gap:8px!important;
    width:auto!important;
    min-width:min(304px, calc(100vw - 22px))!important;
    max-width:calc(100vw - 22px)!important;
    padding:12px!important;
    border-radius:30px!important;
    overflow:visible!important;
    touch-action:pan-y!important;
  }
  .main-nav a{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:17px!important;
  }
  .main-nav a .sys-icon,
  .main-nav a .material-symbols-rounded,
  .main-nav a .material-symbols-outlined,
  .main-nav a .material-symbols-sharp{
    font-size:32px!important;
  }
  .top.mobile-menu-hidden .main-nav{
    transform:translateX(-50%) translateY(178px) scale(.96)!important;
  }
  .top:not(.mobile-menu-hidden) .main-nav{
    transform:translateX(-50%) translateY(0) scale(1)!important;
    opacity:1!important;
    pointer-events:auto!important;
    filter:none!important;
  }
}
@media (max-width:360px){
  body{padding-bottom:222px!important;}
  .main-nav{
    grid-template-columns:repeat(3, 48px)!important;
    min-width:216px!important;
  }
  .top.mobile-menu-hidden .main-nav{
    transform:translateX(-50%) translateY(222px) scale(.96)!important;
  }
}

/* v58: menu poza headerem, mniejsze logo mobile, kompaktowy header PC po przewinięciu */
.top{
  overflow:visible!important;
  z-index:24000!important;
}
.main-nav{
  z-index:30000!important;
  overflow:visible!important;
}
@media (max-width:760px){
  body{padding-top:104px!important;padding-bottom:150px!important;}
  .top{
    min-height:82px!important;
    padding:8px 10px!important;
    overflow:visible!important;
  }
  .brand{gap:7px!important;}
  .app-logo{
    width:41px!important;
    height:31px!important;
    min-width:41px!important;
    border-radius:9px!important;
    object-fit:contain!important;
  }
  .brand h1{
    font-size:17px!important;
    max-width:150px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .main-nav{
    position:fixed!important;
    left:50%!important;
    bottom:14px!important;
    transform:translateX(-50%)!important;
    display:grid!important;
    grid-template-columns:repeat(3, 48px)!important;
    grid-auto-rows:48px!important;
    gap:9px!important;
    padding:12px 14px!important;
    min-width:auto!important;
    max-width:calc(100vw - 22px)!important;
    border-radius:28px!important;
    overflow:visible!important;
  }
  .main-nav a{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:18px!important;
  }
  .top.mobile-menu-hidden .main-nav{
    transform:translateX(-50%) translateY(165px) scale(.96)!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .top:not(.mobile-menu-hidden) .main-nav{
    transform:translateX(-50%) translateY(0) scale(1)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}
@media (max-width:340px){
  .main-nav{grid-template-columns:repeat(3, 44px)!important;grid-auto-rows:44px!important;gap:8px!important;}
  .main-nav a{width:44px!important;height:44px!important;min-width:44px!important;}
}
@media (min-width:761px){
  body{padding-top:128px!important;padding-bottom:96px!important;}
  .top{
    transition:min-height .26s ease, padding .26s ease, box-shadow .26s ease, background .26s ease!important;
  }
  .brand,.app-logo,.brand h1{
    transition:all .26s ease!important;
  }
  .top.header-compact{
    min-height:72px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.12)!important;
    background:color-mix(in srgb,var(--card) 78%,transparent)!important;
  }
  .top.header-compact .app-logo{
    width:58px!important;
    height:44px!important;
    border-radius:11px!important;
  }
  .top.header-compact .brand h1{
    font-size:clamp(18px,1.55vw,23px)!important;
  }
  .top.header-compact .brand{gap:10px!important;}
  .main-nav{
    position:fixed!important;
    left:50%!important;
    bottom:18px!important;
    transform:translateX(-50%)!important;
  }
  .top.mobile-menu-hidden .main-nav{
    transform:translateX(-50%) translateY(124px) scale(.96)!important;
  }
}


/* v59: mobilne menu od lewej do prawej + stabilny pasek PC/mobile */
@media (max-width:760px){
  body{padding-top:96px!important;padding-bottom:118px!important;}
  .top{min-height:74px!important;padding:8px 10px!important;}
  .app-logo{width:29px!important;height:22px!important;min-width:29px!important;}
  .brand h1{font-size:15px!important;max-width:128px!important;}
  .main-nav{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:12px!important;
    transform:translateY(0)!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:8px!important;
    border-radius:24px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .main-nav a{
    width:auto!important;
    height:46px!important;
    min-width:0!important;
    flex:1 1 0!important;
    max-width:58px!important;
    border-radius:16px!important;
  }
  .main-nav a .sys-icon,
  .main-nav a .material-symbols-rounded,
  .main-nav a .material-symbols-outlined,
  .main-nav a .material-symbols-sharp{font-size:29px!important;}
  .top.mobile-menu-hidden .main-nav{transform:translateY(115px)!important;opacity:0!important;pointer-events:none!important;}
  .top:not(.mobile-menu-hidden) .main-nav{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;}
}
@media (max-width:340px){
  .main-nav{left:6px!important;right:6px!important;gap:4px!important;padding:7px!important;}
  .main-nav a{height:43px!important;border-radius:14px!important;}
  .main-nav a .sys-icon,
  .main-nav a .material-symbols-rounded,
  .main-nav a .material-symbols-outlined,
  .main-nav a .material-symbols-sharp{font-size:26px!important;}
}
@media (min-width:761px){
  .main-nav{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;}
}
.passkey-box{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:grid;gap:10px;}
.passkey-actions{display:grid;gap:10px;}
.passkey-actions button{display:flex;align-items:center;justify-content:center;gap:10px;}
.passkey-note{font-size:13px;opacity:.75;line-height:1.45;margin:0;}

/* v60: wyśrodkowane menu mobilne, auto szerokość przycisków, panel użytkowników */
@media (max-width:760px){
  .main-nav{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%) translateY(0)!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:calc(100vw - 18px)!important;
    gap:7px!important;
    padding:8px 10px!important;
    overflow:visible!important;
  }
  .main-nav a{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:46px!important;
    max-width:none!important;
    padding:0 10px!important;
  }
  .top.mobile-menu-hidden .main-nav{transform:translateX(-50%) translateY(116px)!important;opacity:0!important;pointer-events:none!important;}
  .top:not(.mobile-menu-hidden) .main-nav{transform:translateX(-50%) translateY(0)!important;opacity:1!important;pointer-events:auto!important;}
}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.settings-grid .check{align-self:center}.users-list{display:grid;gap:8px;margin-top:16px}.user-row{display:grid;grid-template-columns:1.2fr .7fr 1fr .7fr;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--soft);font-size:14px}.user-row span{color:var(--muted)}@media(max-width:640px){.user-row{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}


/* v63: szczegółowa matryca uprawnień */
.detailed-permissions{display:grid;gap:18px}
.permissions-matrix{display:block;padding:18px;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:rgba(255,255,255,.55)}
.permissions-matrix .user-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:12px}
.permissions-matrix .user-head strong{font-size:1.05rem}
.permission-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}
.permission-groups fieldset{border:1px solid rgba(15,23,42,.14);border-radius:16px;padding:12px;background:rgba(255,255,255,.45)}
.permission-groups legend{font-weight:800;padding:0 8px}
.permission-groups .check{display:flex;gap:8px;align-items:flex-start;margin:8px 0;font-size:.92rem;line-height:1.25}
.permission-groups input[type=checkbox]{margin-top:2px;inline-size:18px;block-size:18px}
@media(max-width:760px){.permission-groups{grid-template-columns:1fr}.permissions-matrix{padding:12px}.permissions-matrix .user-head{font-size:.9rem}}


/* v64: zakładka Uprawnienia */
.permissions-matrix summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;list-style:none;padding:10px 0}
.permissions-matrix summary::-webkit-details-marker{display:none}
.permissions-matrix summary::before{content:'▸';font-weight:900;transition:transform .18s ease}
.permissions-matrix[open] summary::before{transform:rotate(90deg)}
.permissions-matrix summary strong{font-size:1.08rem}
.permissions-matrix summary span{font-size:.9rem;opacity:.78}
.permissions-matrix form{margin-top:12px}
.pagination a.active{transform:translateY(-2px);font-weight:900}

/* v65 role templates */
.role-subtitle{margin-top:10px;font-weight:700;opacity:.7;text-transform:capitalize}


/* v66 role visibility */
.role-template-groups fieldset{min-width:260px}
.role-subtitle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.25)}
.role-subtitle span{font-weight:900}
.check.compact{font-size:.82rem;margin:0;white-space:nowrap}
.role-permission-list{padding:6px 0 12px}


/* v67 limits, calendar and analog clock */
.analog-clock{width:52px;height:52px;border:3px solid rgba(255,255,255,.85);border-radius:50%;position:relative;background:rgba(15,23,42,.55);box-shadow:0 10px 30px rgba(0,0,0,.18), inset 0 0 0 3px rgba(255,255,255,.08)}
.analog-clock .hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:999px;background:#fff}
.analog-clock .hour{width:4px;height:15px;margin-left:-2px}
.analog-clock .minute{width:3px;height:20px;margin-left:-1.5px}
.analog-clock .second{width:2px;height:22px;margin-left:-1px;background:#fb923c}
.analog-clock .clock-dot{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fb923c;border-radius:50%}
@media(max-width:760px){.analog-clock{display:none}}
.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.limits-grid fieldset{border:1px solid rgba(148,163,184,.35);border-radius:18px;padding:14px;background:rgba(255,255,255,.42)}
.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.calendar-head h2{margin:0;text-align:center}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.day-names{margin-bottom:8px;font-weight:900;text-align:center;opacity:.75}
.calendar-day{min-height:92px;border-radius:18px;padding:10px;background:rgba(255,255,255,.46);border:1px solid rgba(148,163,184,.28);display:flex;flex-direction:column;gap:6px}
.calendar-day.empty{background:transparent;border:0}
.calendar-day.today{outline:3px solid rgba(251,146,60,.75);background:rgba(251,146,60,.18)}
.calendar-day span{font-size:.78rem;opacity:.68}
@media(max-width:760px){.calendar-grid{gap:5px}.calendar-day{min-height:62px;border-radius:12px;padding:7px}.calendar-day span{display:none}}


/* v68: poprawki headera i menu mobile */
@media (max-width: 760px) {
  .top {
    min-height: 72px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .top .brand {
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .top .brand h1 {
    display: none !important;
  }

  .top .app-logo {
    width: auto !important;
    height: 46px !important;
    max-width: 120px !important;
    object-fit: contain;
    display: block;
  }

  .top .main-nav,
  .main-nav {
    top: 80px !important;
    margin-top: 0 !important;
  }

  body {
    padding-top: 92px;
  }
}


/* v69 mobile logo cleanup */
@media (max-width:760px){
  .brand{
    overflow:hidden;
  }
}


/* v70 mobile header cleanup */
@media (max-width:760px){
  .desktop-only-title,
  .brand h1{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
  }

  .top .brand{
    justify-content:center !important;
    gap:0 !important;
  }

  .top .main-nav,
  .main-nav{
    top:40px !important;
  }

  body{
    padding-top:64px !important;
  }
}


/* v71: tło menu mobilnego dopasowane do szaty graficznej */
@media (max-width:760px){
  .main-nav{
    background: var(--mobile-menu-bg, rgba(255,255,255,.86)) !important;
    border: 1px solid var(--mobile-menu-border, rgba(255,255,255,.55)) !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.20) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .theme-modern{--mobile-menu-bg:rgba(248,250,252,.90);--mobile-menu-border:rgba(37,99,235,.22)}
  .theme-retro{--mobile-menu-bg:rgba(254,243,199,.92);--mobile-menu-border:rgba(180,83,9,.25)}
  .theme-creative{--mobile-menu-bg:rgba(250,245,255,.92);--mobile-menu-border:rgba(168,85,247,.28)}
  .theme-elegant{--mobile-menu-bg:rgba(250,250,249,.92);--mobile-menu-border:rgba(68,64,60,.24)}
  .theme-wolskigym{--mobile-menu-bg:rgba(12,12,12,.90);--mobile-menu-border:rgba(255,255,255,.20)}
  .theme-enjoysoda{--mobile-menu-bg:rgba(236,253,245,.92);--mobile-menu-border:rgba(20,184,166,.28)}
  .theme-kjkaminski{--mobile-menu-bg:rgba(239,246,255,.92);--mobile-menu-border:rgba(59,130,246,.26)}
  .theme-nazwa{--mobile-menu-bg:rgba(245,243,255,.92);--mobile-menu-border:rgba(124,58,237,.26)}
  .theme-home{--mobile-menu-bg:rgba(240,249,255,.92);--mobile-menu-border:rgba(14,165,233,.28)}
  .theme-cyberfolks{--mobile-menu-bg:rgba(255,247,237,.92);--mobile-menu-border:rgba(249,115,22,.30)}
  .theme-aurora{--mobile-menu-bg:rgba(15,23,42,.88);--mobile-menu-border:rgba(56,189,248,.28)}
  .theme-graphite{--mobile-menu-bg:rgba(24,24,27,.90);--mobile-menu-border:rgba(212,212,216,.18)}
  .theme-forest{--mobile-menu-bg:rgba(236,253,245,.92);--mobile-menu-border:rgba(34,197,94,.28)}
  .theme-ocean{--mobile-menu-bg:rgba(224,242,254,.92);--mobile-menu-border:rgba(2,132,199,.28)}
  .theme-sunset{--mobile-menu-bg:rgba(255,237,213,.92);--mobile-menu-border:rgba(251,146,60,.34)}
  .theme-minimal{--mobile-menu-bg:rgba(255,255,255,.92);--mobile-menu-border:rgba(148,163,184,.30)}
  .theme-royal{--mobile-menu-bg:rgba(245,243,255,.92);--mobile-menu-border:rgba(139,92,246,.30)}
  .theme-coffee{--mobile-menu-bg:rgba(254,249,195,.92);--mobile-menu-border:rgba(120,53,15,.24)}
}

/* v72 remove mobile menu background */
@media (max-width:760px){
  .main-nav{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}