/* Wiki LostCube — pagini server-rendered.
   Baza rămâne site.css (același întuneric, aceeași navigație, aceleași butoane). Aici adăugăm
   stratul de wiki: aur medieval pe titluri și rame, suprafețe calde pentru corpul articolului și
   tipografie făcută pentru citit lung.
   Prioritățile, în ordine: lizibilitate, viteză, navigare, consistență, atmosferă. */

/* ⚠️ Regulile cu display:grid/flex pe o clasă suprascriu atributul [hidden] (care e doar
   display:none din stilul user-agent) → elementul ar rămâne vizibil. Reset explicit: */
[hidden]{ display:none !important; }

:root{
  --w-gold:#e8c46a; --w-gold2:#a5813a;
  --w-surface:#0f141f; --w-surface2:#131926;
  --w-line:#26314c; --w-line2:#39456b;
  --w-read:#d8e2f4;               /* text de citit lung — puțin mai cald decât --text */
  --w-maxw:1240px;
}

.wbody{ overflow-x:hidden; }
.wwrap{ max-width:var(--w-maxw); margin:0 auto; padding:0 22px; }

/* ---------- bara de sus: breadcrumb + căutare + limbă ---------- */
.wtop{ border-bottom:1px solid rgba(38,49,76,.6); background:rgba(9,12,21,.6); backdrop-filter:blur(8px);
  position:sticky; top:59px; z-index:40; }
.wtop-row{ display:flex; gap:12px; align-items:center; padding:0 0 14px; }
.wcrumb{ display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding:12px 0 10px; font-size:13.5px; color:var(--dim); }
.wcrumb a{ color:var(--muted); }
.wcrumb a:hover{ color:var(--w-gold); }
.wcrumb .sep{ color:#3c4766; }
.wcrumb [aria-current]{ color:var(--text); font-weight:600; }

.wsearch{ position:relative; flex:1; display:flex; align-items:center; gap:10px;
  background:var(--w-surface); border:1px solid var(--w-line); border-radius:12px; padding:0 12px; }
.wsearch:focus-within{ border-color:var(--w-gold2); box-shadow:0 0 0 3px rgba(232,196,106,.12); }
.wsearch svg{ color:var(--dim); flex:none; }
.wsearch input{ flex:1; background:none; border:none; outline:none; color:var(--text); font:inherit; font-size:15px; padding:12px 0; min-width:0; }
.wsearch input::placeholder{ color:var(--dim); }
.wsearch button{ background:var(--w-gold); color:#1a1305; border:none; border-radius:9px; padding:8px 16px;
  font-weight:800; font-size:14px; cursor:pointer; flex:none; }
.wsearch button:hover{ filter:brightness(1.08); }
.wlang{ flex:none; padding:11px 15px; border-radius:11px; border:1px solid var(--w-line2);
  color:var(--muted); font-weight:700; font-size:14px; background:rgba(255,255,255,.03); }
.wlang:hover{ color:var(--w-gold); border-color:var(--w-gold2); }

/* autocomplete */
.wsug{ position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:60;
  background:#0d1220; border:1px solid var(--w-line2); border-radius:12px; overflow:hidden; box-shadow:var(--shadow); }
.wsug a{ display:flex; gap:10px; align-items:center; padding:11px 14px; border-bottom:1px solid rgba(38,49,76,.5); }
.wsug a:last-child{ border-bottom:none; }
.wsug a:hover,.wsug a.on{ background:rgba(232,196,106,.1); }
.wsug .ic{ font-size:17px; flex:none; }
.wsug .tx{ min-width:0; }
.wsug .tx b{ display:block; font-size:14.5px; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wsug .tx i{ font-style:normal; font-size:12.5px; color:var(--dim); }

/* ---------- aranjament cu meniu lateral ---------- */
.wmain{ padding-top:26px; padding-bottom:70px; }
.wlayout{ display:grid; grid-template-columns:250px minmax(0,1fr); gap:34px; align-items:start; }
.wside{ position:sticky; top:150px; }
.wside-t{ font-size:11.5px; letter-spacing:2.4px; text-transform:uppercase; color:var(--w-gold2); font-weight:800; margin-bottom:9px; }
.wcats{ display:flex; flex-direction:column; gap:2px; }
.wcat{ display:flex; align-items:center; gap:9px; padding:8px 11px; border-radius:9px; color:var(--muted); font-size:14.5px; }
.wcat:hover{ background:rgba(255,255,255,.05); color:var(--text); }
.wcat.on{ background:rgba(232,196,106,.13); color:var(--w-gold); font-weight:700; }
.wcat .em{ flex:none; font-size:15px; }
.wcat .nm{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wcat .n{ flex:none; font-size:12px; color:var(--dim); }
.wcat .wlock{ flex:none; font-size:11px; }
.wadmin-link{ display:block; margin-top:20px; padding:10px 12px; border-radius:10px; text-align:center;
  border:1px dashed var(--w-line2); color:var(--muted); font-size:13.5px; font-weight:700; }
.wadmin-link:hover{ color:var(--w-gold); border-color:var(--w-gold2); }

.wcontent{ min-width:0; }

/* ---------- pagina principală ---------- */
.whero{ text-align:center; padding:34px 0 12px; }
.whero h1{ font-size:clamp(32px,5vw,52px); margin-top:8px; }
.whero .tag{ max-width:720px; margin:16px auto 0; color:var(--muted); font-size:17px; }
.whero-meta{ display:flex; flex-wrap:wrap; gap:9px; justify-content:center; margin-top:22px; }
.wchip{ padding:7px 14px; border-radius:999px; border:1px solid var(--w-line); background:rgba(255,255,255,.03);
  font-size:13.5px; color:var(--muted); }
.wchip b{ color:var(--w-gold); }
.wchip.lnk:hover{ border-color:var(--w-gold2); color:var(--text); }

.whome-sec{ margin-top:44px; }
.whome-sec h2{ font-size:23px; margin-bottom:16px; padding-bottom:9px; border-bottom:1px solid var(--w-line);
  display:flex; align-items:center; gap:10px; }
.whome-sec h2::before{ content:""; width:4px; height:20px; border-radius:2px; background:var(--w-gold); }

/* Cardurile de categorie. Cardul e un <article>, NU un <a> — vezi nota din wiki-routes.js:
   lista de articole din el conține linkuri, iar ancorele imbricate sparg cardul la parsare. */
.whome-cats{ display:grid; grid-template-columns:repeat(auto-fill,minmax(268px,1fr)); gap:15px;
  align-items:stretch; }
.whome-cat{ display:flex; flex-direction:column; padding:20px; border-radius:15px;
  border:1px solid var(--w-line); background:linear-gradient(160deg,rgba(24,31,48,.75),rgba(14,18,28,.75));
  transition:border-color .15s, transform .15s; }
.whome-cat:hover{ border-color:var(--w-gold2); transform:translateY(-2px); }
.whome-cat .hd{ display:flex; align-items:center; gap:10px; }
.whome-cat .ic{ font-size:26px; line-height:1; flex:none; }
.whome-cat h3{ font-size:17.5px; color:var(--text); line-height:1.25; }
.whome-cat .hd:hover h3{ color:var(--w-gold); }
.whome-cat > p{ margin:9px 0 0; font-size:13.8px; color:var(--muted); line-height:1.55; }
.whome-cat .mini{ list-style:none; margin:13px 0 0; padding:0; display:flex; flex-direction:column; gap:5px; }
.whome-cat .mini a{ font-size:13.2px; color:var(--dim); }
.whome-cat .mini a:hover{ color:var(--w-gold); }
.whome-cat .mini li::before{ content:"› "; color:var(--w-gold2); }
/* `margin-top:auto` lipește numărătoarea de baza cardului → toate cardurile din rând se aliniază */
.whome-cat .cnt{ margin-top:auto; padding-top:13px; font-size:12.5px; color:var(--w-gold2); font-weight:700; }
.whome-cat .cnt:hover{ color:var(--w-gold); }

.wcards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(255px,1fr)); gap:14px; }
.wcards.small{ grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
.wcard{ display:flex; flex-direction:column; border-radius:14px; overflow:hidden; border:1px solid var(--w-line);
  background:var(--w-surface); transition:.15s; }
.wcard:hover{ border-color:var(--w-gold2); transform:translateY(-2px); }
.wcard img{ width:100%; height:132px; object-fit:cover; }
.wcard .ph{ height:92px; display:flex; align-items:center; justify-content:center; font-size:32px;
  background:linear-gradient(160deg,rgba(232,196,106,.12),rgba(122,77,219,.1)); }
.wcard .tx{ padding:13px 15px 16px; }
.wcard h4{ font-size:15.5px; font-weight:700; color:var(--text); line-height:1.35; }
.wcard p{ margin-top:6px; font-size:13.2px; color:var(--muted); line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.wuntr{ font-size:10px; font-style:normal; padding:1px 5px; border-radius:4px; background:rgba(232,196,106,.18); color:var(--w-gold); vertical-align:middle; }

.wlatest{ list-style:none; display:flex; flex-direction:column; gap:1px; }
.wlatest li{ display:flex; gap:14px; align-items:baseline; padding:10px 13px; border-radius:9px; }
.wlatest li:nth-child(odd){ background:rgba(255,255,255,.025); }
.wlatest a{ flex:1; color:var(--text); font-weight:600; font-size:15px; }
.wlatest a:hover{ color:var(--w-gold); }
.wlatest time{ flex:none; font-size:12.5px; color:var(--dim); }

/* ---------- pagina de categorie ---------- */
.wcat-head{ display:flex; gap:16px; align-items:flex-start; margin-bottom:24px;
  padding-bottom:18px; border-bottom:1px solid var(--w-line); }
.wcat-head .ic{ font-size:38px; line-height:1; }
.wcat-head h1{ font-size:clamp(26px,4vw,38px); }
.wcat-head p{ margin-top:7px; color:var(--muted); font-size:15px; }
.wempty{ padding:36px; text-align:center; color:var(--dim); border:1px dashed var(--w-line); border-radius:14px; }

/* ---------- articol ---------- */
.wart{ max-width:840px; margin:0 auto; }
.wart-head{ margin-bottom:26px; }
.wart-cat a{ font-size:13.5px; font-weight:700; color:var(--w-gold2); letter-spacing:.4px; }
.wart-cat a:hover{ color:var(--w-gold); }
.wart h1{ font-size:clamp(29px,4.6vw,44px); margin:10px 0 0; line-height:1.13; }
.wart-sum{ margin-top:13px; font-size:18px; line-height:1.62; color:var(--muted); }
.wart-flags{ display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
.wflag{ font-size:11.5px; font-weight:800; padding:3.5px 9px; border-radius:6px; letter-spacing:.4px; display:inline-block; }
.wflag.staff{ background:rgba(255,122,122,.16); color:#ffb0b0; }
.wflag.owner{ background:rgba(232,196,106,.18); color:var(--w-gold); }
.wflag.draft{ background:rgba(150,163,196,.16); color:var(--muted); }
.wflag.review{ background:rgba(122,77,219,.22); color:#c3a9ff; }
.wflag.arch{ background:rgba(99,112,143,.18); color:var(--dim); }
.wflag.upd{ background:rgba(245,200,75,.16); color:var(--gold); }
.wflag.ok{ background:rgba(87,224,138,.15); color:var(--green); }
.wnotice{ margin-top:14px; padding:11px 15px; border-radius:10px; font-size:14px;
  background:rgba(232,196,106,.09); border:1px solid rgba(232,196,106,.28); color:#f0dda8; }
.wart-hero{ margin-top:22px; border-radius:15px; overflow:hidden; border:1px solid var(--w-line); }
.wart-hero img{ width:100%; }

/* cuprins */
.wtoc{ margin:0 0 30px; padding:16px 20px; border-radius:13px; border:1px solid var(--w-line);
  background:rgba(255,255,255,.022); }
.wtoc-t{ font-size:11.5px; letter-spacing:2.2px; text-transform:uppercase; color:var(--w-gold2); font-weight:800; margin-bottom:9px; }
.wtoc ol{ list-style:none; display:flex; flex-direction:column; gap:4px; }
.wtoc li.l3{ padding-left:16px; }
.wtoc a{ font-size:14.2px; color:var(--muted); }
.wtoc a:hover{ color:var(--w-gold); }

/* corpul propriu-zis */
.wart-body{ font-size:17px; line-height:1.75; color:var(--w-read); }
.wart-body p{ margin:0 0 17px; color:inherit; }
.wart-body .wh{ margin:36px 0 14px; line-height:1.25; scroll-margin-top:150px; position:relative; }
.wart-body h2.wh{ font-size:27px; padding-bottom:9px; border-bottom:1px solid var(--w-line); color:#f4e7c6; }
.wart-body h3.wh{ font-size:21px; color:#efe0bd; }
.wart-body h4.wh{ font-size:17.5px; color:var(--w-gold); }
.wanchor{ position:absolute; left:-22px; color:var(--w-line2); opacity:0; font-weight:400; }
.wh:hover .wanchor{ opacity:1; }
.wanchor:hover{ color:var(--w-gold); }
.wart-body .wlist{ margin:0 0 18px; padding-left:24px; }
.wart-body .wlist li{ margin-bottom:7px; }
.wart-body .wlist li::marker{ color:var(--w-gold2); }
.wart-body a{ color:var(--cyan); text-decoration:underline; text-decoration-color:rgba(94,224,255,.35); text-underline-offset:3px; }
.wart-body a:hover{ text-decoration-color:var(--cyan); }
.wart-body a.wlink{ color:var(--w-gold); text-decoration-color:rgba(232,196,106,.4); }
.wart-body a.wlink:hover{ text-decoration-color:var(--w-gold); }
.wlink-missing{ color:var(--red); border-bottom:1px dotted var(--red); cursor:help; }
.wart-body code{ background:rgba(122,77,219,.16); border:1px solid rgba(122,77,219,.3); border-radius:5px;
  padding:1.5px 6px; font-family:Consolas,"SF Mono",monospace; font-size:.88em; color:#d8c6ff; }
.wart-body mark{ background:rgba(232,196,106,.25); color:#fff3d4; border-radius:3px; padding:0 3px; }
.wart-body strong{ color:#fff; }
.whr{ border:none; border-top:1px solid var(--w-line); margin:30px 0; }
.wquote{ margin:0 0 18px; padding:12px 18px; border-left:3px solid var(--w-gold2);
  background:rgba(232,196,106,.05); color:var(--muted); font-style:italic; }
.wfig{ margin:0 0 22px; border-radius:13px; overflow:hidden; border:1px solid var(--w-line); }
.wfig img{ width:100%; }
.wfig figcaption{ padding:9px 14px; font-size:13px; color:var(--dim); background:rgba(255,255,255,.025); }

/* tabele — scroll DOAR în containerul lor, niciodată pe pagină.
   `minmax(0,…)` pe grid + min-width aici = fără scroll orizontal pe telefon. */
.wtable-wrap{ overflow-x:auto; margin:0 0 22px; border-radius:12px; border:1px solid var(--w-line); }
.wtable{ width:100%; border-collapse:collapse; font-size:14.6px; }
.wtable th{ text-align:left; padding:11px 15px; background:rgba(232,196,106,.09); color:var(--w-gold);
  font-weight:800; font-size:13px; letter-spacing:.4px; white-space:nowrap; border-bottom:1px solid var(--w-line); }
.wtable td{ padding:10px 15px; border-bottom:1px solid rgba(38,49,76,.55); vertical-align:top; color:var(--w-read); }
.wtable tr:last-child td{ border-bottom:none; }
.wtable tbody tr:hover{ background:rgba(255,255,255,.025); }
.wtable code{ white-space:nowrap; }
.wtable .syn{ display:block; font-size:12px; color:var(--dim); margin-top:3px; }
.wcmd .wsubtr td{ padding-top:0; }
.wsubs{ display:flex; flex-direction:column; gap:3px; padding:4px 0 8px 16px; border-left:2px solid rgba(232,196,106,.2); }
.wsub{ display:flex; gap:10px; flex-wrap:wrap; font-size:13.4px; }
.wsub span{ color:var(--dim); }

/* casete + spoilere */
.wcall{ margin:0 0 22px; padding:14px 18px; border-radius:12px; border:1px solid; border-left-width:4px; }
.wcall-t{ font-weight:800; font-size:14px; margin-bottom:5px; letter-spacing:.3px; }
.wcall-b > *:last-child{ margin-bottom:0; }
.wcall.note{ background:rgba(94,224,255,.07); border-color:rgba(94,224,255,.32); }
.wcall.note .wcall-t{ color:var(--cyan); }
.wcall.warn{ background:rgba(255,122,122,.07); border-color:rgba(255,122,122,.34); }
.wcall.warn .wcall-t{ color:#ff9c9c; }
.wcall.tip{ background:rgba(87,224,138,.07); border-color:rgba(87,224,138,.3); }
.wcall.tip .wcall-t{ color:var(--green); }
.wcall.bug{ background:rgba(245,200,75,.07); border-color:rgba(245,200,75,.3); }
.wcall.bug .wcall-t{ color:var(--gold); }

.wspoiler{ margin:0 0 22px; border-radius:12px; border:1px solid rgba(122,77,219,.4);
  background:rgba(122,77,219,.07); overflow:hidden; }
.wspoiler summary{ cursor:pointer; padding:13px 18px; font-weight:800; font-size:14.5px; color:#c9b0ff;
  list-style:none; display:flex; align-items:center; gap:9px; user-select:none; }
.wspoiler summary::-webkit-details-marker{ display:none; }
.wspoiler summary::after{ content:"▾"; margin-left:auto; transition:.2s; }
.wspoiler[open] summary::after{ transform:rotate(180deg); }
.wspoiler summary:hover{ background:rgba(122,77,219,.12); }
.wspoiler-ic{ font-size:15px; }
.wspoiler-b{ padding:4px 18px 14px; border-top:1px solid rgba(122,77,219,.25); }
.wspoiler-b > *:last-child{ margin-bottom:0; }

/* subsolul articolului */
.wart-foot{ margin-top:40px; padding-top:18px; border-top:1px solid var(--w-line);
  display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; }
.wmeta{ display:flex; flex-wrap:wrap; gap:16px; font-size:13.2px; color:var(--dim); }
.wmeta b{ color:var(--muted); }
.wtags i{ font-style:normal; padding:2px 8px; margin-right:5px; border-radius:5px;
  background:rgba(255,255,255,.05); font-size:12px; }
.wedit{ padding:8px 15px; border-radius:9px; border:1px solid var(--w-line2); color:var(--muted); font-size:13.5px; font-weight:700; }
.wedit:hover{ color:var(--w-gold); border-color:var(--w-gold2); }
.wrelated{ margin-top:44px; }
.wrelated h2{ font-size:21px; margin-bottom:14px; padding-bottom:8px; border-bottom:1px solid var(--w-line); }

/* ---------- căutare ---------- */
.wsearch-h{ font-size:clamp(24px,3.6vw,34px); }
.wdim{ color:var(--dim); font-size:14px; margin-top:6px; }
.wres{ list-style:none; margin-top:20px; display:flex; flex-direction:column; gap:8px; }
.wres a{ display:flex; gap:14px; align-items:flex-start; padding:14px 16px; border-radius:12px;
  border:1px solid var(--w-line); background:var(--w-surface); }
.wres a:hover{ border-color:var(--w-gold2); }
.wres .ic{ font-size:20px; flex:none; }
.wres .tx{ flex:1; min-width:0; }
.wres .tx b{ display:block; font-size:16px; color:var(--text); }
.wres .tx i{ font-style:normal; display:block; margin-top:4px; font-size:13.6px; color:var(--muted); }
.wres .ct{ flex:none; font-size:12px; color:var(--dim); }
.wres mark{ background:rgba(232,196,106,.28); color:#fff3d4; border-radius:3px; }

/* ---------- catalogul de iteme ---------- */
.wfilter{ display:flex; gap:9px; margin:16px 0 24px; }
.wfilter input{ flex:1; background:var(--w-surface); border:1px solid var(--w-line); border-radius:10px;
  padding:11px 14px; color:var(--text); font:inherit; min-width:0; }
.wfilter button{ background:var(--w-gold); color:#1a1305; border:none; border-radius:10px; padding:0 20px; font-weight:800; cursor:pointer; }
.witems{ display:grid; grid-template-columns:repeat(auto-fill,minmax(176px,1fr)); gap:12px; margin:0 0 30px; }
.witem{ padding:14px; border-radius:12px; border:1px solid var(--w-line); background:var(--w-surface); text-align:center; }
.witem img{ width:64px; height:64px; margin:0 auto 9px; object-fit:contain; }
.witem img.pixel{ image-rendering:pixelated; }
.witem img.smooth{ image-rendering:auto; }
.witem .nm{ font-weight:700; font-size:14px; color:var(--text); }
.witem .id{ font-size:11px; color:var(--dim); font-family:Consolas,monospace; margin-top:2px; word-break:break-all; }
.witem .ds{ font-size:12.4px; color:var(--muted); margin-top:7px; text-align:left; line-height:1.5; }
.witem .ob{ font-size:12px; color:var(--dim); margin-top:7px; text-align:left; line-height:1.5; }

/* ---------- panoul de staff ---------- */
.wadm{ max-width:1240px; margin:0 auto; }
.wadm-head{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.wadm-head h1{ font-size:30px; }
.wadm-me{ margin-left:auto; font-size:13.5px; color:var(--dim); }
.wadm-me b{ color:var(--w-gold); }
.wadm-tabs{ display:flex; flex-wrap:wrap; gap:5px; margin:20px 0 24px; padding-bottom:14px; border-bottom:1px solid var(--w-line); }
.wadm-tabs a{ padding:9px 14px; border-radius:9px; font-size:14px; font-weight:600; color:var(--muted); }
.wadm-tabs a:hover{ background:rgba(255,255,255,.05); color:var(--text); }
.wadm-tabs a.on{ background:rgba(232,196,106,.14); color:var(--w-gold); }
.wadm-msg{ padding:12px 16px; border-radius:10px; margin-bottom:18px; font-size:14.5px; }
.wadm-msg.ok{ background:rgba(87,224,138,.1); border:1px solid rgba(87,224,138,.35); color:#a9f0c6; }
.wadm-msg.bad{ background:rgba(255,122,122,.1); border:1px solid rgba(255,122,122,.35); color:#ffb8b8; }
.wadm-sec{ margin-top:30px; }
.wadm-sec h2{ font-size:19px; margin-bottom:12px; display:flex; gap:10px; align-items:center; }
.wadm-sec.danger{ padding:16px; border:1px solid rgba(255,122,122,.3); border-radius:12px; background:rgba(255,122,122,.05); }
.wstats{ display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:10px; }
.wstat{ padding:14px; border-radius:12px; border:1px solid var(--w-line); background:var(--w-surface); text-align:center; }
.wstat b{ display:block; font-size:26px; font-weight:800; }
.wstat span{ font-size:12px; color:var(--dim); }
.wstat.ok b{ color:var(--green); } .wstat.warn b{ color:var(--gold); } .wstat.bad b{ color:var(--red); }
.wprob{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
.wprob li{ padding:8px 13px; border-radius:9px; background:rgba(255,122,122,.08); border:1px solid rgba(255,122,122,.25); font-size:13.5px; }
.wprob li b{ color:var(--red); }
.wprob-list{ list-style:none; display:flex; flex-direction:column; gap:5px; }
.wprob-list li{ padding:8px 12px; border-radius:8px; background:rgba(255,255,255,.03); font-size:13.6px; }
.wprob-list .tag{ font-size:11px; padding:1px 6px; border-radius:4px; background:rgba(232,196,106,.18); color:var(--w-gold); margin-left:6px; }
.wprob-list .dim{ margin-left:8px; }
.ok{ color:var(--green); } .bad{ color:var(--red); }
.wlist2{ list-style:none; display:flex; flex-direction:column; gap:4px; }
.wlist2 li{ padding:7px 11px; border-radius:8px; background:rgba(255,255,255,.03); font-size:14px; }
.waudit{ list-style:none; display:flex; flex-direction:column; gap:2px; font-size:13px; }
.waudit li{ padding:5px 10px; border-radius:6px; }
.waudit li:nth-child(odd){ background:rgba(255,255,255,.025); }
.waudit time{ color:var(--dim); margin-right:8px; }
.whist{ list-style:none; display:flex; flex-direction:column; gap:4px; font-size:13.5px; }
.whist li{ padding:8px 12px; border-radius:8px; background:rgba(255,255,255,.03); display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.whist time{ color:var(--dim); }
form.inl{ display:inline; margin-left:auto; }
button.mini{ background:rgba(255,255,255,.06); border:1px solid var(--w-line2); color:var(--muted);
  border-radius:7px; padding:4px 10px; font-size:12px; cursor:pointer; }
button.mini:hover{ color:var(--w-gold); border-color:var(--w-gold2); }
.wadm-filter{ display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin-bottom:18px; }
.wadm-filter select,.wadm-filter input{ background:var(--w-surface); border:1px solid var(--w-line);
  border-radius:9px; padding:9px 12px; color:var(--text); font:inherit; font-size:14px; }
.wadm-filter .btn,.wadm .btn{ padding:9px 16px; font-size:14px; border-radius:9px; }
.wadm .btn{ display:inline-block; background:rgba(255,255,255,.05); border:1px solid var(--w-line2);
  color:var(--text); cursor:pointer; font-weight:700; }
.wadm .btn.primary{ background:var(--w-gold); color:#1a1305; border:none; font-weight:800; }
.wadm .btn.danger{ background:rgba(255,122,122,.15); border-color:rgba(255,122,122,.4); color:#ffb8b8; }
.wadm .btn.ghost{ background:rgba(255,255,255,.04); }

/* editorul */
.wed-grid{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
.wed-main{ min-width:0; }
.wed-side{ position:sticky; top:150px; display:flex; flex-direction:column; gap:11px;
  padding:16px; border-radius:13px; border:1px solid var(--w-line); background:var(--w-surface); }
.wed label{ display:block; font-size:12.5px; font-weight:700; color:var(--muted); margin-bottom:11px; }
.wed label.chk{ display:flex; gap:8px; align-items:center; }
.wed input[type=text],.wed input:not([type]),.wed input[type=number],.wed input[type=datetime-local],
.wed select,.wed textarea{ display:block; width:100%; margin-top:5px; background:#0b0f1a;
  border:1px solid var(--w-line); border-radius:9px; padding:10px 12px; color:var(--text); font:inherit; font-size:14.5px; }
.wed textarea{ resize:vertical; }
.wed .wed-body{ font-family:Consolas,"SF Mono",monospace; font-size:13.6px; line-height:1.65; }
.wed input:focus,.wed textarea:focus,.wed select:focus{ outline:none; border-color:var(--w-gold2); }
.wed-tabs{ display:flex; gap:5px; margin-bottom:14px; }
.wed-tabs button{ padding:9px 16px; border-radius:9px; border:1px solid var(--w-line);
  background:rgba(255,255,255,.03); color:var(--muted); font:inherit; font-weight:700; cursor:pointer; }
.wed-tabs button.on{ background:rgba(232,196,106,.14); color:var(--w-gold); border-color:var(--w-gold2); }
.wed-prev{ margin:0 0 14px; padding:16px 20px; border-radius:12px; border:1px dashed var(--w-line2);
  background:rgba(255,255,255,.02); font-size:16px; line-height:1.7; color:var(--w-read); }
.wed-prev:empty{ display:none; }
.wed-actions{ display:flex; flex-direction:column; gap:8px; margin-top:6px; }
.wed-side .dim{ font-size:11.8px; line-height:1.6; }
.wed-side code{ background:rgba(122,77,219,.16); border-radius:4px; padding:0 4px; font-size:11px; }

/* media */
.wupload{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:16px; border-radius:12px;
  border:1px dashed var(--w-line2); margin-bottom:22px; }
.wmedia{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px; }
.wmedia-i{ border-radius:11px; overflow:hidden; border:1px solid var(--w-line); background:var(--w-surface); }
.wmedia-i.big{ border-color:rgba(245,200,75,.5); }
.wmedia-i img{ width:100%; height:118px; object-fit:cover; }
.wmedia-i figcaption{ padding:8px 10px; font-size:11px; display:flex; justify-content:space-between; gap:8px; }
.wmedia-i code{ font-size:10.5px; color:var(--muted); word-break:break-all; }
.wmedia-i span{ color:var(--dim); flex:none; }

/* ---------- mobil ---------- */
@media (max-width:980px){
  .wlayout{ grid-template-columns:1fr; gap:22px; }
  .wside{ position:static; }
  .wcats{ flex-direction:row; flex-wrap:wrap; }
  .wcat{ border:1px solid var(--w-line); }
  .wcat .n{ display:none; }
  .wed-grid{ grid-template-columns:1fr; }
  .wed-side{ position:static; }
}
@media (max-width:720px){
  .wtop{ top:56px; }
  .wtop-row{ flex-wrap:wrap; }
  .wsearch{ order:1; width:100%; }
  .wlang{ order:0; margin-left:auto; }
  .wsearch button{ padding:8px 12px; font-size:13px; }
  .wart-body{ font-size:16.3px; }
  .wart-body h2.wh{ font-size:23px; }
  .wanchor{ display:none; }
  .whome-cats,.wcards{ grid-template-columns:1fr; }
  .wart-foot{ flex-direction:column; align-items:flex-start; }
  .wcrumb{ font-size:12.5px; }
  .witems{ grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); }
  .wadm-head h1{ font-size:24px; }
}
@media (prefers-reduced-motion:reduce){
  .wcard,.whome-cat{ transition:none; }
  .wcard:hover,.whome-cat:hover{ transform:none; }
}