/* * INVENTORY.CSS
 * Envanter penceresi, grid sistemi ve slot tasarımları.
 * Tasarım: Ultra-Kompakt (Pixel Perfect) - 5x10 Grid
 * Tema: Profil penceresi ile renk uyumlu (Core.css değişkenleri)
 */

/* --- ENVANTER PENCERESİ --- */
.inv-window {
    width: 242px; 
    height: auto;
    max-height: 85vh;
    
    background: var(--hud-bg);
    border: 1px solid var(--hud-color-dim);
    
    /* Profil ile aynı arka plan deseni */
    background-image: var(--wireframe-gradient);
    background-size: 10px 10px;
    background-position: top left, top left, bottom right, bottom right;
    background-repeat: no-repeat;

    box-shadow: 0 0 30px rgba(0,0,0,0.9);
    backdrop-filter: blur(15px);
    
    display: flex; flex-direction: column;
    overflow: hidden; 
    border-radius: 0;
    font-family: 'Courier New', Courier, monospace;
}

/* --- İÇERİK YAPISI --- */
.inv-content { 
    display: flex; flex-direction: column; 
    background: transparent; 
    position: relative; 
    overflow: hidden;
    height: 100%;
}

/* --- BAŞLIK ALANI (HEADER) --- */
.inv-header { 
    height: 60px; 
    padding: 8px 10px; 
    display: flex; flex-direction: column; 
    justify-content: center; gap: 4px;
    flex-shrink: 0; 
    /* Profil header rengi ile aynı: --hud-color'ın transparan hali */
    background: rgba(148, 216, 195, 0.05); 
    border-bottom: 1px dashed var(--hud-color-dim); /* Profil gibi dashed border */
}

.inv-header-top {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%;
    /* İç ayırıcıyı kaldırdık veya çok silik yaptık */
    border-bottom: 1px solid rgba(255,255,255,0.02);
    padding-bottom: 3px;
}

.inv-title-main {
    /* Profil başlıkları gibi */
    font-size: 0.85rem; color: var(--hud-color); letter-spacing: 2px; font-weight: bold;
}

.inv-info-row {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%;
    font-size: 0.65rem;
    padding-top: 2px;
}

.inv-cap-text { color: var(--hud-text-dim); font-family: monospace; }

/* Para Alanı */
.inv-currency-box { display: flex; align-items: center; gap: 4px; }
.inv-currency-val { font-family: monospace; font-size: 0.8rem; color: var(--hud-text); font-weight: bold; }
.inv-currency-label { font-size: 0.6rem; color: var(--hud-text-dim); }

/* --- GRID SİSTEMİ --- */
.inv-table-container { 
    flex: 1; padding: 0; 
    overflow-y: auto; 
    scrollbar-width: none; 
}

.inventory-grid-container {
    display: grid;
    grid-template-columns: repeat(5, 46px); 
    grid-auto-rows: 46px; 
    gap: 1px;
    padding: 2px;
    
    background: rgba(0, 0, 0, 0.4); 
    border-top: 1px solid var(--hud-color-dim);
    /* Alt kenarlık kaldırıldı, footer border'ı var */
    border-bottom: none; 
    
    overflow-y: auto; 
    scrollbar-width: none; 
}
.inventory-grid-container::-webkit-scrollbar { display: none; }

/* Slot Tasarımı - Profil renkleriyle uyumlu */
.inventory-slot {
    width: 46px;
    height: 46px;
    background-color: rgba(148, 216, 195, 0.02); /* Çok hafif tema rengi */
    border: 1px solid var(--hud-color-dim); /* Tema border rengi */
    position: relative;
    cursor: default;
    transition: all 0.1s ease;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inventory-slot:hover {
    background-color: rgba(148, 216, 195, 0.1);
    border-color: var(--hud-color);
    z-index: 5;
    box-shadow: 0 0 5px var(--hud-color-dim);
}

.inventory-slot.has-item { cursor: pointer; }
.inventory-slot.has-item:hover { 
    border-color: var(--hud-color); 
    background-color: rgba(148, 216, 195, 0.15);
    box-shadow: inset 0 0 10px rgba(148, 216, 195, 0.1), 0 0 5px var(--hud-color); 
}

/* Eşya İkonu */
.item-box {
    width: 28px;
    height: 28px;
    border-radius: 1px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.8);
    border: 1px solid rgba(255,255,255,0.15);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.95);
    font-size: 1rem;
    
    /* GÜNCELLEME: Font tutarlılığı için Monospace */
    /* Outfit yerine teknik/bilimsel görünüm için monospace kullanıyoruz */
    font-family: 'Courier New', Courier, monospace; 
    
    user-select: none;
}

/* --- ALT BİLGİ (FOOTER) --- */
.inv-footer {
    height: 32px;
    /* Footer arka planı şeffaf veya çok koyu */
    background: rgba(10, 12, 14, 0.95); 
    display: flex; justify-content: center; align-items: center; gap: 0; /* Gap 0, borderlar bitişik */
    flex-shrink: 0;
    border-top: 1px solid var(--hud-color-dim);
}

/* .inv-page-btn -> css/tabs.css dosyasına taşındı */