/* ==========================================================================
   Akıllı İlan ve Teknik Analiz Modülü Stilleri
   ========================================================================== */

/* 1. Quick Badges under Title */
.jev-quick-badges-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 16px 0;
}

.jev-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.jev-badge i {
    font-size: 13px;
}

.jev-badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.jev-badge-success {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.jev-badge-info {
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}

.jev-badge-primary {
    background: #f5f3ff;
    color: #5b21b6;
    border: 1px solid #ddd6fe;
}

.jev-badge-default {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
}

/* 2. Valuation & Market Trust Box (Under Price) */
.jev-valuation-box {
    margin: 12px 0 16px 0;
    padding: 12px 14px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #10b981;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.jev-val-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.jev-val-pill {
    font-size: 10.5px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 6px;
    border: 1px solid;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    line-height: 1.2;
}

.jev-power-by {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 600;
}

.jev-power-by i {
    color: #3b82f6;
}

.jev-val-body strong {
    display: block;
    font-size: 13px;
    color: #1e293b;
    margin-bottom: 3px;
}

.jev-val-body p {
    font-size: 11.5px;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

/* ==========================================================================
   3. ENTERPRISE INTELLIGENCE HUB (Executive Multi-Tab Center)
   ========================================================================== */
.jev-enterprise-hub {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* Top Executive Bar */
.jev-hub-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    flex-wrap: wrap;
    gap: 15px;
}

.jev-hub-branding {
    display: flex;
    align-items: center;
    gap: 12px;
}

.jev-brand-icon {
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #39d106 0%, #10b981 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.jev-hub-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: #ffffff;
}

.jev-hub-subtitle {
    font-size: 11.5px;
    color: #94a3b8;
    margin-top: 2px;
}

/* Score Card */
.jev-overall-score-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.08);
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.jev-score-circle {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.jev-score-num {
    font-size: 26px;
    font-weight: 800;
    color: #34d399;
    line-height: 1;
}

.jev-score-max {
    font-size: 13px;
    color: #94a3b8;
}

.jev-score-tag {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
}

.jev-score-sub {
    font-size: 10.5px;
    color: #94a3b8;
}

/* 4-Dimensional Metrics Strip */
.jev-metrics-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 14px 20px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.jev-metric-item {
    background: #ffffff;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.jev-metric-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #334155;
    margin-bottom: 6px;
}

.jev-metric-head i {
    color: #10b981;
    margin-right: 4px;
}

.jev-metric-head strong {
    color: #0f172a;
    font-size: 12.5px;
}

.jev-progress-bg {
    width: 100%;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}

.jev-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #10b981 0%, #34d399 100%);
    border-radius: 3px;
    transition: width 0.6s ease;
}

/* Tab Navigation */
.jev-hub-tabs-nav {
    display: flex;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    overflow-x: auto;
}

.jev-tab-btn {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    text-align: center;
}

.jev-tab-btn i {
    margin-right: 6px;
}

.jev-tab-btn:hover {
    color: #0f172a;
    background: #f8fafc;
}

.jev-tab-btn.active {
    color: #059669;
    border-bottom-color: #10b981;
    background: #f0fdf4;
}

/* Tab Content */
.jev-hub-tabs-content {
    padding: 20px;
}

.jev-tab-pane {
    display: none;
}

.jev-tab-pane.active {
    display: block;
    animation: jevFadeIn 0.25s ease;
}

@keyframes jevFadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.jev-section-heading {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Highlights & Alerts */
.jev-highlights-list {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
}

.jev-highlights-list li {
    font-size: 13px;
    color: #334155;
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    gap: 8px;
    line-height: 1.5;
}

.jev-highlights-list li i {
    color: #10b981;
    font-size: 13px;
    flex-shrink: 0;
}

.jev-missing-alert {
    background: #fffbeb;
    border: 1px solid #fef3c7;
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 14px;
}

.jev-missing-head {
    font-size: 12.5px;
    font-weight: 700;
    color: #b45309;
    margin-bottom: 6px;
}

.jev-missing-alert ul {
    margin: 0;
    padding-left: 20px;
}

.jev-missing-alert li {
    font-size: 12.5px;
    color: #92400e;
    line-height: 1.5;
}

/* Comparison Table */
.jev-compare-table {
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
    font-size: 12.5px;
}

.jev-compare-table th {
    padding: 10px 14px !important;
    font-weight: 700;
}

.jev-compare-table td {
    padding: 10px 14px !important;
    vertical-align: middle !important;
}

.jev-param-col {
    color: #1e293b;
}

.jev-badge-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #065f46;
    font-weight: 600;
}

.jev-badge-check i {
    color: #10b981;
}

.jev-market-col {
    color: #64748b;
}

/* Simulator Box */
.jev-simulator-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 18px 20px;
}

.jev-sim-label {
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    display: block;
    margin-bottom: 8px;
}

.jev-val-highlight {
    color: #8b5cf6;
    font-weight: 800;
}

.jev-range-slider {
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background: #cbd5e1;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 6px;
}

.jev-range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #8b5cf6;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(139, 92, 246, 0.4);
    transition: transform 0.15s ease;
}

.jev-range-slider::-webkit-slider-thumb:hover {
    transform: scale(1.15);
}

.jev-slider-ticks {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #94a3b8;
}

.jev-btn-group-shifts, .jev-btn-group-fuel {
    display: flex;
    gap: 8px;
    margin-top: 6px;
    flex-wrap: wrap;
}

.jev-shift-btn, .jev-fuel-btn, .jev-days-btn, .jev-rent-btn {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 11.5px;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s ease;
}

.jev-shift-btn:hover, .jev-fuel-btn:hover, .jev-days-btn:hover, .jev-rent-btn:hover {
    border-color: #39d106;
    color: #065f46;
}

.jev-shift-btn.active, .jev-fuel-btn.active, .jev-days-btn.active, .jev-rent-btn.active {
    background: #39d106;
    border-color: #27a100;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(39, 161, 0, 0.25);
}

.jev-sim-calc-note {
    font-size: 11px;
    color: #64748b;
    background: #f1f5f9;
    padding: 10px 12px;
    border-radius: 6px;
    margin-top: 14px;
    border-left: 3px solid #3b82f6;
    line-height: 1.4;
}

.jev-sim-card-sub {
    font-size: 11px;
    color: #64748b;
    margin-top: 3px;
    line-height: 1.3;
}

.jev-sim-results-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.jev-sim-res-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 14px;
}

.jev-sim-res-card.full-width {
    grid-column: span 2;
}

.jev-sim-res-title {
    font-size: 11px;
    color: #64748b;
    margin-bottom: 4px;
}

.jev-sim-res-val {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

/* Proforma / RFQ */
.jev-proforma-paper {
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 14px;
    min-height: 120px;
}

/* Action Chips (Above Message Button) */
.jev-action-chips-wrapper {
    margin: 14px 0 10px 0;
    padding-top: 10px;
    border-top: 1px dashed #e2e8f0;
}

.jev-chips-label {
    font-size: 11.5px;
    font-weight: 700;
    color: #475569;
    margin-bottom: 8px;
}

.jev-chips-label i {
    color: #39d106;
}

.jev-chips-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.jev-chip-btn {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #334155;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: all 0.15s ease;
    display: block;
    width: 100%;
}

.jev-chip-btn:hover {
    background: #ecfdf5;
    border-color: #39d106;
    color: #065f46;
    transform: translateX(2px);
}

/* Dynamic Financial Widget (Sidebar) */
.jev-financial-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.jev-fin-header {
    margin-bottom: 8px;
}

.jev-fin-badge {
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
}

.jev-fin-badge i {
    color: #39d106;
}

.jev-fin-title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 4px;
}

.jev-fin-desc {
    font-size: 11.5px;
    color: #64748b;
    line-height: 1.4;
    margin-bottom: 10px;
}

.jev-fin-metric {
    background: #f0fdf4;
    color: #166534;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px;
    border-left: 3px solid #22c55e;
}

.jev-fin-btn {
    background: #39d106 !important;
    border-color: #31ab0a !important;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 13px;
    padding: 9px 12px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.jev-fin-btn:hover {
    background: #27a100 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(39, 161, 0, 0.25);
}

/* Modal Quick Chips */
.jev-modal-chips-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.jev-modal-chip {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    padding: 4px 10px;
    font-size: 11.5px;
    color: #334155;
    cursor: pointer;
    transition: all 0.15s ease;
}

.jev-modal-chip:hover, .jev-modal-chip.active {
    background: #39d106;
    border-color: #31ab0a;
    color: #ffffff;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .jev-metrics-strip {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .jev-hub-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .jev-overall-score-card {
        width: 100%;
        justify-content: space-between;
    }
    .jev-metrics-strip {
        grid-template-columns: 1fr;
    }
    .jev-hub-tabs-nav {
        flex-wrap: wrap;
    }
    .jev-tab-btn {
        flex: 1 1 50%;
        font-size: 12px;
        padding: 10px 8px;
    }
}

/* ==========================================================================
   OpenStreetMap (Leaflet) Custom Styling
   ========================================================================== */
.osm-custom-pin {
    background: transparent !important;
    border: none !important;
}

@keyframes osmPulse {
    0% {
        transform: scale(0.8);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.4);
        opacity: 0.3;
    }
    100% {
        transform: scale(2.0);
        opacity: 0;
    }
}

.osm-map-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
    background: #f8fafc;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

#osm_harita {
    width: 100%;
    height: 450px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.leaflet-popup-content-wrapper {
    border-radius: 8px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15) !important;
}

.leaflet-popup-content {
    margin: 12px 14px !important;
    line-height: 1.4 !important;
    font-family: inherit !important;
}

/* ==========================================================================
   OSM Çevre & Yakın Noktalar (POI) Modülü - Alt Alta (Stacked) Profesyonel Düzen
   ========================================================================== */
.osm-poi-section {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.osm-map-full {
    width: 100%;
}

.osm-list-full {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.osm-poi-header {
    padding: 12px 16px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.osm-poi-header h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
}

.osm-poi-count-badge {
    background: #0284c7;
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 12px;
}

.osm-poi-nav-bar {
    padding: 12px 16px;
    background: #ffffff;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.osm-poi-filters {
    display: flex;
    flex-wrap: wrap; /* Sığmayan sekmeler temiz bir şekilde alt alta dizilir */
    gap: 8px;
    align-items: center;
}

.osm-filter-btn {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #475569;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.osm-filter-btn:hover {
    background: #f1f5f9;
    color: #1e293b;
    border-color: #cbd5e1;
    transform: translateY(-1px);
}
.osm-filter-btn.active {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 2px 6px rgba(2, 132, 199, 0.25);
}

.osm-poi-search-box {
    flex: 1 1 240px;
    max-width: 320px;
    min-width: 200px;
}
.osm-poi-search-input {
    width: 100%;
    padding: 7px 12px;
    font-size: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #f8fafc;
    outline: none;
    transition: all 0.2s;
}
.osm-poi-search-input:focus {
    border-color: #0284c7;
    background: #ffffff;
    box-shadow: 0 0 0 2px rgba(2,132,199,0.1);
}

.osm-poi-items-container {
    max-height: 420px;
    overflow-y: auto;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 10px;
    align-content: start;
}
.osm-poi-items-container::-webkit-scrollbar {
    width: 6px;
}
.osm-poi-items-container::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.osm-poi-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 100%;
}
.osm-poi-card:hover {
    background: #f8fafc;
    border-color: #94a3b8;
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.06);
}
.osm-poi-card.active {
    background: #eff6ff;
    border-color: #0284c7;
    box-shadow: 0 0 0 2px rgba(2,132,199,0.25);
}

.osm-poi-left {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 1;
    min-width: 0;
}
.osm-poi-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}
.osm-poi-icon.transit { background: #eff6ff; color: #2563eb; }
.osm-poi-icon.health { background: #fef2f2; color: #dc2626; }
.osm-poi-icon.education { background: #f5f3ff; color: #7c3aed; }
.osm-poi-icon.shopping { background: #ecfdf5; color: #059669; }
.osm-poi-icon.social { background: #fffbeb; color: #d97706; }

.osm-poi-details {
    min-width: 0;
    flex: 1;
}
.osm-poi-title {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}
.osm-poi-subtitle {
    font-size: 10.5px;
    color: #64748b;
    margin-top: 1px;
}

.osm-poi-badge-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
    margin-left: 8px;
}
.osm-dist-val {
    font-size: 11px;
    font-weight: 700;
    color: #0f172a;
    background: #f1f5f9;
    padding: 2px 6px;
    border-radius: 5px;
    white-space: nowrap;
}
.osm-time-val {
    font-size: 10px;
    color: #64748b;
    white-space: nowrap;
}

/* Bottom Stats Strip */
.osm-poi-summary-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
    margin-top: 14px;
}
.osm-stat-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 9px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
}
.osm-stat-card:hover {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}
.osm-stat-icon {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
}
.osm-stat-icon.transit { background: #dbeafe; color: #1d4ed8; }
.osm-stat-icon.health { background: #fee2e2; color: #b91c1c; }
.osm-stat-icon.education { background: #ede9fe; color: #6d28d9; }
.osm-stat-icon.shopping { background: #d1fae5; color: #047857; }

.osm-stat-info {
    font-size: 10.5px;
    color: #64748b;
    display: flex;
    flex-direction: column;
}
.osm-stat-val {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    margin-top: 1px;
}

/* Custom Marker Pins on Leaflet */
.osm-poi-marker-pin {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 11px;
    cursor: pointer;
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.osm-poi-marker-pin:hover, .osm-poi-marker-pin.active {
    transform: scale(1.35);
    z-index: 9999 !important;
}
.osm-poi-marker-pin.transit { background: #2563eb; }
.osm-poi-marker-pin.health { background: #dc2626; }
.osm-poi-marker-pin.education { background: #7c3aed; }
.osm-poi-marker-pin.shopping { background: #059669; }
.osm-poi-marker-pin.social { background: #d97706; }

/* ==========================================================================
   Gelişmiş Lokasyon Zekâsı, Erişilebilirlik Skoru ve Harita Araçları
   ========================================================================== */

/* 1. Bölge Yaşam & Erişilebilirlik Skoru */
.osm-score-panel {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.osm-score-badge-box {
    display: flex;
    align-items: center;
    gap: 12px;
}

.osm-score-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(16,185,129,0.25);
    flex-shrink: 0;
}
.osm-score-circle .score-num {
    font-size: 15px;
    line-height: 1;
}
.osm-score-circle .score-max {
    font-size: 9px;
    opacity: 0.85;
}

.osm-score-desc h5 {
    margin: 0 0 2px 0;
    font-size: 13.5px;
    font-weight: 700;
    color: #1e293b;
}
.osm-score-desc p {
    margin: 0;
    font-size: 11.5px;
    color: #64748b;
}

.osm-score-meters {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    flex: 1;
    justify-content: flex-end;
    min-width: 280px;
}

.osm-meter-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 90px;
}
.osm-meter-label {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 600;
    color: #334155;
}
.osm-meter-bar {
    width: 100%;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}
.osm-meter-fill {
    height: 100%;
    border-radius: 3px;
    transition: width 0.6s ease;
}
.osm-meter-fill.transit { background: #2563eb; }
.osm-meter-fill.health { background: #dc2626; }
.osm-meter-fill.education { background: #7c3aed; }
.osm-meter-fill.shopping { background: #059669; }

/* 2. Harita Üzeri Yüzen Kontrol Çubuğu (Floating Quick Tools) */
.osm-map-floating-bar {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 30px;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    gap: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.12);
}

.osm-floating-btn {
    border: none;
    background: transparent;
    color: #475569;
    padding: 5px 11px;
    border-radius: 20px;
    font-size: 11.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.osm-floating-btn:hover {
    background: #f1f5f9;
    color: #1e293b;
}
.osm-floating-btn.active {
    background: #0284c7;
    color: #ffffff;
}

/* 3. Tam Ekran Harita */
#osm_harita.is-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 999999 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 4. Canlı Rota / Mesafe Çizgisi Etiketi */
.osm-route-tooltip {
    background: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid #334155 !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}
.osm-route-tooltip:before {
    border-top-color: #0f172a !important;
}

/* 5. Çoklu Navigasyon Seçici Dropdown */
.osm-nav-dropdown {
    position: relative;
    display: inline-block;
}
.osm-nav-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 4px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    padding: 6px 0;
    min-width: 170px;
    z-index: 1050;
}
.osm-nav-menu.show {
    display: block;
    animation: osmFadeDown 0.15s ease-out;
}
.osm-nav-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    color: #334155;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.15s;
}
.osm-nav-item:hover {
    background: #f1f5f9;
    color: #0284c7;
    text-decoration: none;
}
@keyframes osmFadeDown {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   6. ÇEVRE & LOKASYON ZEKÂSI TAB STILLERI
   ========================================================================== */
.jev-loc-hero-card {
    background: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 100%);
    border: 1px solid #bbf7d0;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

.jev-loc-hero-badge {
    display: flex;
    align-items: center;
    gap: 16px;
}

.jev-loc-score-circle {
    display: flex;
    align-items: baseline;
    justify-content: center;
    background: #059669;
    color: #ffffff;
    border-radius: 12px;
    padding: 8px 14px;
    box-shadow: 0 4px 10px rgba(5, 150, 105, 0.25);
    flex-shrink: 0;
}

.jev-loc-score-num {
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
}

.jev-loc-score-denom {
    font-size: 14px;
    font-weight: 600;
    opacity: 0.85;
    margin-left: 2px;
}

.jev-loc-hero-text h4 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 700;
    color: #064e3b;
}

.jev-loc-hero-text p {
    margin: 0;
    font-size: 13px;
    color: #047857;
    line-height: 1.4;
}

/* 4 Progress Bars Grid */
.jev-loc-bars-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 22px;
}

@media (max-width: 768px) {
    .jev-loc-bars-grid {
        grid-template-columns: 1fr;
    }
}

.jev-loc-bar-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

.jev-loc-bar-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px;
}

.jev-loc-bar-bg {
    height: 7px;
    background: #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 6px;
}

.jev-loc-bar-fill {
    height: 100%;
    border-radius: 10px;
    transition: width 0.5s ease;
}

.jev-loc-bar-sub {
    font-size: 11px;
    color: #64748b;
}

/* POI Grid */
.jev-loc-poi-section {
    margin-bottom: 20px;
}

.jev-loc-poi-title {
    font-size: 13.5px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.jev-loc-poi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media (max-width: 991px) {
    .jev-loc-poi-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .jev-loc-poi-grid {
        grid-template-columns: 1fr;
    }
}

.jev-loc-poi-card {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.jev-loc-poi-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    border-color: #cbd5e1;
}

.jev-poi-ico {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.jev-poi-txt {
    overflow: hidden;
}

.jev-poi-name {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jev-poi-meta {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}

.badge-dist {
    background: #f1f5f9;
    color: #0f172a;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 10.5px;
}

/* Investment Note Box */
.jev-loc-investment-box {
    display: flex;
    gap: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #0284c7;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 20px;
}

.jev-loc-invest-icon {
    font-size: 22px;
    color: #0284c7;
    flex-shrink: 0;
    padding-top: 2px;
}

.jev-loc-invest-text strong {
    display: block;
    font-size: 13px;
    color: #0f172a;
    margin-bottom: 4px;
}

.jev-loc-invest-text p {
    margin: 0;
    font-size: 12px;
    color: #475569;
    line-height: 1.5;
}

/* CTA Bar */
.jev-loc-cta-bar {
    text-align: center;
    padding-top: 6px;
}

.jev-goto-map-btn {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 11px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;
    transition: all 0.2s ease !important;
    cursor: pointer;
}

.jev-goto-map-btn:hover {
    background: linear-gradient(135deg, #0369a1 0%, #075985 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(2, 132, 199, 0.35) !important;
}

/* ==========================================================================
   7. BÖLGESEL LOKASYON & ÇEVRE ANALİTİK ZEKÂ RAPORU KARTLARI
   ========================================================================== */
.jev-loc-insights-section {
    margin-top: 14px;
}

.jev-loc-insights-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 12px;
}

.jev-loc-insights-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

@media (max-width: 820px) {
    .jev-loc-insights-grid {
        grid-template-columns: 1fr;
    }
}

.jev-loc-card {
    display: flex;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.jev-loc-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.jev-loc-card-blue { border-left: 4px solid #0284c7; }
.jev-loc-card-green { border-left: 4px solid #10b981; }
.jev-loc-card-indigo { border-left: 4px solid #6366f1; }
.jev-loc-card-purple { border-left: 4px solid #8b5cf6; }
.jev-loc-card-amber { border-left: 4px solid #f59e0b; }
.jev-loc-card-cyan { border-left: 4px solid #06b6d4; }

.jev-loc-card-icon {
    font-size: 22px;
    flex-shrink: 0;
    padding-top: 2px;
}

.jev-loc-card-content {
    flex-grow: 1;
}

.jev-loc-card-content strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 5px;
}

.jev-loc-card-content p {
    margin: 0 0 10px 0;
    font-size: 12px;
    color: #475569;
    line-height: 1.5;
}

.jev-loc-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.jev-loc-pill {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 4px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all 0.15s ease;
}

.jev-loc-pill strong {
    font-weight: 700;
    color: #0f172a;
    display: inline;
    margin: 0;
}

.jev-loc-pill.osm-focus-poi {
    cursor: pointer;
    background: #f1f5f9;
}

.jev-loc-pill.osm-focus-poi:hover {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
    transform: translateY(-1px);
}/* ==========================================================================
   8. TCMB (T.C. MERKEZ BANKASI) RESMİ KFE & İLÇE DEĞERLEME SİSTEMİ
   ========================================================================== */
.tcmb-custom-dashboard {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 22px;
    margin-top: 22px;
    margin-bottom: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    position: relative;
    border-top: 4px solid #b91c1c; /* TCMB Kırmızı Kurumsal Vurgu */
}

/* Header */
.tcmb-custom-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 18px;
}

.tcmb-custom-title-box {
    display: flex;
    align-items: center;
    gap: 14px;
}

.tcmb-custom-emblem {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 4px 12px rgba(185, 28, 28, 0.28);
    flex-shrink: 0;
}

.tcmb-custom-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 3px;
}

.tcmb-kicker-badge {
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #bfdbfe;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tcmb-kicker-verified {
    background: #f0fdf4;
    color: #15803d;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #bbf7d0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tcmb-custom-h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.3;
}

.tcmb-custom-period-box {
    text-align: right;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 6px 12px;
    border-radius: 8px;
}

.tcmb-period-lbl {
    display: block;
    font-size: 10.5px;
    color: #64748b;
    font-weight: 600;
}

.tcmb-period-val {
    font-size: 12.5px;
    color: #0f172a;
    font-weight: 700;
}

/* 4 Metrics Grid */
.tcmb-custom-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .tcmb-custom-metrics-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .tcmb-custom-metrics-grid {
        grid-template-columns: 1fr;
    }
}

.tcmb-metric-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

.tcmb-metric-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    border-color: #cbd5e1;
}

.tcmb-metric-card.card-listing {
    border-left: 4px solid #0284c7;
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
}

.tcmb-metric-card.card-district {
    border-left: 4px solid #8b5cf6;
}

.tcmb-metric-card.card-kfe {
    border-left: 4px solid #b91c1c;
}

.tcmb-metric-card.card-opportunity {
    border-left: 4px solid #10b981;
}

.tcmb-metric-card.card-opportunity.is-good {
    background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
}

.tcmb-mcard-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.tcmb-mcard-title {
    font-size: 11.5px;
    font-weight: 700;
    color: #475569;
}

.tcmb-mcard-ico {
    font-size: 14px;
    color: #94a3b8;
}

.tcmb-mcard-val {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
    margin-bottom: 6px;
}

.tcmb-mcard-val small {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}

.tcmb-mcard-val.text-green { color: #16a34a; }
.tcmb-mcard-val.text-blue { color: #0284c7; }

.tcmb-mcard-sub {
    font-size: 11px;
    color: #64748b;
    line-height: 1.3;
}

/* Benchmark Scale (Cetvel) */
.tcmb-benchmark-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px 20px 24px 20px;
    margin-bottom: 22px;
}

.tcmb-benchmark-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
}

.tcmb-bhead-title {
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.tcmb-bhead-note {
    font-size: 11px;
    color: #64748b;
}

.tcmb-scale-track {
    position: relative;
    height: 38px;
    margin: 25px 20px 20px 20px;
}

.tcmb-scale-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(90deg, #93c5fd 0%, #a7f3d0 40%, #fde68a 70%, #fca5a5 100%);
    border-radius: 4px;
}

.tcmb-scale-pin {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tcmb-pin-tag {
    position: absolute;
    bottom: 16px;
    background: #334155;
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.tcmb-pin-tag.highlight {
    background: #059669;
    color: #ffffff;
    font-size: 11.5px;
    padding: 3px 9px;
    bottom: 18px;
    border: 1px solid #10b981;
    box-shadow: 0 4px 10px rgba(5, 150, 105, 0.35);
    z-index: 10;
}

.tcmb-pin-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #475569;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.tcmb-pin-dot.active {
    width: 18px;
    height: 18px;
    border: 3px solid #059669;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(5, 150, 105, 0.25);
    z-index: 10;
}

.tcmb-pin-price {
    position: absolute;
    top: 18px;
    font-size: 11px;
    font-weight: 700;
    color: #334155;
    white-space: nowrap;
}

.tcmb-pin-price.strong {
    color: #059669;
    font-size: 12px;
    font-weight: 800;
    top: 20px;
}

/* Tabs & Panels */
.tcmb-views-container {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 16px;
}

.tcmb-nav-tabs {
    display: flex;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    overflow-x: auto;
}

.tcmb-tab-btn {
    border: none;
    background: transparent;
    padding: 12px 18px;
    font-size: 12.5px;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
}

.tcmb-tab-btn:hover {
    color: #0f172a;
    background: #f1f5f9;
}

.tcmb-tab-btn.active {
    color: #b91c1c;
    background: #ffffff;
    border-bottom-color: #b91c1c;
}

.tcmb-panel-view {
    padding: 18px 20px;
}

.tcmb-chart-wrapper {
    position: relative;
}

.tcmb-chart-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.tcmb-cview-h4 {
    margin: 0 0 4px 0;
    font-size: 14.5px;
    font-weight: 800;
    color: #0f172a;
}

.tcmb-cview-p {
    margin: 0;
    font-size: 11.5px;
    color: #64748b;
}

.tcmb-cview-legend {
    display: flex;
    gap: 14px;
    font-size: 11.5px;
    font-weight: 600;
    color: #334155;
}

.leg-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.leg-color {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    display: inline-block;
}

.leg-color.col-city { background: #2563eb; }
.leg-color.col-tr { background: #dc2626; }

/* Investment Grid */
.tcmb-invest-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

@media (max-width: 768px) {
    .tcmb-invest-grid {
        grid-template-columns: 1fr;
    }
}

.tcmb-invest-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    gap: 14px;
}

.tcmb-ibox-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #eff6ff;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.tcmb-invest-box h5 {
    margin: 0 0 4px 0;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.tcmb-ibox-val {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 4px;
}

.tcmb-ibox-sub {
    margin: 0;
    font-size: 11px;
    color: #64748b;
    line-height: 1.4;
}

/* Map Embed */
.tcmb-map-head-note {
    background: #f8fafc;
    padding: 10px 14px;
    font-size: 12px;
    color: #475569;
    border-bottom: 1px solid #e2e8f0;
}

.tcmb-iframe-container {
    width: 100%;
    position: relative;
    background: #ffffff;
}

.tcmb-iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* Footer */
.tcmb-custom-footer {
    font-size: 11.5px;
    color: #64748b;
    line-height: 1.5;
    background: #f8fafc;
    padding: 10px 14px;
    border-radius: 6px;
    border: 1px dashed #cbd5e1;
}

.tcmb-custom-footer i {
    color: #b91c1c;
    margin-right: 4px;
}

/* Brief Banner in Aciklama */
.tcmb-brief-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    background: linear-gradient(135deg, #fff5f5 0%, #fef2f2 100%);
    border: 1px solid #fecaca;
    border-left: 4px solid #b91c1c;
    border-radius: 10px;
    padding: 14px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.tcmb-bb-left {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1 1 300px;
}

.tcmb-bb-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #b91c1c;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(185, 28, 28, 0.25);
}

.tcmb-bb-tag {
    font-size: 11px;
    font-weight: 700;
    color: #b91c1c;
    display: block;
    margin-bottom: 2px;
}

.tcmb-bb-title {
    margin: 0 0 3px 0;
    font-size: 14px;
    font-weight: 800;
    color: #1e293b;
}

.tcmb-bb-desc {
    margin: 0;
    font-size: 11.5px;
    color: #475569;
    line-height: 1.4;
}

.tcmb-bb-btn {
    background: #b91c1c !important;
    border-color: #991b1b !important;
    font-weight: 700 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 8px rgba(185, 28, 28, 0.2) !important;
    white-space: nowrap;
}

.tcmb-bb-btn:hover {
    background: #991b1b !important;
    transform: translateY(-1px);
}

/* Rent Highlight Banner in Investment Tab */
.tcmb-rent-highlight-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 18px;
}

.tcmb-rh-tag {
    font-size: 11px;
    font-weight: 700;
    color: #15803d;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 4px;
}

.tcmb-rh-title {
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 800;
    color: #14532d;
}

.tcmb-rh-title strong {
    color: #15803d;
}

.tcmb-rh-sub {
    margin: 0;
    font-size: 12px;
    color: #166534;
    line-height: 1.4;
}

.tcmb-rh-stat-badge {
    background: #ffffff;
    border: 1px solid #86efac;
    padding: 10px 16px;
    border-radius: 8px;
    text-align: right;
    box-shadow: 0 2px 6px rgba(22, 101, 52, 0.08);
}

.tcmb-rh-lbl {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #166534;
}

.tcmb-rh-val {
    font-size: 18px;
    font-weight: 800;
    color: #15803d;
}

/* ==========================================================================
   TCMB VALUATION GAUGE BAR & QUICK ACTIONS
   ========================================================================== */
.jev-valuation-tcmb-box {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

.iletisim .blurry .jev-valuation-box {
    margin-top: 0;
    margin-bottom: 16px;
}

.jev-tcmb-gauge-wrapper {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed #e2e8f0;
}

.jev-tcmb-gauge-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.jev-tcmb-gauge-title {
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
}

.jev-tcmb-gauge-tag {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
    text-transform: uppercase;
}

.jev-tcmb-gauge-tag.tag-green {
    background: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

.jev-tcmb-gauge-tag.tag-blue {
    background: #eff6ff;
    color: #0284c7;
    border: 1px solid #bae6fd;
}

.jev-tcmb-gauge-tag.tag-purple {
    background: #f5f3ff;
    color: #7c3aed;
    border: 1px solid #ddd6fe;
}

/* Horizontal Gauge Track */
.jev-tcmb-bar-container {
    position: relative;
    height: 12px;
    background: #f1f5f9;
    border-radius: 6px;
    margin-bottom: 12px;
}

.jev-tcmb-bar-zones {
    display: flex;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.jev-zone-green {
    background: linear-gradient(90deg, #10b981 0%, #34d399 100%);
}

.jev-zone-blue {
    background: linear-gradient(90deg, #0284c7 0%, #38bdf8 100%);
}

.jev-zone-purple {
    background: linear-gradient(90deg, #8b5cf6 0%, #a78bfa 100%);
}

/* Fair value marker line */
.jev-tcmb-fair-marker {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 3px;
    background: #0369a1;
    transform: translateX(-50%);
    z-index: 2;
    border-radius: 2px;
    box-shadow: 0 0 4px rgba(3, 105, 161, 0.5);
}

/* Listing Price Pin */
.jev-tcmb-listing-pin {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    pointer-events: none;
}

.jev-pin-bubble {
    position: absolute;
    bottom: 18px;
    background: #0f172a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 3px 8px rgba(0,0,0,0.25);
    z-index: 5;
}

.jev-pin-bubble.bubble-center {
    left: 50%;
    transform: translateX(-50%);
}

.jev-pin-bubble.bubble-left {
    left: 0;
    transform: none;
}

.jev-pin-bubble.bubble-right {
    right: 0;
    left: auto;
    transform: none;
}

.jev-pin-arrow {
    position: absolute;
    bottom: -4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #0f172a;
}

.jev-pin-arrow.bubble-center {
    left: 50%;
    transform: translateX(-50%);
}

.jev-pin-arrow.bubble-left {
    left: 7px;
    transform: none;
}

.jev-pin-arrow.bubble-right {
    right: 7px;
    left: auto;
    transform: none;
}

.jev-pin-dot {
    width: 14px;
    height: 14px;
    background: #ffffff;
    border: 3px solid #0f172a;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
}

/* Bar Ticks Below */
.jev-tcmb-bar-ticks {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.jev-tick-item {
    flex: 1;
}

.jev-tick-lbl {
    display: block;
    font-size: 9.5px;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 600;
}

.jev-tick-val {
    display: block;
    font-size: 11px;
    font-weight: 700;
    color: #1e293b;
}

/* Integrated TCMB Rent & Yield Strip */
.jev-tcmb-fin-strip {
    display: flex;
    gap: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 12px;
}

.jev-fin-strip-item {
    flex: 1;
}

.jev-strip-lbl {
    display: block;
    font-size: 10px;
    color: #64748b;
    font-weight: 600;
    margin-bottom: 2px;
}

.jev-strip-val {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: #0f172a;
}

/* Actions Block */
.jev-tcmb-actions-block {
    margin-top: 4px;
}

.jev-primary-sim-btn {
    background: #16a34a !important;
    color: #ffffff !important;
    font-size: 12.5px;
    font-weight: 700;
    padding: 9px 12px;
    border-radius: 6px;
    border: none;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(22, 163, 74, 0.2);
    margin-bottom: 8px;
    text-align: center;
}

.jev-primary-sim-btn:hover {
    background: #15803d !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(22, 163, 74, 0.3);
}

.jev-sub-actions-row {
    display: flex;
    gap: 6px;
}

.jev-sub-btn {
    flex: 1;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 8px;
    border-radius: 5px;
    text-align: center;
    transition: all 0.15s ease;
    cursor: pointer;
}

.jev-sub-btn:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a;
}

/* Down Payment Quick Buttons */
.jev-down-btn {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #475569;
    font-size: 11.5px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
    margin-right: 4px;
    margin-bottom: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.jev-down-btn:hover, .jev-down-btn.active {
    background: #0284c7;
    border-color: #0284c7;
    color: #ffffff;
}

/* ==========================================================================
   PRINT / PDF EKSPERTİZ RAPORU STYLESHEET
   ========================================================================== */
@media print {
    header, footer, nav, .navbar, .site-header, .site-footer,
    .reklam-alani, .banner, .sidebar, .col-md-4, .jev-action-chips-wrapper,
    .modal, .btn, button, .jev-hub-tabs-nav, .addthis_sharing_toolbox,
    .comments-area, #yorumlar, #benzer_ilanlar, .footer-bottom,
    #mesaj_gonder, #sikayet_et, .alert-dismissible, .jev-tcmb-quick-actions {
        display: none !important;
    }

    body {
        background: #ffffff !important;
        color: #0f172a !important;
        font-size: 11pt !important;
        margin: 0 !important;
        padding: 10mm !important;
    }

    .container, .col-md-8, .col-sm-12 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .jev-enterprise-hub, .jev-valuation-box, .tcmb-kfe-container, .jev-location-intel-hub {
        border: 1px solid #cbd5e1 !important;
        box-shadow: none !important;
        page-break-inside: avoid !important;
        margin-bottom: 15px !important;
        background: #ffffff !important;
    }

    .jev-pin-bubble {
        background: #334155 !important;
        color: #ffffff !important;
    }

    .jev-tab-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* ==========================================================================
   TSB ARAÇ ANALİZ DASHBOARD (Vasıta İlanları)
   ========================================================================== */

/* Ana Container */
.tsb-arac-dashboard {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 4px solid #0284c7;
    border-radius: 12px;
    padding: 20px;
    margin-top: 16px;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* Header */
.tsb-arac-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%);
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

.tsb-arac-header-inner {
    display: flex;
    align-items: center;
    gap: 14px;
}

.tsb-arac-emblem {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.tsb-arac-title-group {
    flex: 1;
}

.tsb-arac-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.tsb-badge-pill {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tsb-badge-verified {
    background: rgba(16, 185, 129, 0.3);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid rgba(16, 185, 129, 0.5);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tsb-arac-h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.3;
}

.tsb-arac-period {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    padding: 8px 14px;
    text-align: right;
    flex-shrink: 0;
}

.tsb-period-lbl {
    display: block;
    font-size: 10.5px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
}

.tsb-period-val {
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
}

/* 4 Metrik Kart Grid */
.tsb-arac-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .tsb-arac-metrics { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
    .tsb-arac-metrics { grid-template-columns: 1fr; }
}

.tsb-metric-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.2s, box-shadow 0.2s;
}

.tsb-metric-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.tsb-card-blue   { border-left: 4px solid #0284c7; background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%); }
.tsb-card-purple { border-left: 4px solid #8b5cf6; }
.tsb-card-green  { border-left: 4px solid #10b981; background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%); }
.tsb-card-orange { border-left: 4px solid #f59e0b; }

.tsb-mcard-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.tsb-mcard-title {
    font-size: 11.5px;
    font-weight: 700;
    color: #475569;
}

.tsb-mcard-ico {
    font-size: 16px;
    color: #94a3b8;
}

.tsb-mcard-val {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
    margin-bottom: 6px;
}

.tsb-mcard-val small {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}

.tsb-val-blue   { color: #0284c7; }
.tsb-val-green  { color: #16a34a; }
.tsb-val-orange { color: #d97706; }

.tsb-mcard-sub {
    font-size: 11px;
    color: #64748b;
    line-height: 1.35;
}

/* İki Kolon Layout */
.tsb-arac-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .tsb-arac-cols { grid-template-columns: 1fr; }
}

.tsb-arac-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Panel */
.tsb-panel {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.tsb-panel-head {
    background: #f8fafc;
    padding: 11px 16px;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    border-bottom: 1px solid #e2e8f0;
}

.tsb-panel-body {
    padding: 14px 16px;
}

/* Table */
.tsb-table thead tr {
    background: #f1f5f9;
}

.tsb-table thead th {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    padding: 8px 10px;
}

.tsb-table tbody td {
    font-size: 12.5px;
    padding: 8px 10px;
    vertical-align: middle;
}

.tsb-row-highlight {
    background: #eff6ff;
    font-weight: 600;
}

/* TCO Satırlar */
.tsb-cost-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px dashed #e2e8f0;
    font-size: 13px;
    gap: 8px;
    flex-wrap: wrap;
}

.tsb-cost-row span {
    color: #475569;
    flex: 1;
}

.tsb-cost-row strong {
    color: #0f172a;
    text-align: right;
}

.tsb-cost-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 0 0;
    font-size: 14px;
    font-weight: 700;
    color: #0369a1;
    flex-wrap: wrap;
    gap: 6px;
}

.tsb-cost-total small {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}

/* Kondisyon Skoru */
.tsb-score-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.tsb-score-circle {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 3px solid #0284c7;
    background: #eff6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0;
}

/* Kontrol Listesi */
.tsb-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12.5px;
}

.tsb-check-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    border-top: 1px solid #f1f5f9;
    gap: 8px;
    flex-wrap: wrap;
}

.tsb-check-list li span { color: #475569; flex: 1; }
.tsb-check-list li strong { text-align: right; font-size: 12px; }

.tsb-ok   { color: #16a34a; }
.tsb-warn { color: #dc2626; }

.tsb-ico-ok     { color: #16a34a !important; }
.tsb-ico-warn   { color: #dc2626 !important; }
.tsb-ico-blue   { color: #0284c7 !important; }
.tsb-ico-warn-o { color: #d97706 !important; }

/* Likidite */
.tsb-liq-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    gap: 8px;
    flex-wrap: wrap;
}

.tsb-progress {
    height: 10px;
    border-radius: 5px;
    background: #e2e8f0;
    margin-bottom: 10px;
    overflow: hidden;
}

/* Footer */
.tsb-arac-footer {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-radius: 0 0 8px 8px;
    padding: 12px 16px;
    font-size: 11px;
    color: #64748b;
    margin: 20px -20px -20px -20px;
    line-height: 1.5;
}


/* ==========================================================================
   TSB ARAÇ — UYARI & DOĞRULAMA BİLEŞENLERİ
   ========================================================================== */

/* Simülasyon rozeti (header) */
.tsb-badge-sim {
    background: rgba(234, 179, 8, 0.25);
    color: #fef9c3;
    font-size: 10.5px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid rgba(234, 179, 8, 0.5);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* TCO kart simülasyon etiketi */
.tsb-sim-tag {
    display: inline-block;
    background: #fef3c7;
    color: #92400e;
    font-size: 9.5px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    border: 1px solid #fde68a;
    vertical-align: middle;
    margin-left: 3px;
}

/* Kondisyon "Fiziki Ekspertiz Değildir" etiketi */
.tsb-not-expert-tag {
    float: right;
    background: #fff7ed;
    color: #c2410c;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    border: 1px solid #fed7aa;
}

/* BDDK / TCO sarı uyarı kutusu */
.tsb-warn-box {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 12px;
    color: #78350f;
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.tsb-warn-box i {
    color: #d97706;
    margin-top: 1px;
    flex-shrink: 0;
    font-size: 14px;
}

/* Tramer satırı */
.tsb-official-tag {
    color: #d97706;
    font-weight: 600;
}

.tsb-verify-link {
    display: inline-block;
    margin-left: 6px;
    font-size: 10.5px;
    color: #0284c7;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.tsb-verify-link:hover {
    text-decoration: underline;
}

/* Resmi Doğrulama Şeridi */
.tsb-verify-strip {
    background: linear-gradient(135deg, #fff7ed 0%, #fef9f0 100%);
    border: 1px solid #fed7aa;
    border-radius: 10px;
    padding: 16px 18px;
    margin: 20px 0 0 0;
}

.tsb-verify-title {
    font-size: 13px;
    font-weight: 800;
    color: #92400e;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 14px;
}

.tsb-verify-title i {
    color: #d97706;
    font-size: 15px;
}

.tsb-verify-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

@media (max-width: 991px) {
    .tsb-verify-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
    .tsb-verify-cards { grid-template-columns: 1fr 1fr; }
}

.tsb-vcard {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 8px;
    padding: 11px 12px;
    text-decoration: none;
    border: 1px solid;
    transition: transform 0.15s, box-shadow 0.15s;
    cursor: pointer;
}

.tsb-vcard:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-decoration: none;
}

.tsb-vcard i {
    font-size: 16px;
    margin-bottom: 2px;
}

.tsb-vcard span {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    display: block;
}

.tsb-vcard small {
    font-size: 10.5px;
    line-height: 1.3;
    display: block;
    opacity: 0.85;
}

.tsb-vcard-red {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #9f1239;
}
.tsb-vcard-red i { color: #e11d48; }

.tsb-vcard-blue {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1e40af;
}
.tsb-vcard-blue i { color: #2563eb; }

.tsb-vcard-green {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #14532d;
}
.tsb-vcard-green i { color: #16a34a; }

.tsb-vcard-gray {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #334155;
    cursor: default;
}
.tsb-vcard-gray i { color: #64748b; }

/* Gelişmiş footer */
.tsb-arac-footer {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-radius: 0 0 10px 10px;
    padding: 12px 18px;
    font-size: 11.5px;
    color: #64748b;
    margin: 14px -20px -20px -20px;
    line-height: 1.6;
}

.tsb-arac-footer strong {
    color: #1e293b;
}

/* ==========================================================================
   TCMB CANLI DÖVİZ KURLARI ŞERİDİ
   ========================================================================== */
.tsb-kur-strip {
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    padding: 14px 18px;
    margin: 16px 0 20px 0;
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.05);
}

.tsb-kur-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}

.tsb-kur-title {
    font-size: 13.5px;
    font-weight: 700;
    color: #15803d;
    display: flex;
    align-items: center;
    gap: 6px;
}

.tsb-kur-badge,
.tsb-kur-meta {
    background: #dcfce7;
    color: #166534;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #86efac;
}

.tsb-kur-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

@media (max-width: 768px) {
    .tsb-kur-cards {
        grid-template-columns: 1fr;
    }
}

.tsb-kur-card {
    background: #ffffff;
    border: 1px solid #dcfce7;
    border-radius: 8px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    transition: transform 0.15s, box-shadow 0.15s;
}

.tsb-kur-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.12);
}

.tsb-kur-flag {
    font-size: 26px;
    line-height: 1;
    flex-shrink: 0;
}

.tsb-kur-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tsb-kur-label {
    font-size: 11px;
    color: #64748b;
    font-weight: 500;
}

.tsb-kur-val {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.3px;
}

.tsb-kur-rate {
    font-size: 10px;
    color: #16a34a;
    font-weight: 600;
}

.tsb-kur-note {
    font-size: 11px;
    color: #64748b;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dashed #dcfce7;
    line-height: 1.4;
}

/* ==========================================================================
   NHTSA vPIC CANLI ŞASİ (VIN) SORGULAMA PANELİ
   ========================================================================== */
.tsb-vin-panel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    overflow: hidden;
}

.tsb-vin-panel-head {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: #ffffff;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tsb-vin-panel-head i {
    color: #38bdf8;
    margin-right: 6px;
}

.tsb-vin-free-tag {
    background: #10b981;
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tsb-vin-panel-body {
    padding: 18px;
}

.tsb-vin-desc {
    font-size: 12.5px;
    color: #475569;
    margin-bottom: 14px;
    line-height: 1.5;
}

.tsb-vin-input-row {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
}

.tsb-vin-input {
    flex: 1;
    height: 42px;
    font-size: 14px;
    border: 2px solid #cbd5e1;
    border-radius: 6px;
    padding: 0 12px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.tsb-vin-input:focus {
    border-color: #0284c7;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
    outline: none;
}

.tsb-vin-btn {
    height: 42px;
    background: #0284c7;
    color: #ffffff;
    font-weight: 700;
    font-size: 13.5px;
    padding: 0 20px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
}

.tsb-vin-btn:hover {
    background: #0369a1;
    color: #ffffff;
}

.tsb-vin-btn:disabled {
    background: #94a3b8;
    cursor: not-allowed;
}

.tsb-vin-result {
    margin-top: 14px;
    border-radius: 8px;
    overflow: hidden;
    animation: fadeIn 0.25s ease-out;
}

.tsb-vin-loading {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
    padding: 16px;
    text-align: center;
    color: #0284c7;
    font-size: 13px;
    font-weight: 600;
}

.tsb-vin-error {
    background: #fef2f2;
    border: 1px solid #fecdd3;
    border-radius: 6px;
    padding: 12px 14px;
    color: #b91c1c;
    font-size: 12.5px;
}

.tsb-vin-success {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px;
}

.tsb-vin-result-header {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.tsb-vin-result-header i {
    color: #16a34a;
}

.tsb-vin-year {
    background: #0284c7;
    color: #ffffff;
    font-size: 11px;
    padding: 2px 7px;
    border-radius: 4px;
}

.tsb-vin-cache-tag {
    background: #e2e8f0;
    color: #475569;
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 3px;
}

.tsb-vin-result-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media (max-width: 768px) {
    .tsb-vin-result-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .tsb-vin-result-grid {
        grid-template-columns: 1fr;
    }
}

.tsb-vin-field {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
}

.tsb-vin-field span {
    font-size: 10.5px;
    color: #64748b;
}

.tsb-vin-field strong {
    font-size: 12.5px;
    color: #0f172a;
    margin-top: 2px;
}

.tsb-vin-fallback-note {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 11.5px;
    color: #92400e;
    margin-top: 10px;
}

.tsb-vin-source-tag {
    font-size: 10.5px;
    color: #64748b;
    margin-top: 8px;
    text-align: right;
}

.tsb-vin-sources {
    margin-top: 12px;
    font-size: 11px;
    color: #64748b;
    line-height: 1.4;
}

/* ==========================================================================
   EPDK YAKIT FİYAT VE KARŞILAŞTIRMA PANELİ
   ========================================================================== */
.tsb-fuel-panel {
    margin-top: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
}

.tsb-fuel-panel-head {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tsb-fuel-panel-head i {
    color: #0284c7;
    margin-right: 4px;
}

.tsb-fuel-source-tag {
    background: #e0f2fe;
    color: #0369a1;
    font-size: 10.5px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 4px;
}

.tsb-fuel-panel-body {
    padding: 14px;
}

.tsb-fuel-bars {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tsb-fuel-bar-row {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 10px 12px;
    transition: background 0.15s, border-color 0.15s;
}

.tsb-fuel-bar-row.tsb-fuel-active {
    background: #eff6ff;
    border-color: #93c5fd;
    box-shadow: 0 0 0 1px #60a5fa;
}

.tsb-fuel-bar-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}

.tsb-fuel-bar-label span {
    color: #1e293b;
}

.tsb-fuel-bar-track {
    height: 7px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 6px;
}

.tsb-fuel-bar-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.4s ease-in-out;
}

.tsb-fuel-bar-meta {
    display: flex;
    justify-content: space-between;
    font-size: 10.5px;
    color: #64748b;
}

.tsb-fuel-monthly {
    font-weight: 700;
    color: #0f172a;
}

/* ==========================================================================
   JEV ALIŞVERİŞ & ELEKTRONİK GÜVEN EKSPERTİZ MOTORU STİLLERİ
   ========================================================================== */

/* Sidebar Kutusu */
.jev-shopping-box {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    padding: 16px;
    margin-bottom: 20px;
    border-left: 4px solid #10b981;
}

/* Tasarruf Şeridi */
.jev-shop-savings-strip {
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    padding: 10px 12px;
    margin: 12px 0;
}

.jev-shop-savings-badge {
    font-size: 13px;
    color: #166534;
    font-weight: 700;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.jev-shop-savings-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11.5px;
    color: #475569;
}

/* Güven Skoru */
.jev-shop-trust-metric {
    margin: 12px 0;
}

.jev-shop-trust-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
}

/* Mini Rozetler Grid */
.jev-shop-badges-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    margin: 12px 0;
}

.jev-shop-badge-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    padding: 6px 8px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.jev-shop-badge-item.is-ok {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.jev-shop-badge-item.is-warn {
    color: #991b1b;
    background: #fef2f2;
    border-color: #fecdd3;
}

/* Kargo Şeridi */
.jev-shop-kargo-strip {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

.jev-kargo-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.jev-kargo-left strong {
    display: block;
    font-size: 11.5px;
    color: #1e293b;
}

.jev-kargo-left small {
    display: block;
    font-size: 10px;
    color: #64748b;
}

.jev-kargo-price {
    font-size: 12px;
    font-weight: 700;
    color: #0284c7;
}

.jev-shop-taksit-note {
    font-size: 11px;
    color: #475569;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 5px;
    padding: 6px 10px;
    margin-top: 8px;
}

/* ==========================================================================
   TAB PANE: DETAYLI ALIŞVERİŞ & GÜVEN RAPORU DASHBOARD
   ========================================================================== */
.shop-guven-dashboard {
    background: #ffffff;
    font-family: inherit;
    color: #1e293b;
}

.shop-guven-header {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #ffffff;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

.shop-guven-header-inner {
    display: flex;
    align-items: center;
    gap: 16px;
}

.shop-guven-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: rgba(2, 132, 199, 0.2);
    border: 1px solid #0284c7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #38bdf8;
    flex-shrink: 0;
}

.shop-guven-badges {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.shop-badge-pill {
    background: rgba(255,255,255,0.12);
    color: #f8fafc;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
}

.shop-badge-grade {
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
}

.shop-badge-tag {
    background: #334155;
    color: #cbd5e1;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 4px;
}

.shop-guven-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.4;
}

/* 4 lü Özet Kartları */
.shop-metric-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .shop-metric-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 576px) {
    .shop-metric-cards { grid-template-columns: 1fr; }
}

.shop-mcard {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 16px;
    border-left: 4px solid;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

.shop-mcard-green  { border-left-color: #10b981; background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%); }
.shop-mcard-blue   { border-left-color: #0284c7; background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%); }
.shop-mcard-purple { border-left-color: #8b5cf6; background: linear-gradient(135deg, #f5f3ff 0%, #ffffff 100%); }
.shop-mcard-orange { border-left-color: #f59e0b; background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%); }

.shop-mcard-lbl {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 4px;
}

.shop-mcard-val {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 4px;
}

.shop-mcard small {
    font-size: 11px;
    color: #64748b;
    display: block;
}

/* İki Kolon */
.shop-guven-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .shop-guven-cols { grid-template-columns: 1fr; }
}

.shop-panel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

.shop-panel-head {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 16px;
    font-size: 13.5px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shop-panel-body {
    padding: 16px;
}

/* Donanım Kontrol Listesi */
.shop-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12.5px;
}

.shop-check-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid #f1f5f9;
    gap: 8px;
    flex-wrap: wrap;
}

.shop-check-list li:last-child {
    border-bottom: none;
}

.shop-check-list li span {
    color: #475569;
    display: flex;
    align-items: center;
    gap: 6px;
}

.shop-check-list li strong {
    text-align: right;
    font-size: 12px;
}

/* Taksit Kutusu */
.shop-taksit-box {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Uyarı & Bilgi Kutuları */
.shop-warn-box {
    background: #fef2f2;
    border: 1px solid #fecdd3;
    border-left: 4px solid #dc2626;
    border-radius: 6px;
    padding: 12px 14px;
    color: #7f1d1d;
    font-size: 12px;
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    line-height: 1.5;
}

.shop-warn-box i {
    font-size: 18px;
    color: #dc2626;
    flex-shrink: 0;
    margin-top: 2px;
}

.shop-info-box {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-left: 4px solid #16a34a;
    border-radius: 6px;
    padding: 12px 14px;
    color: #14532d;
    font-size: 12px;
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    line-height: 1.5;
}

.shop-info-box i {
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* IMEI Rehberi */
.shop-imei-guide {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 14px;
}

.shop-imei-guide h5 {
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #0f172a;
}

.shop-imei-guide ol {
    margin: 0 0 12px 16px;
    padding: 0;
    font-size: 12px;
    color: #475569;
    line-height: 1.6;
}

.shop-imei-guide code {
    background: #e2e8f0;
    color: #0f172a;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 3px;
}

.shop-btk-btn {
    background: #0284c7;
    border-color: #0284c7;
    font-weight: 600;
}

.shop-btk-btn:hover {
    background: #0369a1;
    border-color: #0369a1;
}

/* Altın Kurallar */
.shop-gold-rules {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.shop-gold-rules li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f5f9;
}

.shop-gold-rules li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.shop-gold-rules li i {
    font-size: 16px;
    margin-top: 3px;
    flex-shrink: 0;
}

.shop-gold-rules li strong {
    display: block;
    font-size: 12.5px;
    color: #0f172a;
    margin-bottom: 2px;
}

.shop-gold-rules li span {
    display: block;
    font-size: 11.5px;
    color: #64748b;
    line-height: 1.4;
}

/* Footer Notu */
.shop-guven-footer {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 11.5px;
    color: #64748b;
    line-height: 1.5;
}

/* ==========================================================================
   KATEGORİ OPENSTREETMAP (OSM) İLAN HARİTASI STİLLERİ
   ========================================================================== */
#osm_kategori_harita.is-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999 !important;
    border-radius: 0 !important;
    border: none !important;
}

.osm-item-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
    border-color: #0284c7 !important;
}

@media (max-width: 768px) {
    .osm-location-bar {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .osm-header-actions {
        width: 100%;
        justify-content: flex-start;
    }
    .osm-map-floating-bar {
        width: 95%;
        overflow-x: auto;
        justify-content: flex-start;
        padding: 4px 8px;
    }
    #osm_kategori_harita {
        height: 400px !important;
    }
}

/* Detay Sayfası Tablarının Tek Satıra Kusursuz Sığması */
.detay .panel-heading {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
.detay .nav-tabs.ozel {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    height: 40px !important;
    white-space: nowrap !important;
    margin-bottom: 0 !important;
}
.detay .nav-tabs.ozel > li {
    float: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin-bottom: 0 !important;
}
.detay .nav-tabs.ozel > li > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 7px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    height: 36px !important;
    line-height: 20px !important;
    box-sizing: border-box !important;
}
.detay .nav-tabs.ozel > li > a i {
    font-size: 13px !important;
    margin-right: 2px !important;
}