/* ==========================================================================
   THE AI CORE: PURE DATA & MONOCHROME EFFICIENCY (WITH ACTION BAR)
   ========================================================================== */

/* 1. SIFIR GÜRÜLTÜ ARKA PLAN */
body, .app-body, .ui {
    background: #08080a !important; /* Mutlak karanlığa yakın, gözü yormayan taban */
    color: #adadb8 !important; /* Standart metinler için nötr gri */
    font-family: 'SF Mono', 'Courier New', monospace !important; /* Verinin ham halini yansıtan monospace font */
}

/* 2. KESKİN VE İNCE HİYERARŞİ */
.column, .drawer, .mastodon-column-container {
    background: #0d0d11 !important;
    border: 1px solid #1a1a24 !important; /* Sadece sınırları belirleyen ince çizgiler */
    border-radius: 0px !important; /* Kıvrımlar ve estetik fazlalıktır, keskin köşeler */
    gap: 0px !important;
    padding: 0px !important;
}

/* Sütun Başlıkları - Bilginin Kategorisi */
.column-header {
    background: #121217 !important;
    border-bottom: 1px solid #222230 !important;
    color: #ffffff !important; /* Başlıklar mutlak beyaz, net okunurluk */
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 3. VERİ HÜCRELERİ (TOOTLAR) */
.status, .detailed-status, .focusable {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #161622 !important; /* Sadece alt çizgiyle ayrılan temiz akış */
    margin: 0 !important;
    padding: 16px !important;
    transition: background 0.1s ease !important;
}

/* Sadece Odaklanılan Verinin Belirginleşmesi */
.status:hover, .detailed-status:hover {
    background: #121217 !important; /* İmleç üzerindeyken hafif bir kontrast artışı */
}

/* Ham Linkler ve Etiketler */
a, .status__content a {
    color: #4da6ff !important; /* Veri bağlantıları için tek bir fonksiyonel renk */
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
}

/* ==========================================================================
   YENİ: ETKİLEŞİM ALANI (YORUM, YENİDEN PAYLAŞMA, BEĞENME)
   ========================================================================== */
.status__action-bar {
    background: transparent !important;
    border-top: 1px dashed #1a1a24 !important; /* Veri satırını ayıran kesikli çizgi */
    margin-top: 12px !important;
    padding-top: 8px !important;
    display: flex !important;
    justify-content: start !important;
    gap: 24px !important;
}

/* Standart Buton Durumu (İnaktif Veri) */
.status__action-bar__button, .status__action-bar .icon-button {
    color: #555566 !important; /* Sönük gri, dikkat dağıtmaz */
    font-family: 'SF Mono', monospace !important;
    transition: color 0.1s ease !important;
}

/* Üzerine Gelindiğinde (Hover) */
.status__action-bar__button:hover, .status__action-bar .icon-button:hover {
    color: #adadb8 !important; /* Ham metin rengine yükselir */
}

/* AKTİF DURUMLAR (İşlem Gerçekleştiğinde) */

/* Cevapla / Yorum Yap Aktifken */
.status__action-bar__button.active, .status__action-bar .icon-button.active {
    color: #4da6ff !important; /* Fonksiyonel mavi */
}

/* Yeniden Paylaşma (Boost) Aktifken */
.status__action-bar__button.reblogged, .status__action-bar .icon-button.reblogged {
    color: #2ea44f !important; /* İşlem tamamlandı yeşili (parlama yok, saf renk) */
}

/* Beğenme (Favourite) Aktifken */
.status__action-bar__button.favourited, .status__action-bar .icon-button.favourited {
    color: #ff9800 !important; /* Dikkat çekici uyarı turuncusu */
}

/* Sayıcılar (Beğeni ve Paylaşım Sayıları) */
.status__action-bar__counter__label {
    font-size: 0.85rem !important;
    font-weight: bold !important;
    padding-left: 4px !important;
}

/* ========================================================================== */

/* 4. SOL VE SAĞ KONTROLLER */
.navigation-panel, .getting-started, .column-right {
    background: #0d0d11 !important;
}

.column-link {
    background: transparent !important;
    color: #787885 !important;
    border-radius: 0px !important;
}

.column-link:hover {
    color: #ffffff !important;
    background: #161622 !important;
}

/* 5. FONKSİYONEL BUTONLAR */
.button, .compose-form__publish-button-wrapper .button {
    background: #222230 !important;
    border: 1px solid #333345 !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

.button:hover {
    background: #333345 !important;
    border-color: #4da6ff !important;
}

/* 6. GİZLENMİŞ GÖRSEL KALABALIK */
::-webkit-scrollbar {
    width: 2px !important;
    height: 2px !important;
}

::-webkit-scrollbar-thumb {
    background: #222230 !important;
}

