/* assets/css/style.css */
body { 
    background-color: #0d1117; 
    color: #d1d4dc; 
    font-family: -apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu, sans-serif; 
    font-size: 12px; 
    margin: 0; 
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.navbar { background-color: #161a25; border-bottom: 1px solid #2b2f3a; padding: 5px 0; }
.navbar-brand { color: #fff; font-weight: bold; font-size: 16px; letter-spacing: 0.5px; }
.ticker-wrap { background-color: #000; border-bottom: 1px solid #2b2f3a; padding: 5px 0; overflow: hidden; white-space: nowrap; font-size: 12px; }
.ticker { display: inline-block; animation: ticker 60s linear infinite; }
.ticker:hover { animation-play-state: paused; cursor: pointer; }
.ticker-item { display: inline-block; padding: 0 15px; font-weight: 500; border-right: 1px solid #333; }
@keyframes ticker { 0% { transform: translateX(50%); } 100% { transform: translateX(-100%); } }

.panel { background-color: #161a25; border: 1px solid #2b2f3a; border-radius: 2px; margin-bottom: 10px; overflow: hidden; }
.panel-header { background-color: #1e222d; padding: 6px 10px; font-weight: 600; font-size: 11px; color: #a3a6af; text-transform: uppercase; border-bottom: 1px solid #2b2f3a; }
.summary-box { padding: 10px; border: 1px solid #2b2f3a; border-radius: 2px; background-color: #161a25; margin-bottom: 10px; }
.summary-title { font-size: 11px; color: #2962ff; font-weight: bold; margin-bottom: 5px; }
.summary-price { font-size: 18px; font-weight: bold; color: #fff; line-height: 1; }
.summary-change { font-size: 10px; float: right; margin-top: 5px; }

.table { margin-bottom: 0; color: #d1d4dc; }
.table th { background-color: #161a25; color: #787b86; font-size: 10px; border-bottom: 1px solid #2b2f3a; padding: 4px 10px; font-weight: normal; }
.table td { border-bottom: 1px solid #1e222d; padding: 4px 10px; vertical-align: middle; }
.table tbody tr:hover { background-color: #1e222d; cursor: pointer; }

.val-up { color: #089981; }
.val-down { color: #f23645; }
.val-neutral { color: #d1d4dc; }
.market-name { color: #2962ff; font-weight: 600; }

.converter-bg { background-color: #161a25; padding: 15px; }
.form-control, .form-select { background-color: #0d1117; border: 1px solid #2b2f3a; color: #d1d4dc; font-size: 12px; border-radius: 2px; padding: 8px; }
.form-control:focus, .form-select:focus { border-color: #2962ff; color: #fff; box-shadow: none; }
.result-box { background-color: #0d1117; border: 1px solid #2b2f3a; padding: 10px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; border-radius: 2px; margin-top: 10px; }
.ad-container { background-color: #161a25; border: 1px dashed #434651; padding: 5px; text-align: center; font-size: 10px; color: #787b86; margin-bottom: 10px; }

/* HEADER ÜST BAR İKON STİLLERİ */
.top-icons a { color: #8b8e98; margin-left: 15px; font-size: 13px; text-decoration: none; transition: 0.2s; cursor: pointer; }
.top-icons a:hover { color: #fff; }
.login-btn-header { background-color: #2962ff; color: #fff; padding: 4px 12px; border-radius: 3px; font-size: 11px; font-weight: 600; margin-left: 15px; text-decoration: none; transition: 0.2s; }
.login-btn-header:hover { background-color: #1e4bd8; color: #fff; }

/* ==========================================================================
   KUSURSUZ BEYAZ TEMA (LIGHT MODE) NÜKLEER CSS
   ========================================================================== */
[data-bs-theme="light"] body { background-color: #f0f3f6 !important; color: #131722 !important; }
[data-bs-theme="light"] .navbar { background-color: #ffffff !important; border-bottom: 1px solid #e4e6eb !important; }

/* Paneller, Kutular ve Chat Alanı */
[data-bs-theme="light"] .panel, 
[data-bs-theme="light"] .summary-box, 
[data-bs-theme="light"] .modal-content, 
[data-bs-theme="light"] .converter-bg, 
[data-bs-theme="light"] #chat_messages, 
[data-bs-theme="light"] .tradingview-widget-container { 
    background-color: #ffffff !important; border-color: #e4e6eb !important; box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important; 
}

/* Başlıklar ve Ticker Alanı */
[data-bs-theme="light"] .panel-header, 
[data-bs-theme="light"] .table th, 
[data-bs-theme="light"] .result-box, 
[data-bs-theme="light"] .ticker-wrap,
[data-bs-theme="light"] .modal-header { 
    background-color: #f8f9fa !important; color: #131722 !important; border-color: #e4e6eb !important; 
}

/* Reklam Alanları */
[data-bs-theme="light"] .ad-container { 
    background-color: #f8f9fa !important; border: 1px dashed #d1d5db !important; color: #65676b !important; 
}

/* Footer ve İnatçı Satıriçi Kodları Ez */
[data-bs-theme="light"] body > div[style*="margin-top: auto"],
[data-bs-theme="light"] div[style*="#0d1117"], 
[data-bs-theme="light"] div[style*="#161a25"], 
[data-bs-theme="light"] div[style*="#1e222d"], 
[data-bs-theme="light"] div[style*="#2b2f3a"] { 
    background-color: #ffffff !important; border-color: #e4e6eb !important; 
}

/* YENİ DÜZELTMELER: KAYIP VERİLER, LOGO VE DUYURU */
[data-bs-theme="light"] .summary-price { color: #131722 !important; } 
[data-bs-theme="light"] .navbar-brand { color: #131722 !important; } 
[data-bs-theme="light"] .navbar-brand i { color: #2962ff !important; } 
[data-bs-theme="light"] .badge[style*="#f23645"] { 
    background-color: #fee2e2 !important; color: #dc2626 !important; border-color: #fca5a5 !important; 
} 

/* Tablolar ve Yazı Renkleri */
[data-bs-theme="light"] .text-white { color: #131722 !important; }
[data-bs-theme="light"] .text-muted { color: #65676b !important; }
[data-bs-theme="light"] .table td { border-bottom: 1px solid #e4e6eb !important; color: #131722 !important; }
[data-bs-theme="light"] .table-hover tbody tr:hover { background-color: #f8f9fa !important; }

/* Input, Formlar ve Butonlar */
[data-bs-theme="light"] input, 
[data-bs-theme="light"] select, 
[data-bs-theme="light"] textarea, 
[data-bs-theme="light"] #chat_input { 
    background-color: #f8f9fa !important; color: #131722 !important; border: 1px solid #d1d5db !important; 
}
[data-bs-theme="light"] input:focus, [data-bs-theme="light"] select:focus { border-color: #2962ff !important; box-shadow: 0 0 0 0.2rem rgba(41,98,255,0.2) !important; }

/* İkonlar */
[data-bs-theme="light"] .top-icons a { color: #4b5563 !important; }
[data-bs-theme="light"] .top-icons a:hover { color: #2962ff !important; }

/* ==========================================================================
   YENİ: SÜRÜKLE BIRAK (DRAG & DROP) ÖZEL STİLLERİ
   ========================================================================== */
.sortable-ghost { opacity: 0.4; border: 2px dashed #2962ff !important; border-radius: 4px; }
.panel-header { cursor: grab; }
.panel-header:active { cursor: grabbing; }
.drag-column { min-height: 100px; }