:host {
  display: block;
}

.soy-aktar-icerik {
  display: flex;
  flex-direction: column;
  gap: 16px;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;

  img { -webkit-user-drag: none; pointer-events: none; }
  input, textarea { -webkit-user-select: text; user-select: text; -webkit-touch-callout: default; }
}

.soy-aktar-ozet {
  display: flex;
  gap: 12px;
  justify-content: center;

  .ozet-kutu {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 24px;
    border-radius: 8px;
    min-width: 100px;

    &.mevcut { background: var(--py-ozet-mevcut-bg, #f0fdf4); border: 1px solid var(--py-ozet-mevcut-kenarlik, #86efac); }
    &.yeni { background: var(--py-ozet-yeni-bg, #fffbeb); border: 1px solid var(--py-ozet-yeni-kenarlik, #fcd34d); }
    &.iliski { background: var(--py-ozet-iliski-bg, #eff6ff); border: 1px solid var(--py-ozet-iliski-kenarlik, #93c5fd); }

    .ozet-sayi {
      font-size: 24px;
      font-weight: 700;
      line-height: 1;
    }
    .ozet-baslik {
      font-size: 12px;
      color: #6b7280;
      margin-top: 4px;
    }
  }
}

.soy-aktar-ilerleme {
  text-align: center;
  padding: 24px 0;

  .ilerleme-metin {
    margin-top: 8px;
    color: #6b7280;
  }

  .sonuc-kutu {
    margin-top: 16px;
    padding: 16px;
    background: var(--py-ozet-mevcut-bg, #f0fdf4);
    border-radius: 8px;
    border: 1px solid var(--py-ozet-mevcut-kenarlik, #86efac);
  }

  .hata-listesi {
    margin-top: 8px;
    text-align: left;
  }

  .hata-satir {
    font-size: 12px;
    color: #6b7280;
    margin: 2px 0;
  }
}

.soy-aktar-butonlar {
  display: flex;
  justify-content: center;
  padding-top: 8px;
}

:host-context(.tema-karanlik) {
  .ozet-kutu.mevcut { background: #162312; border-color: #274916; }
  .ozet-kutu.yeni { background: #2b2111; border-color: #594214; }
  .ozet-kutu.iliski { background: rgba(23, 125, 220, 0.1); border-color: rgba(23, 125, 220, 0.3); }
  .sonuc-kutu { background: #162312; border-color: #274916; }
}