/* Mahkeme: canlı yayın ve kayıt oynatıcısı. Renkler sitenin değişkenlerinden. */
.mo { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 12px; }
@media (max-width: 860px) { .mo { grid-template-columns: 1fr; } }
.mo-sahne { position: relative; background: #0d0f16; border-radius: 12px; overflow: hidden;
  aspect-ratio: 16 / 9; }
.mo-tuval { width: 100%; height: 100%; display: block; touch-action: none; }
.mo-ust { position: absolute; top: 10px; left: 12px; right: 12px; display: flex; gap: 8px;
  align-items: center; pointer-events: none; color: #fff; text-shadow: 0 1px 3px #000; }
.mo-baslik { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mo-asama { margin-left: auto; background: rgba(0, 0, 0, .55); padding: 3px 10px; border-radius: 999px;
  font-size: 13px; white-space: nowrap; }
.mo-canli { background: #d63b3b; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 700; }
.mo-duyuru { position: absolute; left: 50%; bottom: 64px; transform: translateX(-50%); display: flex;
  flex-direction: column; align-items: center; gap: 6px; pointer-events: none; width: 90%; }
.mo-duyuru-satir { background: rgba(10, 10, 16, .78); color: #fff; padding: 6px 14px; border-radius: 8px;
  font-size: 15px; text-align: center; animation: mo-gel .25s ease-out; }
.mo-karar { border: 1px solid #e8c26a; color: #f3dc9a; font-size: 18px; font-weight: 700; }
.mo-tokmak { font-size: 20px; }
.mo-asama.mo-asama, .mo-duyuru-satir.mo-asama { color: #e8c26a; }
@keyframes mo-gel { from { opacity: 0; transform: translateY(8px); } }
.mo-kameralar { position: absolute; bottom: 10px; left: 10px; display: flex; gap: 6px; }
.mo-kam { background: rgba(0, 0, 0, .55); color: #ddd; border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 6px; padding: 4px 10px; cursor: pointer; font: inherit; font-size: 13px; }
.mo-kam.mo-secili { background: var(--mor); color: #fff; }
.mo-kam.mo-yayinda { box-shadow: 0 0 0 2px #d63b3b inset; }
/* Yoneticinin cozunurluk secicisi, kamera dugmeleriyle ayni cubukta. */
.mo-olcek { background: rgba(0, 0, 0, .55); color: #ddd; border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 6px; padding: 2px 4px; font: inherit; }
.mo-ses { position: absolute; bottom: 10px; right: 10px; background: rgba(0, 0, 0, .55); color: #fff;
  border: 1px solid rgba(255, 255, 255, .15); border-radius: 6px; padding: 4px 10px; cursor: pointer; font: inherit;
  font-size: 13px; }
.mo-ses.mo-acik { opacity: .7; }
.mo-zaman { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.mo-oynat { width: 40px; height: 34px; border-radius: 8px; border: 0; background: var(--mor); color: #fff;
  font-size: 16px; cursor: pointer; }
.mo-cubuk { position: relative; flex: 1 1 auto; min-width: 0; }
.mo-surgu { width: 100%; margin: 0; padding: 0; }
.mo-hiz { width: auto !important; flex: 0 0 auto; padding: 4px 6px; }
.mo-isaretler { position: absolute; left: 0; right: 0; top: -6px; height: 6px; }
.mo-im { position: absolute; width: 4px; height: 10px; transform: translateX(-2px); border: 0; padding: 0;
  cursor: pointer; border-radius: 2px; }
.mo-im-bolum { background: #e8c26a; }
.mo-im-tokmak { background: #9a6b3a; height: 6px; }
.mo-im-isaret { background: #55d6f5; }
.mo-im-karar { background: #d63b3b; width: 6px; }
.mo-sure { font-variant-numeric: tabular-nums; font-size: 13px; color: var(--yazi-soluk); min-width: 110px;
  text-align: right; }
.mo-yan { display: flex; flex-direction: column; gap: 10px; }
.mo-kisiler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.mo-kisiler li { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 8px;
  background: var(--kart); border: 1px solid transparent; font-size: 14px; }
.mo-kisiler li.mo-konusuyor { border-color: var(--yesil); }
.mo-kisiler li.mo-disarda { opacity: .45; }
.mo-rol { font-size: 11px; font-weight: 700; min-width: 48px; }
.mo-ad { flex: 1; overflow: hidden; text-overflow: ellipsis; }
.mo-sus { background: none; border: 0; cursor: pointer; font-size: 15px; }
.mo-kanit img { width: 100%; border-radius: 8px; image-rendering: auto; }
.mo-ipucu { font-size: 12px; color: var(--yazi-soluk); }
.mahkeme-liste { display: flex; flex-direction: column; gap: 8px; }
.mahkeme-dava { display: flex; gap: 12px; align-items: center; }
.mahkeme-dava .mahkeme-bilgi { flex: 1; }
.mahkeme-karar { color: var(--sari); font-size: 14px; }