/* TREDER Rapor - ortak tema (tüm panel ve giriş sayfaları)
   Renkler: lacivert #0E2A47, mavi #1D5FD0, zemin #EEF1F5, yazı #14202E, ikincil yazı #4B5867,
   iç satış #C0392B, dış satış #3FA56B, vurgu (sarı) #E0A100 */

/* IBM Plex Sans (sunucudan yüklenir, Türkçe karakterler dahil) */
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibm-plex-sans-latin-ext-400-normal.woff2') format('woff2'); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/ibm-plex-sans-latin-ext-500-normal.woff2') format('woff2'); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/ibm-plex-sans-latin-ext-600-normal.woff2') format('woff2'); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/ibm-plex-sans-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/ibm-plex-sans-latin-ext-700-normal.woff2') format('woff2'); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }


/* ===== Genel ===== */
body.tema { font-family: 'IBM Plex Sans', system-ui, sans-serif; background: #EEF1F5; color: #14202E; }
body.tema .content-wrapper { background: #EEF1F5; }
body.tema a { color: #1D5FD0; }
body.tema a:hover { color: #0E2A47; }

/* ===== Sol menü ===== */
body.tema .main-sidebar,
body.tema .main-sidebar .sidebar { background: #0E2A47 !important; background-image: none !important; }
body.tema .main-sidebar { box-shadow: none; }
body.tema .main-sidebar .brand-link { background: #0E2A47 !important; border-bottom: 1px solid rgba(255,255,255,.12) !important; }
body.tema .main-sidebar .brand-link .brand-image { background: #FFFFFF; border-radius: 8px; padding: 4px 6px; opacity: 1 !important; }
body.tema .nav-sidebar .nav-item { margin-bottom: 4px; }
body.tema .nav-sidebar .nav-link { color: #C9D6E6 !important; border-radius: 8px; padding: 12px 14px; font-size: 15px; }
body.tema .nav-sidebar .nav-link .nav-icon { color: #C9D6E6; }
body.tema .nav-sidebar .nav-link:hover { background: rgba(255,255,255,.08) !important; color: #FFFFFF !important; }
body.tema .nav-sidebar .nav-link.active,
body.tema .nav-sidebar .nav-link.active .nav-icon { background: #1D5FD0 !important; color: #FFFFFF !important; font-weight: 600; box-shadow: none !important; }

/* ===== Üst bar ve alt bilgi ===== */
body.tema .main-header.navbar { background: #FFFFFF !important; border-bottom: 1px solid #E3E8EF; }
body.tema .main-header .nav-link { color: #4B5867; }
body.tema .dropdown-menu { border: 1px solid #E3E8EF; border-radius: 10px; box-shadow: 0 8px 24px rgba(14,42,71,.12); }
body.tema .dropdown-item { color: #14202E; }
body.tema .main-footer { background: #FFFFFF; border-top: 1px solid #E3E8EF; color: #4B5867; font-size: 14px; }
body.tema .main-footer a { color: #1D5FD0; }

/* ===== Sayfa başlığı ===== */
body.tema .content-header { padding: 24px 20px 8px; }
body.tema .content-header h1 { font-size: 30px; font-weight: 700; color: #14202E !important; }
body.tema .content > .container-fluid { padding-left: 20px; padding-right: 20px; }

/* ===== Kartlar ===== */
body.tema .card { border: 0; border-radius: 12px; box-shadow: none; background: #FFFFFF; }
body.tema .card > .card-header,
body.tema .card[class*="card-"]:not(.card-outline) > .card-header { background: #FFFFFF !important; color: #14202E !important; border-bottom: 1px solid #E3E8EF; border-radius: 12px 12px 0 0; padding: 18px 24px; }
body.tema .card-title { font-size: 19px; font-weight: 700; }
body.tema .card-title small { color: #4B5867; font-weight: 400; }
body.tema .card-body { padding: 24px; }

/* ===== Butonlar ===== */
body.tema .btn { border-radius: 8px; font-weight: 600; }
body.tema .card-body > .btn,
body.tema form .btn:not(.btn-sm):not(.btn-group) { min-height: 44px; padding: 0 20px; }
body.tema .btn-primary,
body.tema .btn-dark,
body.tema .btn-info { background: #0E2A47 !important; border-color: #0E2A47 !important; color: #FFFFFF !important; }
body.tema .btn-primary:hover,
body.tema .btn-dark:hover,
body.tema .btn-info:hover { background: #1D5FD0 !important; border-color: #1D5FD0 !important; }
body.tema .btn.bg-warning { background: #E0A100 !important; color: #2B2100 !important; border: 0; border-radius: 8px; min-width: 40px; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; }
body.tema .btn.bg-warning:hover { background: #C78F00 !important; }

/* ===== Formlar ===== */
body.tema label { color: #4B5867; font-weight: 500; font-size: 14px; }
body.tema .form-control { height: 44px; border: 1px solid #C5CEDA; border-radius: 8px; font-size: 15px; color: #14202E; }
body.tema .form-control:focus { border-color: #1D5FD0; box-shadow: 0 0 0 3px rgba(29,95,208,.15); }
body.tema .select2-container--default .select2-selection--single { height: 44px; border: 1px solid #C5CEDA; border-radius: 8px; }
body.tema .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; padding-left: 4px; color: #14202E; font-size: 15px; }
body.tema .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
body.tema .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #1D5FD0; }
body.tema .alert { border: 0; border-radius: 10px; }
body.tema .alert-success { background: #E3F4EA; color: #1F5F3B; }
body.tema .alert-danger { background: #FBE6E4; color: #8E2A22; }

/* ===== Tablolar (Satışlarım) ===== */
body.tema .table { color: #14202E; }
body.tema .table-bordered, body.tema .table-bordered td, body.tema .table-bordered th { border-color: #E3E8EF; }
body.tema .table thead th { background: #EEF1F5; color: #4B5867; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; border-bottom: 0; }
body.tema .table-striped tbody tr:nth-of-type(odd) { background: #F7F8FA; }
body.tema .table td { vertical-align: middle; }
body.tema .dataTables_wrapper .form-control { height: 38px; }
body.tema .page-item.active .page-link { background: #1D5FD0; border-color: #1D5FD0; }
body.tema .page-link { color: #1D5FD0; }
body.tema .satis-rozet { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 13px; font-weight: 600; }
body.tema .satis-rozet::before { content: ''; width: 8px; height: 8px; border-radius: 2px; background: currentColor; }
body.tema .satis-rozet.ic { background: #FBE6E4; color: #B4322A; }
body.tema .satis-rozet.dis { background: #E3F4EA; color: #1F7347; }

/* ===== Giriş / şifre sayfaları ===== */
body.tema.login-page { background: #0E2A47; }
body.tema.login-page .login-box { width: 380px; max-width: calc(100% - 32px); }
body.tema.login-page .login-logo img { background: #FFFFFF; border-radius: 12px; padding: 10px 16px; }
body.tema.login-page .card { border-radius: 14px; box-shadow: 0 16px 40px rgba(0,0,0,.25); }
body.tema.login-page .login-card-body { border-radius: 14px; padding: 28px; }
body.tema.login-page .login-box-msg { color: #4B5867; font-size: 15px; }
body.tema.login-page .input-group-text { background: #FFFFFF; border-color: #C5CEDA; border-radius: 0 8px 8px 0; color: #4B5867; }
body.tema.login-page .input-group > .form-control { border-radius: 8px 0 0 8px; }

/* ===== Telefon: Satışlarım tablosu kart görünümünde ===== */
body.tema .dataTables_paginate .pagination { flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 767px) {
    body.tema .content-header { padding: 16px 12px 4px; }
    body.tema .content-header h1 { font-size: 24px; }
    body.tema .content > .container-fluid { padding-left: 12px; padding-right: 12px; }
    body.tema .card-body { padding: 16px; }
    body.tema #satislarimTablo thead { display: none; }
    body.tema #satislarimTablo,
    body.tema #satislarimTablo tbody { display: block; width: 100% !important; border: 0; }
    body.tema #satislarimTablo tbody tr { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 14px; margin-bottom: 10px; border: 1px solid #E3E8EF; border-radius: 10px; background: #FFFFFF !important; }
    body.tema #satislarimTablo tbody td { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 0; padding: 0; font-size: 15px; grid-column: 1 / 2; }
    body.tema #satislarimTablo tbody td::before { content: attr(data-label); color: #4B5867; font-size: 13px; font-weight: 500; }
    body.tema #satislarimTablo tbody td:nth-child(1)::before,
    body.tema #satislarimTablo tbody td:nth-child(6)::before { content: none; }
    body.tema #satislarimTablo tbody td:nth-child(2) { display: none; } /* şirket her zaman kullanıcının kendisi */
    body.tema #satislarimTablo tbody td:nth-child(6) { grid-column: 2 / 3; grid-row: 1 / span 4; align-self: center; }
    body.tema #satislarimTablo tbody td.dataTables_empty { grid-column: 1 / -1; justify-content: center; }
    body.tema #satislarimTablo tbody td.dataTables_empty::before { content: none; }
    body.tema .dataTables_wrapper .row > div { text-align: left !important; }
    body.tema .dataTables_paginate .pagination { justify-content: center; margin-top: 8px; }
}