/* Webliyo panel — marka cilası (Filament teması üstüne, hafif) */
:root { --wb-mercan:#C63B18; --wb-canli:#F0532D; --wb-krem:#FFF7F2; --wb-krem-koyu:#FBEDE4; --wb-cizgi:#EEE3DB; --wb-metin-2:#4A5158; --wb-yesil:#1F9D55; }
html:not(.dark) body.fi-body { background: var(--wb-krem); }
html:not(.dark) .fi-sidebar { background: #fff; border-right: 1px solid var(--wb-cizgi); }
html:not(.dark) .fi-topbar { background: rgba(255,255,255,.85); backdrop-filter: blur(8px); }
.fi-section, .fi-wi-stats-overview-stat, .fi-ta-ctn { border-radius: 18px !important; }
html:not(.dark) .fi-section, html:not(.dark) .fi-wi-stats-overview-stat, html:not(.dark) .fi-ta-ctn { box-shadow: 0 1px 2px rgba(30,34,38,.04), 0 12px 32px -18px rgba(30,34,38,.18); }
.fi-header-heading { letter-spacing: -.02em; }
.fi-simple-layout { background: radial-gradient(1200px 500px at 10% -10%, #FFE9E1 0, transparent 60%), var(--wb-krem); }
.dark .fi-simple-layout { background: none; }

.wb-altbilgi { text-align:center; font-size:.8rem; color: var(--wb-metin-2); padding: 1.5rem 1rem 2rem; }
.wb-altbilgi a, .wb-link { color: var(--wb-mercan); font-weight: 600; text-decoration: none; }
.dark .wb-altbilgi a, .dark .wb-link { color: var(--wb-canli); }
.wb-bos { font-size:.9rem; color: var(--wb-metin-2); padding:.75rem 1rem; background: var(--wb-krem); border-radius: 12px; }
.dark .wb-bos { background: rgba(255,255,255,.04); color: #a8a29e; }
.wb-not { font-size:.875rem; color: var(--wb-metin-2); margin-top:.5rem; line-height:1.55; }
.dark .wb-not { color:#a8a29e; }
.wb-uyari-yazi { color:#b45309; font-weight:600; }
.wb-buyuk { font-size:1.6rem; font-weight:800; letter-spacing:-.02em; line-height:1.2; }
.wb-buyuk small { font-size:.9rem; font-weight:600; color: var(--wb-metin-2); }
.wb-buyuk a { color: inherit; text-decoration: none; }
.wb-kart-izgara { display:grid; gap:1.5rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

/* Görüşme: oynatıcı + döküm */
.wb-gorusme { display:flex; flex-direction:column; gap:1rem; }
.wb-oynatici { background: var(--wb-krem); border:1px solid var(--wb-cizgi); border-radius: 14px; padding: .9rem; }
.dark .wb-oynatici { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.08); }
.wb-oynatici audio { width:100%; height: 40px; }
.wb-meta { font-size:.8rem; color: var(--wb-metin-2); margin-top:.5rem; display:flex; gap:.35rem; flex-wrap:wrap; }
.wb-dokum { display:flex; flex-direction:column; gap:.5rem; max-height: 520px; overflow-y:auto; padding-right:.25rem; }
.wb-balon { max-width: 85%; padding:.55rem .8rem; border-radius: 14px; font-size:.92rem; line-height:1.5; }
.wb-kim { display:block; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; opacity:.7; margin-bottom:.1rem; }
.wb-asistan { align-self:flex-start; background:#FFE9E1; color:#5a1f0e; border-bottom-left-radius:4px; }
.wb-arayan { align-self:flex-end; background:#f1f5f4; color:#1E2226; border-bottom-right-radius:4px; }
.dark .wb-asistan { background: rgba(240,83,45,.16); color:#fde2d8; }
.dark .wb-arayan { background: rgba(255,255,255,.07); color:#e7e5e4; }
.wb-dokum-duz { white-space:pre-wrap; font-family: inherit; font-size:.9rem; }

.wb-alanlar { display:grid; gap:.5rem 1.5rem; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.wb-alanlar dt { font-size:.75rem; color: var(--wb-metin-2); font-weight:600; }
.wb-alanlar dd { font-weight:600; margin:0; }
.wb-alanlar .wb-genis { grid-column: 1 / -1; }

.wb-cubuk { height:10px; background: var(--wb-krem-koyu); border-radius:99px; overflow:hidden; margin-top:.75rem; }
.dark .wb-cubuk { background: rgba(255,255,255,.08); }
.wb-cubuk span { display:block; height:100%; background: var(--wb-canli); border-radius:99px; }
.wb-cubuk span.wb-uyari { background:#d97706; }

.wb-tablo-sar { overflow-x:auto; }
.wb-tablo { width:100%; border-collapse:collapse; font-size:.9rem; }
.wb-tablo th, .wb-tablo td { text-align:left; padding:.6rem .75rem; border-bottom:1px solid var(--wb-cizgi); white-space:nowrap; }
.dark .wb-tablo th, .dark .wb-tablo td { border-color: rgba(255,255,255,.08); }
.wb-tablo th { font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; color: var(--wb-metin-2); }
.wb-guncel td { font-weight:700; }
.wb-etiket { font-size:.7rem; background:#FFE9E1; color: var(--wb-mercan); border-radius:99px; padding:.1rem .5rem; margin-left:.35rem; }

.wb-kontrol { list-style:none; padding:0; margin:0; display:grid; gap:.55rem; }
.wb-kontrol li { display:flex; align-items:center; gap:.7rem; }
.wb-tik { width:24px; height:24px; border-radius:7px; border:2px solid #d6d3d1; display:grid; place-items:center; color:#fff; font-weight:800; flex:none; cursor:pointer; }
.wb-tik-ok { background: var(--wb-yesil); border-color: var(--wb-yesil); }
.wb-ustu-cizili { color: var(--wb-metin-2); text-decoration: line-through; }
.wb-adimlar { font-size:.9rem; line-height:1.6; }
.wb-adimlar ol { padding-left:1.2rem; list-style: decimal; display:grid; gap:.4rem; margin:.4rem 0; }
.wb-adimlar code { background: var(--wb-krem); padding:.05rem .35rem; border-radius:5px; font-size:.85em; }
.dark .wb-adimlar code { background: rgba(255,255,255,.08); }
@media (max-width: 640px) { .wb-balon { max-width: 95%; } .wb-buyuk { font-size:1.35rem; } }

/* Birincil düğmeler her zaman marka mercanı + beyaz yazı (Filament otomatik kontrastı açık ton seçiyor) */
html:not(.dark) .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-link) { background: #C63B18 !important; color: #fff !important; }
html:not(.dark) .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-link):hover { background: #A93214 !important; }
html:not(.dark) .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-link) .fi-icon,
html:not(.dark) .fi-btn.fi-color-primary:not(.fi-outlined):not(.fi-link) svg { color: #fff !important; }