/* SIDEBAR-FULLHEIGHT-1 (2026-08-10): `align-items: stretch` AÇIKÇA
   belirtildi (tarayıcı varsayımına bırakmak yerine) -- sidebar'ın
   (`.v33-sidebar`) grid satırının TAM yüksekliğine gerilebilmesi (ana
   içerik ne kadar uzunsa) tam olarak buna dayanıyor, bkz.
   demo-sidebar.css. */
.v33-shell { min-height: 100vh; display: grid; grid-template-columns: var(--v33-sidebar-width) minmax(0, 1fr); align-items: stretch; }
/* HEADER-STICKYFIX-1 (2026-08-20): ÖNCEDEN `overflow-x: hidden` idi --
   CSS'e göre bir eksende `overflow` `visible` DIŞINDA bir değer alırsa
   (burada `hidden`), o kutu bir "scroll container" haline gelir (spec:
   position:sticky, en yakın scroll-container atasının scrollport'una göre
   konumlanır -- BU, eksenden BAĞIMSIZ, sadece x ekseni hidden olsa bile
   geçerli). `.v33-header` (position:sticky; top:0) doğrudan bu kutunun
   İÇİNDE (bkz. demo-layout.js) -- yani sticky referansı YANLIŞLIKLA
   `.v33-shell__main` oluyordu, gerçek sayfa/viewport scroll'u DEĞİL. Bu
   kutu kendi içinde asla gerçekten kaymadığı için (yüksekliği grid
   `align-items:stretch` ile içeriğine tam oturuyor, bkz. SIDEBAR-FULLHEIGHT-1
   yorumu) header pratikte hiç sabitlenmiyordu. `overflow: clip` (HER İKİ
   eksen) kullanmak aynı yatay-taşma güvenlik ağını korur AMA -- `hidden`den
   farklı olarak -- bir scroll container OLUŞTURMAZ (spec: clip scrollable
   olmayan bir kırpma, script ile bile kaydırılamaz), böylece `.v33-header`
   artık doğru şekilde gerçek viewport'a göre sticky oluyor. (Tek eksen
   `overflow-x: clip` + diğeri varsayılan `visible` YETERSİZ olurdu: spec'e
   göre biri `clip` biri `visible` olan çift, `visible` olanı `hidden`e
   çevirir -- bu da yine scroll container yaratırdı, bu yüzden HER İKİ
   eksen açıkça `clip` yapıldı.) Proje zaten `:has()`/`color-mix()`
   kullanıyor (bkz. demo-sidebar.css), `overflow: clip` bunlardan daha eski
   tarayıcı desteğine sahip (Chrome 90+/Safari 16+/Firefox 102+), risksiz. */
.v33-shell__main { min-width: 0; overflow: clip; }
/* Faz (2026-07-29): önceden width: min(1440px,100%) + margin:0 auto ile
   masaüstünde içerik ekranın ortasında dar bir sütuna sıkışıyor, sağda/
   solda kullanılmayan boşluk bırakıyordu. Bu, TÜM modüllerin miras aldığı
   TEK merkezi kısıtlamaydı (core shell) — kaldırıldı, artık sidebar'dan
   sonra kalan TÜM genişlik kullanılıyor, sadece güvenli bir iç boşluk
   kalıyor. Mobil/tablet boşlukları demo-mobile.css'te ayrı ayarlanmaya
   devam ediyor (960px: 20px, 560px: 14px), burada dokunulmadı. */
.v33-content { width: 100%; padding: 24px; }
/* Faz (2026-07-29): sayfa başı "hero" kutusu kalın/ağır duruyordu (28-32px
   dolgu, büyük gölge, gradient) — dolgu/gölge/köşe yarıçapı azaltıldı,
   başlık boyutu bir tık küçültüldü. Marka rengi/gradient korunuyor,
   sadece görsel "ağırlık" azaldı. */
.v33-hero { margin-bottom: 16px; padding: 14px 20px; border: 1px solid var(--v33-border); border-radius: 10px; background: var(--v33-surface); box-shadow: none; }
.v33-hero span { color: var(--v33-brand); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.v33-hero h1 { margin: 6px 0 4px; font-size: clamp(1.3rem, 2.4vw, 1.8rem); line-height: 1.2; }
.v33-hero p { margin: 0; color: var(--v33-muted); font-size: .92rem; }
.v33-view { min-width: 0; }
.v33-sidebar-backdrop { display: none; }

.v33-table-wrap { width: 100%; overflow-x: auto; }
.v33-table { width: 100%; border-collapse: collapse; }
.v33-table th, .v33-table td { padding: 14px 16px; border-bottom: 1px solid var(--v33-border); text-align: left; vertical-align: middle; }
.v33-table th { color: var(--v33-muted); background: var(--v33-surface-soft); font-size: .78rem; letter-spacing: .035em; text-transform: uppercase; }
.v33-table tbody tr:last-child td { border-bottom: 0; }

.v33-section-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 22px; border-bottom: 1px solid var(--v33-border); }
.v33-section-head h2 { margin: 0; font-size: 1.08rem; }