/* assets/kasa.css */

.page-header-flex {
    display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;
}
.page-title { margin: 0; font-size: 1.6rem; color: #1e293b; }
.page-subtitle { margin: 5px 0 0 0; color: #64748b; font-size: 0.95rem; }

.header-actions { display: flex; gap: 10px; }
.btn-new {
    color: white; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; display: flex; align-items: center; gap: 8px; transition: 0.2s; font-size: 0.9rem;
}
.btn-new:hover { transform: translateY(-2px); }

.btn-dark { background: #1e293b; } .btn-dark:hover { background: #0f172a; }
.btn-red { background: #ef4444; } .btn-red:hover { background: #dc2626; }
.btn-pos { background: #8b5cf6; } .btn-pos:hover { background: #7c3aed; }
.btn-kk { background: #f59e0b; } .btn-kk:hover { background: #d97706; }

.section-label {
    font-size: 0.8rem; font-weight: 800; color: #94a3b8; letter-spacing: 1px; margin-bottom: 15px; border-bottom: 1px solid #e2e8f0; padding-bottom: 5px; text-transform: uppercase;
}

/* VARLIK KARTLARI */
.assets-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;
}

.asset-card {
    background: white; border-radius: 16px; padding: 25px;
    display: flex; align-items: center; gap: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03); transition: transform 0.2s;
    border: 1px solid #f1f5f9;
}
.asset-card:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.06); }

.ac-icon {
    width: 60px; height: 60px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem;
}
.ac-content { flex: 1; }
.ac-title { font-size: 0.8rem; font-weight: 700; color: #64748b; display: block; margin-bottom: 5px; }
.ac-value { font-size: 1.6rem; font-weight: 800; color: #1e293b; line-height: 1; margin-bottom: 5px; }
.ac-desc { font-size: 0.8rem; color: #94a3b8; display: block; }
.ac-link { font-size: 0.8rem; color: #3b82f6; text-decoration: none; font-weight: 600; margin-top: 8px; display: inline-block; }

/* Renkler */
.ac-nakit .ac-icon { background: #dcfce7; color: #166534; }
.ac-banka .ac-icon { background: #e0f2fe; color: #0284c7; }
.ac-pos .ac-icon { background: #f3e8ff; color: #8b5cf6; } /* Mor */
.ac-total .ac-icon { background: #f3f4f6; color: #4b5563; }
.ac-total { background: #1e293b; border: none; }
.ac-total .ac-title { color: #94a3b8; }
.ac-total .ac-value { color: #fff; }
.ac-total .ac-desc { color: #cbd5e1; }

.ac-borc .ac-icon { background: #fef2f2; color: #ef4444; }
.ac-borc .ac-value { color: #ef4444; }

.ac-net.positive-bg { background: #ecfdf5; border-color: #10b981; }
.ac-net.positive-bg .ac-icon { background: rgba(255,255,255,0.5); color: #047857; }
.ac-net.positive-bg .ac-value { color: #047857; }

.ac-net.negative-bg { background: #fff1f2; border-color: #f43f5e; }
.ac-net.negative-bg .ac-icon { background: rgba(255,255,255,0.5); color: #be123c; }
.ac-net.negative-bg .ac-value { color: #be123c; }

/* PERFORMANS GRID */
.performance-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;
}

.perf-card {
    background: white; border-radius: 16px; padding: 25px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); border: 1px solid #e2e8f0;
}

.pc-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; color: #64748b; font-weight: 700; font-size: 0.85rem; }
.pc-val { font-size: 2rem; font-weight: 800; color: #1e293b; margin-bottom: 10px; }
.pc-bar { height: 4px; background: #f1f5f9; border-radius: 2px; overflow: hidden; }
.pc-fill { height: 100%; border-radius: 2px; }

/* Ciro */
.pc-ciro .pc-fill { background: #3b82f6; }
.pc-ciro .pc-head i { color: #3b82f6; font-size: 1.2rem; }

/* Gider */
.pc-gider .pc-val { color: #ea580c; }
.pc-gider .pc-head i { color: #ea580c; font-size: 1.2rem; }
.pc-sub { font-size: 0.8rem; color: #64748b; margin-top: 5px; }
.pc-sub strong { color: #334155; }

/* Kar/Zarar */
.pc-kar.positive { background: #ecfdf5; border-color: #6ee7b7; }
.pc-kar.positive .pc-val { color: #065f46; }
.pc-kar.negative { background: #fef2f2; border-color: #fecaca; }
.pc-kar.negative .pc-val { color: #991b1b; }
.pc-desc { font-size: 0.9rem; font-weight: 600; color: #475569; }

/* PIYASA & GEÇMİŞ GRID */
.market-history-grid {
    display: grid; grid-template-columns: 1fr 2fr; gap: 25px; margin-top: 40px;
}
@media (max-width: 992px) { .market-history-grid { grid-template-columns: 1fr; } }

.market-box, .history-box {
    background: white; border-radius: 16px; padding: 25px; border: 1px solid #e2e8f0;
}
.market-box h3, .history-box h3 { margin: 0 0 20px 0; font-size: 1.1rem; color: #334155; }

.box-head-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #f1f5f9; padding-bottom: 15px; }
.box-head-row h3 { margin: 0; }
.link-all { font-size: 0.85rem; color: #3b82f6; text-decoration: none; font-weight: 600; }

.market-item {
    display: flex; align-items: center; padding: 15px; border-radius: 12px; margin-bottom: 15px; transition: 0.2s;
}
.m-alacak { background: #f0fdf4; border: 1px solid #bbf7d0; }
.m-borc { background: #fef2f2; border: 1px solid #fecaca; }

.mi-icon { font-size: 1.5rem; margin-right: 15px; opacity: 0.8; }
.m-alacak .mi-icon { color: #166534; }
.m-borc .mi-icon { color: #991b1b; }

.mi-info span { display: block; font-size: 0.75rem; font-weight: 700; opacity: 0.7; }
.mi-info strong { display: block; font-size: 1.2rem; font-weight: 800; }
.m-alacak .mi-info { color: #14532d; }
.m-borc .mi-info { color: #7f1d1d; }

.mi-btn { margin-left: auto; width: 30px; height: 30px; background: rgba(255,255,255,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: inherit; text-decoration: none; }
.info-note { font-size: 0.8rem; color: #94a3b8; font-style: italic; margin-top: 10px; }

/* Tablo */
.table-container { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th { text-align: left; padding: 10px; font-size: 0.8rem; color: #94a3b8; font-weight: 700; border-bottom: 1px solid #f1f5f9; }
td { padding: 12px 10px; border-bottom: 1px solid #f8fafc; font-size: 0.9rem; color: #334155; vertical-align: middle; }
tr:hover { background: #f8fafc; }

.date-badge { background: #f1f5f9; color: #64748b; padding: 3px 8px; border-radius: 6px; font-weight: 700; font-size: 0.75rem; }
.h-cari { font-weight: 700; font-size: 0.95rem; }
.h-desc { font-size: 0.85rem; color: #64748b; margin-top: 2px; }
.h-source { font-size: 0.75rem; color: #64748b; background: #f1f5f9; display: inline-block; padding: 2px 6px; border-radius: 4px; margin-top: 2px; }

.badge { padding: 4px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 700; display: inline-flex; align-items: center; gap: 5px; }
.badge-in { background: #dcfce7; color: #166534; }
.badge-out { background: #fee2e2; color: #991b1b; }

.text-right { text-align: right; }
.text-green { color: #059669; }
.text-red { color: #dc2626; }
.font-bold { font-weight: 700; }