/*
 * YapıPro Soft Theme
 * Göz yormayan, yumuşak tonlarda arayüz
 * 2026-03-17
 */

/* ── Genel Arka Plan ── */
body,
body.fixed-header,
body.dashboard,
body.dashboard .page-container {
    background: #eef1f5 !important;
}

.page-container,
.page-content-wrapper {
    background: #eef1f5 !important;
}

.content {
    background: transparent !important;
}

/* ── Kartlar / Paneller ── */
.card,
.panel,
.card-group .card {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    border-radius: 14px !important;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.04),
        0 8px 24px rgba(0, 0, 0, 0.06) !important;
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.card:hover,
.panel:hover {
    box-shadow:
        0 4px 8px rgba(0, 0, 0, 0.06),
        0 12px 32px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-1px) !important;
}

.card .card-header,
.panel .panel-heading {
    background: transparent !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.card .card-body,
.card .card-block,
.panel .panel-body {
    background: transparent !important;
}

/* ── Tablolar ── */
.table > thead > tr > th,
.table > thead > tr > td {
    background-color: #f5f7fa !important;
    border-bottom: 2px solid #e4e8ee !important;
    color: #4a5568 !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
}

.table > tbody > tr > td {
    border-bottom: 1px solid #edf0f5 !important;
    color: #3d4852 !important;
}

.table > tbody > tr:hover > td {
    background-color: rgba(67, 165, 147, 0.04) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f8f9fb !important;
}

#iphptable.table > tfoot {
    background: #f0f3f6 !important;
}

/* ── Form Elemanları ── */
.form-control {
    background-color: #f8f9fb !important;
    border: 1.5px solid #dfe3e8 !important;
    border-radius: 10px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}

.form-control:focus {
    background-color: #fff !important;
    border-color: #43a593 !important;
    box-shadow: 0 0 0 3px rgba(67, 165, 147, 0.12) !important;
}

.form-group-default {
    background-color: #f8f9fb !important;
    border: 1.5px solid #e2e6ea !important;
    border-radius: 10px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.form-group-default.focused {
    background-color: #fff !important;
    border-color: #43a593 !important;
    box-shadow: 0 0 0 3px rgba(67, 165, 147, 0.08) !important;
}

/* ── Modallar ── */
.modal-content {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.08),
        0 20px 60px rgba(0, 0, 0, 0.12) !important;
}

.modal-header {
    border-bottom: 1px solid #eef1f5 !important;
    border-radius: 16px 16px 0 0 !important;
}

.modal-footer {
    border-top: 1px solid #eef1f5 !important;
    border-radius: 0 0 16px 16px !important;
}

.modal-backdrop.in {
    opacity: 0.35 !important;
    background-color: #1a2332 !important;
}

/* ── Üst Header ── */
.header,
.header .header-inner {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e8ecf0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

/* ── Sidebar ── */
.sidebar {
    background-color: #1e2a35 !important;
    box-shadow: 3px 0 12px rgba(0, 0, 0, 0.1) !important;
}

/* ── Select2 ── */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #f8f9fb !important;
    border: 1.5px solid #dfe3e8 !important;
    border-radius: 10px !important;
}

.select2-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #e2e6ea !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(67, 165, 147, 0.1) !important;
    color: #2d7a6d !important;
}

/* ── Dropdown Menüler ── */
.dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    padding: 6px !important;
}

.dropdown-menu > li > a,
.dropdown-item {
    border-radius: 8px !important;
    padding: 8px 14px !important;
    transition: background-color 0.15s ease !important;
}

.dropdown-menu > li > a:hover,
.dropdown-item:hover {
    background-color: #f0f4f8 !important;
}

/* ── Alert Kutuları ── */
.alert {
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* ── Badge / Chip ── */
.badge {
    border-radius: 6px !important;
    font-weight: 500 !important;
}

/* ── Butonlar ── */
.btn {
    border-radius: 10px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-weight: 500 !important;
}

.btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.btn:active {
    transform: translateY(0px) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #c5cdd6;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a0aab4;
}

/* ── SweetAlert ── */
.sweet-alert {
    border-radius: 16px !important;
    background-color: #ffffff !important;
    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.08),
        0 20px 60px rgba(0, 0, 0, 0.12) !important;
}

/* ── Tab/Nav ── */
.nav-tabs {
    border-bottom-color: #e8ecf0 !important;
}

.nav-tabs > li > a {
    border-radius: 10px 10px 0 0 !important;
    transition: background-color 0.15s ease !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

/* ── DataTables ── */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(67, 165, 147, 0.12) !important;
    border-color: transparent !important;
    color: #2d7a6d !important;
    font-weight: 500 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #f0f4f8 !important;
    border-color: transparent !important;
}

/* ── Tooltip ── */
.tooltip-inner {
    border-radius: 8px !important;
    background-color: #2d3748 !important;
    padding: 6px 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* ── Progress Bar ── */
.progress {
    background-color: #e8ecf0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.progress-bar {
    border-radius: 8px !important;
}

/* ── Hızlı İşlemler Kartları (Dashboard) ── */
.card .card-body a,
.panel .panel-body a {
    transition: opacity 0.2s ease !important;
}

/* ── Genel Geçiş Efektleri ── */
a {
    transition: color 0.15s ease !important;
}

/* ── Input Group ── */
.input-group-addon {
    background-color: #f0f3f6 !important;
    border-color: #dfe3e8 !important;
    border-radius: 10px !important;
}

/* ── Popover ── */
.popover {
    border-radius: 12px !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
}

/* ── List Group ── */
.list-group-item {
    border-color: #edf0f5 !important;
    transition: background-color 0.15s ease !important;
}

.list-group-item:hover {
    background-color: #f8f9fb !important;
}