/* preview.css — tema/görünüm anahtarı çubuğu (iki sayfada ortak) */
/* z-index kaplamaların (arama 90, çekmeceler 85) üstünde: mobil önizlemede
   çubuk hiçbir zaman panellerin altında kalmasın */
.preview{position:sticky;top:0;z-index:95;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:8px 14px;background:#02040a;border-bottom:1px solid #12181f;color:#5f6b7b}
body.light .preview{background:#dfe4ec;border-bottom-color:#cdd5e0;color:#6b7688}
.pv-l{font-size:9.5px;font-weight:800;letter-spacing:.15em}
.pv-b{display:flex;align-items:center;gap:6px;padding:6px 13px;border-radius:5px;background:#101722;
  color:#96a1b0;font-size:10px;font-weight:800;letter-spacing:.1em}
body.light .pv-b{background:#f1f4f8;color:#6b7688}
.pv-b svg{width:12px;height:12px}
.pv-b:hover{color:#e9edf3}
.pv-b.on{background:var(--gold-grad);color:var(--onAcc)}
.pv-sw{width:11px;height:11px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
.pv-sep{width:1px;height:15px;background:#1b2431;margin:0 3px}
body.light .pv-sep{background:#cdd5e0}
/* her düğme kendi yazı tipinde görünsün ki seçim önizlenebilsin */
.pv-b[data-fo="calibri"]{font-family:'Calibri','Carlito',Arial,sans-serif}
.pv-b[data-fo="arial"]{font-family:Arial,Helvetica,sans-serif}
.pv-b[data-fo="roboto"]{font-family:'Roboto',Arial,sans-serif}
.pv-w{margin-left:auto;font-family:var(--ui);font-size:10.5px;font-variant-numeric:tabular-nums}