/* Üst menü: Platform mega paneli (Studio / Live / Convert sütunları) + Haberleşme protokol listesi + mobil çekmecede açılır gruplar.
   Temel menü stilleri bilesenler.css içindedir (.menu-grup, .menu-dugme, .menu-panel, .menu-kart, .menu-alt). */
.menu-panel--genis{width:min(860px,94vw); max-height:calc(100vh - 100px); overflow-y:auto; overscroll-behavior:contain}
.menu-sutunlar{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px}
.menu-sutun{display:flex; flex-direction:column; min-width:0; padding:4px; border-radius:16px}
.menu-sutun:not(:first-child){border-left:1px solid rgba(255,255,255,.07)}
.ust-menu .menu-sutun .menu-kart{padding:10px 10px 12px}
.ust-menu .menu-sutun .menu-kart span{font-size:.82rem}
.menu-liste{list-style:none; margin:0; padding:0 4px 4px; display:grid; gap:1px}
.ust-menu .menu-liste a{display:flex; align-items:center; gap:10px; min-height:0; padding:4px 12px 4px 8px; border-radius:9px; color:#C7D5EE; font:600 .88rem/1.3 var(--font-govde); text-decoration:none; white-space:normal}
.ust-menu .menu-liste a:hover{background:rgba(255,255,255,.08); color:#fff; text-decoration:none}
.ust-menu .menu-liste a[aria-current="page"]{background:rgba(255,255,255,.1); color:#fff; box-shadow:inset 3px 0 0 var(--pc-acik,#7CC0FF)}

.menu-panel--liste{width:min(460px,94vw); max-height:calc(100vh - 100px); overflow-y:auto; overscroll-behavior:contain}
.menu-baslik{margin:2px 8px 8px; font:700 .72rem/1 var(--font-baslik); letter-spacing:.16em; text-transform:uppercase; color:#8CA3CB}
.menu-protokoller{list-style:none; margin:0; padding:0; display:grid; gap:2px}
.ust-menu .menu-protokoller a{display:grid; grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:center; min-height:0; padding:9px 12px; border-radius:12px; color:#fff; white-space:normal; text-decoration:none; font-size:inherit}
.ust-menu .menu-protokoller a:hover{background:rgba(255,255,255,.08); text-decoration:none}
.ust-menu .menu-protokoller a[aria-current="page"]{background:rgba(255,255,255,.1); box-shadow:inset 3px 0 0 #7CC0FF}
.menu-mono{display:inline-grid; place-items:center; width:44px; height:34px; border-radius:10px; background:rgba(124,176,255,.14); border:1px solid rgba(124,176,255,.28); color:#BFDCFF; font:800 .74rem/1 var(--font-baslik); letter-spacing:.04em}
.menu-protokol-ad{display:grid; gap:2px; min-width:0}
.menu-protokol-ad strong{font:700 .95rem/1.2 var(--font-baslik); letter-spacing:-.01em}
.menu-protokol-ad small{font-size:.8rem; line-height:1.35; color:#9FB3D6}

/* mobil çekmece: açılır program / protokol grupları */
.cekmece-acilir{border-bottom:1px solid rgba(255,255,255,.07)}
.cekmece-acilir>summary{list-style:none; display:flex; align-items:center; gap:14px; padding:12px 4px; font-size:1.12rem; font-weight:650; color:#fff; cursor:pointer}
.cekmece-acilir>summary::-webkit-details-marker{display:none}
.cekmece-acilir>summary img{width:34px; height:34px; border-radius:10px}
.cekmece-acilir>summary .ikon{margin-left:auto; width:18px; height:18px; transition:transform .25s var(--gecis)}
.cekmece-acilir[open]>summary .ikon{transform:rotate(180deg)}
.cekmece-acilir ul{list-style:none; margin:0 0 10px 48px; padding:0; display:grid}
.cekmece-acilir--duz ul{margin-left:4px}
.cekmece nav .cekmece-acilir ul a{padding:9px 4px; font-size:1rem; font-weight:550; color:#C4D2EA; border-bottom:0; justify-content:flex-start}
.cekmece nav .cekmece-acilir ul a[aria-current="page"]{color:#fff; font-weight:700}

@media (max-width:1240px){.menu-panel--genis{left:-60px}}

/* program sayfalarındaki özellik sayfası kartları */
.us-liste-kart{display:flex; flex-direction:column; gap:6px; text-decoration:none; color:var(--metin)}
.us-liste-kart h3{margin:0; font-size:1.1rem; color:var(--lac)}
.us-liste-kart p{margin:0 0 6px; font-size:.93rem; line-height:1.55; color:var(--gri)}
.us-liste-kart .v2-baglanti{margin-top:auto}

/* panel içindeki bağlantılar: üst çubuğun satır sonu / vurgu kuralları panelde geçerli değil */
.ust-menu .menu-panel a{white-space:normal}
.ust-menu .menu-panel a[aria-current="page"]::after{display:none}

/* yeni paneller opak zemin: arkadaki sayfa metni görünmesin */
.menu-panel--genis,.menu-panel--liste{background:#0A1630}

/* alt menü simgeleri: program renginde küçük karo (Platform paneli, çekmece) */
.menu-ik{display:inline-grid; place-items:center; flex:none; width:26px; height:26px; border-radius:8px; background:color-mix(in srgb,var(--pc-acik,#7CC0FF) 14%,transparent); color:var(--pc-acik,#7CC0FF)}
.menu-ik .ikon{width:16px; height:16px}
.ust-menu .menu-liste a:hover .menu-ik,.ust-menu .menu-liste a[aria-current="page"] .menu-ik{background:color-mix(in srgb,var(--pc-acik,#7CC0FF) 26%,transparent)}
.cekmece nav .cekmece-acilir ul a{display:flex; align-items:center; gap:12px}
.cekmece .menu-ik{width:30px; height:30px}
.menu-mono--k{width:36px; height:28px; border-radius:8px; font-size:.64rem}

/* Haberleşme listesi: yalnız başlık, tek satır */
.ust-menu .menu-protokoller a{padding:7px 12px; min-height:46px}
.menu-protokol-ad strong{font-size:.97rem}
.menu-panel--liste{width:min(340px,94vw)}