/* Ops paneli — yalnızca Selmar'da olmayan ekler (tema = selmar.css) */
.modul-ust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}
.modul-ust h2 {
  margin: 0;
  font-size: 1.05rem;
  flex: 1;
  font-weight: 700;
}
.form-izgara {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 14px;
  margin-bottom: 12px;
}
.form-izgara label {
  display: grid;
  gap: 4px;
  font-size: var(--fs-kucuk);
  color: var(--yazi-soluk);
}
.form-izgara .tam { grid-column: 1 / -1; }
.tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs);
  background: var(--grid-satir);
}
.tablo th, .tablo td {
  border: 1px solid var(--cizgi-acik);
  padding: 6px 8px;
  text-align: left;
}
.tablo th {
  background: var(--grid-baslik);
  font-weight: 700;
}
.tablo tr:nth-child(even) td { background: var(--grid-satir-alt); }
.tablo tr:hover td { background: var(--grid-hover); }
.bos { color: var(--yazi-soluk); font-size: var(--fs); padding: 12px 0; }
.rozet {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 11px;
  background: var(--cizgi-acik);
}
.rozet.canli { background: #c8e6c9; }
.rozet.gelistirme { background: #ffe082; }
.rozet.beklemede { background: #b3e5fc; }
.rozet.arsiv { background: #e0e0e0; }
.tema-koyu .rozet.canli { background: #1d3326; color: #9f9; }
.tema-koyu .rozet.gelistirme { background: #3a3010; color: #fc6; }
.uyari-kutu {
  background: #fff8e1;
  border: 1px solid #e0c060;
  border-radius: var(--radius-sm);
  padding: 8px 10px;
  font-size: var(--fs-kucuk);
  margin-bottom: 12px;
}
.tema-koyu .uyari-kutu {
  background: #3a3018;
  border-color: #8a7030;
  color: #f0e0b0;
}
.sonuc-kutu {
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid var(--cizgi-acik);
  border-radius: var(--radius-sm);
  background: var(--panel);
  font-size: var(--fs);
}
.sonuc-kutu.ok { border-color: #4caf50; background: #e8f5e9; }
.sonuc-kutu.hata { border-color: #c62828; background: #ffebee; }
.tema-koyu .sonuc-kutu.ok { background: #1d3326; }
.tema-koyu .sonuc-kutu.hata { background: #3a1f1f; }
.dugme-tehlike {
  color: #fff;
  background: linear-gradient(#c44, #8b1e1e);
  border-color: #5a1010;
}
.gorev-cikis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #f0c0c0;
  cursor: pointer;
}
.gorev-cikis:hover {
  background: rgba(248, 113, 113, .18);
  color: #fecaca;
}
.gorev-cikis-ikon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
}
.gorev-cikis-ikon svg {
  width: 16px;
  height: 16px;
}
.masa-ikon-gorsel-emoji {
  font-size: 1.4rem;
  line-height: 1;
}
.masa-ikon.secili {
  background: var(--secili);
  border-color: var(--cizgi);
}
/* Simgeler sol üstten başlasın; boş alan sağ tık alsın */
.masa-ikonlar {
  align-content: start;
  justify-content: start;
}
.baslat-logo-kucuk {
  width: 22px;
  height: 18px;
  object-fit: contain;
  flex-shrink: 0;
}
.baslat-dugme {
  gap: 8px;
  min-width: 0;
  padding: 0 12px;
}
.baslat-logo {
  width: 44px;
  height: 32px;
  object-fit: contain;
  padding: 2px 4px !important;
  background: rgba(255,255,255,.08);
}
.sag-menu-ikon-klasor {
  color: #f0c060;
}
.sag-menu-oge.tehlike {
  color: #f87171;
}
.sag-menu-ikon-sil {
  color: #f87171;
}
.klasor-kip-kutu {
  width: min(380px, 100%);
}
.klasor-alan {
  display: grid;
  gap: 6px;
  margin-bottom: 14px;
  font-size: var(--fs-kucuk);
  color: var(--yazi-soluk);
}
.klasor-renk-baslik {
  font-size: var(--fs-kucuk);
  color: var(--yazi-soluk);
  margin-bottom: 8px;
}
.klasor-renkler {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.klasor-renk {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 2px solid transparent;
  background: var(--r);
  cursor: pointer;
  padding: 0;
}
.klasor-renk.aktif,
.klasor-renk:hover {
  border-color: #fff;
  box-shadow: 0 0 0 2px var(--r);
}
.klasor-kip-hata {
  margin: 10px 0 0;
  color: #f87171;
  font-size: var(--fs-kucuk);
}
.kip-alt {
  justify-content: flex-end;
}
/* Masaüstü: tek renk + ortada logo */
.masaustu-govde.tema-koyu {
  background: #1b2430 !important;
}
.masa-logo-orta {
  position: absolute;
  inset: 0 0 38px 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  z-index: 0;
}
.masa-logo-orta img {
  width: min(280px, 42vw);
  height: auto;
  max-height: 200px;
  object-fit: contain;
  opacity: .92;
}
.masa-ikonlar {
  z-index: 2;
}
/* Giriş: Selmar paneli (eski görünüm) */
.giris-baslik {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--cizgi-acik);
  padding-bottom: 12px;
}
.giris-baslik-yazi {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.giris-baslik-yazi strong {
  font-size: 1.15rem;
}
.giris-baslik-yazi span {
  color: var(--yazi-soluk);
  font-size: .92rem;
}
.giris-logo {
  width: 96px;
  height: 64px;
  object-fit: contain;
  display: block;
}
@media (max-width: 720px) {
  .form-izgara { grid-template-columns: 1fr; }
  .pencere { min-width: 0; left: 4px !important; right: 4px; width: auto !important; }
}
