/*
 * MARKA PALETİ - renkler AYARDAN geliyor.
 *
 * Bu dosya bir kurumun adına göre adlandırılmış ve o kuruma özel
 * yazılmıştı (brand-hedef-override.css, body.company-hedef). Yani
 * sistemi kuran başka bir kurumun paleti yoktu; rengini değiştirmek
 * 900 satırlık bu dosyayı elle düzenlemek demekti.
 *
 * Artık renkler TEK TOKEN KATMANINDAN geliyor (aşama 9 / M2):
 * public/panels/css/tema-tokenlari.css'teki --marka-* değişkenleri.
 * Varsayılanları bugünkü renkler; Tema ve Tasarım ekranında ayar
 * yapılırsa partials/tema-tokenlari.blade.php yalnız değişenleri basar.
 * Eskiden her kullanımda ayrı bir yedek renk yazılıydı
 * (var(--kurum-ana, #FF7A3D)); yedekler token varsayılanına taşındı.
 *
 *   --marka-ana         ana renk (düğme, bağlantı, işaretli kutu)
 *   --marka-ana-koyu    üzerine gelince / basılıyken
 *   --marka-ikincil     koyu lacivert (başlık, alt bilgi zemini)
 *   --marka-menu-aktif  etkin menü maddesi; --marka-ust-* üst bar
 */
/* Otomatik olusturulmustur: mix.css icindeki #4680ff temelli primary renk kullanimlarinin turuncu (--marka-ana) marka rengine tasinmis halidir. */

body.marka-paleti a {
    color: var(--marka-ana);
    text-decoration: none;
    background-color: transparent;
}

body.marka-paleti a:hover {
    color: var(--marka-ana);
    text-decoration: underline;
}

body.marka-paleti .btn-primary {
    color: #fff;
    background-color: var(--marka-ana);
    border-color: var(--marka-ana);
}

body.marka-paleti .btn-primary:hover {
    color: #fff;
    background-color: var(--marka-ana-hover);
    border-color: var(--marka-ana-koyu);
}

body.marka-paleti .btn-primary:focus, body.marka-paleti .btn-primary.focus {
    color: #fff;
    background-color: var(--marka-ana-hover);
    border-color: var(--marka-ana-koyu);
    box-shadow: 0 0 0 0rem rgba(255, 122, 61, 0.5);
}

body.marka-paleti .btn-primary.disabled, body.marka-paleti .btn-primary:disabled {
    color: #fff;
    background-color: var(--marka-ana);
    border-color: var(--marka-ana);
}

body.marka-paleti .btn-primary:not(:disabled):not(.disabled):active, body.marka-paleti .btn-primary:not(:disabled):not(.disabled).active, body.marka-paleti .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--marka-ana-koyu);
    /* Basılıyken kenar da turuncunun koyusu: tema mavisi (#0654ff) kalmıştı (T5 B-21). */
    border-color: var(--marka-ana-koyu);
}

body.marka-paleti .btn-primary:not(:disabled):not(.disabled):active:focus, body.marka-paleti .btn-primary:not(:disabled):not(.disabled).active:focus, body.marka-paleti .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0rem rgba(255, 122, 61, 0.5);
}

body.marka-paleti .btn-outline-primary {
    color: var(--marka-ana);
    border-color: var(--marka-ana);
}

body.marka-paleti .btn-outline-primary:hover {
    color: #fff;
    background-color: var(--marka-ana);
    border-color: var(--marka-ana);
}

body.marka-paleti .btn-outline-primary.disabled, body.marka-paleti .btn-outline-primary:disabled {
    color: var(--marka-ana);
    background-color: transparent;
}

body.marka-paleti .btn-outline-primary:not(:disabled):not(.disabled):active, body.marka-paleti .btn-outline-primary:not(:disabled):not(.disabled).active, body.marka-paleti .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--marka-ana);
    border-color: var(--marka-ana);
}

body.marka-paleti .btn-link {
    font-weight: 400;
    color: var(--marka-ana);
    text-decoration: none;
}

body.marka-paleti .btn-link:hover {
    color: var(--marka-ana);
    text-decoration: underline;
}

body.marka-paleti .dropdown-item.active, body.marka-paleti .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--marka-ana);
}

body.marka-paleti .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--marka-ana);
    background-color: var(--marka-ana);
}

body.marka-paleti .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: var(--marka-ana);
    background-color: var(--marka-ana);
}

body.marka-paleti .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: var(--marka-ana);
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

body.marka-paleti .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: var(--marka-ana);
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

body.marka-paleti .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0rem;
    margin-left: 0rem;
    background-color: var(--marka-ana);
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

body.marka-paleti .nav-pills .nav-link.active, body.marka-paleti .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--marka-ana);
}

body.marka-paleti .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: 0;
    line-height: 1.25;
    color: var(--marka-ana);
    background-color: #fff;
    border: 0 solid #dee2e6;
}

body.marka-paleti .page-link:hover {
    z-index: 2;
    color: var(--marka-ana);
    text-decoration: none;
    background-color: #ecf0f5;
    border-color: #dee2e6;
}

body.marka-paleti .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--marka-ana);
    border-color: var(--marka-ana);
}

body.marka-paleti .badge-primary {
    color: #fff;
    background-color: var(--marka-ana);
}

body.marka-paleti a.badge-primary:hover, body.marka-paleti a.badge-primary:focus {
    color: #fff;
    background-color: var(--marka-ana-koyu);
}

body.marka-paleti .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--marka-vurgu);
    transition: width 0.6s ease;
}

body.marka-paleti .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: var(--marka-ana);
    border-color: var(--marka-ana);
}

body.marka-paleti .bg-primary {
    background-color: var(--marka-ana) !important;
}

body.marka-paleti a.bg-primary:hover, body.marka-paleti a.bg-primary:focus, body.marka-paleti button.bg-primary:hover, body.marka-paleti button.bg-primary:focus {
    background-color: var(--marka-ana-koyu) !important;
}

body.marka-paleti .border-primary {
    border-color: var(--marka-ana) !important;
}

body.marka-paleti .text-primary {
    color: var(--marka-ana) !important;
}

body.marka-paleti .card.card-load .card-loader i {
    margin: 0 auto;
    color: var(--marka-ana);
    font-size: 24px;
    align-items: center;
    display: flex;
}

body.marka-paleti .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    -webkit-animation: custripple 0.3s linear forwards;
    animation: custripple 0.3s linear forwards;
    background: var(--marka-ana);
}

body.marka-paleti .switch input[type=checkbox]:checked + .cr:before {
    background: var(--marka-ana);
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}

body.marka-paleti .switch.switch-primary input[type=checkbox]:checked + .cr:before {
    background: var(--marka-ana);
}

body.marka-paleti .badge-light-primary {
    /* Zemin turuncunun saydamı: tema mavisi rgba(70,128,255,.2) turuncu yazının altında kalmıştı (T5 B-21). */
    background: rgba(var(--marka-ana-rgb), .12);
    border-color: rgba(var(--marka-ana-rgb), .3);
    color: var(--marka-ana);
}

body.marka-paleti a.badge-light-primary.active, body.marka-paleti a.badge-light-primary:active, body.marka-paleti a.badge-light-primary:focus, body.marka-paleti a.badge-light-primary:hover {
    background: var(--marka-ana);
    border-color: var(--marka-ana);
    color: #fff;
}

body.marka-paleti .dropdown-menu > li.active, body.marka-paleti .dropdown-menu > li:active, body.marka-paleti .dropdown-menu > li:focus, body.marka-paleti .dropdown-menu > li:hover, body.marka-paleti .dropdown-menu > .dropdown-item.active, body.marka-paleti .dropdown-menu > .dropdown-item:active, body.marka-paleti .dropdown-menu > .dropdown-item:focus, body.marka-paleti .dropdown-menu > .dropdown-item:hover {
    background: var(--marka-ana);
    color: #fff;
    box-shadow: 0 0 4px 0 rgba(43, 43, 43, 0.25);
}

body.marka-paleti .dropdown-menu > a.active, body.marka-paleti .dropdown-menu > a:active, body.marka-paleti .dropdown-menu > a:focus, body.marka-paleti .dropdown-menu > a:hover {
    background: var(--marka-ana);
    color: #fff;
}

body.marka-paleti .datta-example .datta-example-btns .datta-example-btn {
    display: inline-block;
    line-height: 1;
    font-weight: 600;
    background: var(--marka-ana);
    color: #fff;
    padding: 0.1875rem 0.3125rem;
    border-radius: 2px;
    white-space: nowrap;
    font-size: 11px;
    margin: 0 4px;
}

body.marka-paleti .md-datta-example-modal-copy {
    display: block;
    position: fixed;
    top: 90px;
    right: 30px;
    margin-right: 8px;
    font-size: 1.5rem;
    border-radius: 50%;
    padding: 10px 15px;
    background: var(--marka-ana);
    color: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    white-space: nowrap;
}

body.marka-paleti .text-c-blue {
    color: var(--marka-ana);
}

body.marka-paleti .b-c-blue {
    border: 1px solid var(--marka-ana);
}

body.marka-paleti .b-primary {
    border: 1px solid var(--marka-ana) !important;
}

body.marka-paleti .text-h-primary:hover {
    color: var(--marka-ana) !important;
}

body.marka-paleti .border-bottom-primary td {
    border-bottom: 1px solid var(--marka-ana);
}

body.marka-paleti .border-bottom-primary th {
    border-bottom: 1px solid var(--marka-ana) !important;
}

body.marka-paleti .b-brand .b-bg {
    background: var(--marka-ikincil);
    border-radius: 3px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
}

body.marka-paleti .pcoded-header .main-search.open .input-group .search-btn {
    padding: 6px 9px;
    margin-left: 5px;
    color: #fff;
    background: var(--marka-ikincil);
    border-color: var(--marka-ikincil);
}

body.marka-paleti .pcoded-header .dropdown .profile-notification .pro-body li.active, body.marka-paleti .pcoded-header .dropdown .profile-notification .pro-body li:active, body.marka-paleti .pcoded-header .dropdown .profile-notification .pro-body li:focus, body.marka-paleti .pcoded-header .dropdown .profile-notification .pro-body li:hover {
    background: var(--marka-ikincil);
    box-shadow: 0 15px 8px -9px rgba(0, 0, 0, 0.25);
}

body.marka-paleti .pcoded-navbar .pcoded-inner-navbar li.pcoded-menu-caption {
    font-size: 13px;
    font-weight: 600;
    color: var(--marka-ikincil);
    padding: 18px 15px 5px;
    text-transform: capitalize;
    position: relative;
    margin-top: 10px;
}

body.marka-paleti .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-trigger.pcoded-hasmenu > .pcoded-submenu li.active > a:before, body.marka-paleti .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-trigger.pcoded-hasmenu > .pcoded-submenu li.pcoded-trigger > a:before, body.marka-paleti .pcoded-navbar.navbar-collapsed:not(:hover) .pcoded-inner-navbar > li.pcoded-trigger.pcoded-hasmenu > .pcoded-submenu li:hover > a:before {
    content: "";
    top: 10px;
    left: 31px;
    border-radius: 50%;
    background: var(--marka-menu-aktif);
    padding: 5px;
    box-shadow: 0 0 0 5px #fff;
    z-index: 6;
}

body.marka-paleti .pcoded-navbar .pcoded-inner-navbar > li.active > a, body.marka-paleti .pcoded-navbar .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: var(--marka-menu-aktif);
    color: #fff;
    box-shadow: 0 10px 5px -8px rgba(0, 0, 0, 0.4);
}

body.marka-paleti .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.active:after, body.marka-paleti .pcoded-navbar.theme-horizontal .pcoded-inner-navbar > li.pcoded-trigger:after {
    content: "";
    background-color: var(--marka-menu-aktif);
    z-index: 4;
    position: absolute;
    left: 19px;
    top: auto;
    bottom: 5px;
    width: 23px;
    height: 2px;
}

body.marka-paleti .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li.active > a, body.marka-paleti .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li.pcoded-trigger > a, body.marka-paleti .pcoded-navbar.theme-horizontal .pcoded-inner-navbar .pcoded-hasmenu .pcoded-submenu li:hover > a {
    color: var(--marka-menu-aktif);
}

body.marka-paleti .pcoded-navbar.theme-horizontal ~ .pcoded-header:not(.headerpos-fixed) {
    background: var(--marka-ust-zemin);
}

body.marka-paleti .pcoded-header .input-group-text:hover, body.marka-paleti .pcoded-header a:hover, body.marka-paleti .pcoded-header dropdown-toggle:hover {
    color: var(--marka-ikincil);
}

body.marka-paleti .lay-customizer .theme-color > a.active:before, body.marka-paleti .theme-color > a.active:before {
    content: "\e83e";
    top: 1px;
    font-size: 20px;
    position: absolute;
    left: 12px;
    font-family: "feather";
    z-index: 1001;
    color: var(--marka-ikincil);
    transition: 0.3s ease-in-out;
    text-shadow: 0 1px 3px rgba(70, 128, 255, 0.9), 0 3px 8px rgba(0, 0, 0, 0.1);
}

body.marka-paleti .lay-customizer .theme-color.header-color > a[data-value="header-blue"] > span:nth-child(1):after, body.marka-paleti .theme-color.header-color > a[data-value="header-blue"] > span:nth-child(1):after {
    background: var(--marka-ikincil);
}

body.marka-paleti .lay-customizer .theme-color.header-color.small > a[data-value="header-blue"], body.marka-paleti .theme-color.header-color.small > a[data-value="header-blue"] {
    background: var(--marka-ikincil);
}

body.marka-paleti .lay-customizer .theme-color.background-color.flat > a[data-value="background-blue"], body.marka-paleti .theme-color.background-color.flat > a[data-value="background-blue"] {
    background: var(--marka-ikincil);
}

body.marka-paleti .lay-customizer .theme-color.background-color.gradient > a[data-value="background-grd-blue"], body.marka-paleti .theme-color.background-color.gradient > a[data-value="background-grd-blue"] {
    background: linear-gradient(to right, var(--marka-ikincil) 0%, #00f2fe 100%);
}

body.marka-paleti .doc-img > a.active {
    border-color: var(--marka-ikincil);
}

body.marka-paleti .doc-img > a.active:before {
    content: "\e83f";
    top: -4px;
    font-size: 20px;
    position: absolute;
    left: 10px;
    font-family: "feather";
    z-index: 1001;
    color: var(--marka-ikincil);
    transition: 0.3s ease-in-out;
    text-shadow: 0 3px 8px rgba(70, 128, 255, 0.9), 0 3px 8px rgba(0, 0, 0, 0.1);
}

body.marka-paleti .doc-img.header-color > a[data-value="header-blue"] > span:nth-child(1):after {
    background: var(--marka-ikincil);
}

body.marka-paleti .doc-img.background-color.flat > a[data-value="background-blue"] {
    background: var(--marka-ikincil);
}

body.marka-paleti .doc-img.background-color.gradient > a[data-value="background-grd-blue"] {
    background: linear-gradient(to right, var(--marka-ikincil) 0%, #00f2fe 100%);
}

body.marka-paleti .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.active > a:before, body.marka-paleti .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li.pcoded-trigger > a:before, body.marka-paleti .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li:hover > a:before {
    color: var(--marka-menu-aktif);
}

body.marka-paleti .pcoded-navbar.menu-light .pcoded-inner-navbar li.active > a, body.marka-paleti .pcoded-navbar.menu-light .pcoded-inner-navbar li.pcoded-trigger > a, body.marka-paleti .pcoded-navbar.menu-light .pcoded-inner-navbar li:hover > a {
    color: var(--marka-menu-aktif);
    background: transparent;
}

body.marka-paleti .pcoded-navbar.menu-light .pcoded-inner-navbar > li.active > a, body.marka-paleti .pcoded-navbar.menu-light .pcoded-inner-navbar > li.pcoded-trigger > a {
    background: var(--marka-menu-aktif);
    color: var(--marka-menu-aktif-metin);
}

body.marka-paleti .pcoded-header.header-blue {
    background: var(--marka-ust-zemin);
    color: var(--marka-ust-metin);
}

body.marka-paleti .pcoded-header.header-blue .main-search .search-close > .input-group-text {
    color: var(--marka-ust-zemin);
}

body.marka-paleti .pcoded-header.header-blue .main-search.open .input-group .search-btn {
    background: var(--marka-ust-zemin);
    border-color: var(--marka-ust-zemin);
}

body.marka-paleti .pcoded-header.header-blue .b-bg {
    background: #fff;
    color: var(--marka-ust-zemin);
}

body.marka-paleti .background-blue {
    background-color: var(--marka-ikincil)!important;
}

body.marka-paleti body.background-blue .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] {
    background-color: var(--marka-ikincil)!important;
}

body.marka-paleti .background-grd-blue {
    background: linear-gradient(to right, var(--marka-ikincil) 0%, #00f2fe 100%)!important;
}

body.marka-paleti body.background-grd-blue .pcoded-navbar.theme-horizontal ~ .pcoded-header[class*="header-"] {
    background: linear-gradient(to right, var(--marka-ikincil) 0%, #00f2fe 100%)!important;
}

body.marka-paleti .pcoded-header[class*="brand-"]:not(.brand-default) .b-bg {
    background: #fff;
    color: var(--marka-ikincil);
}

body.marka-paleti .pcoded-header.brand-blue .m-header, body.marka-paleti .pcoded-header[class*="header-"].brand-blue .m-header {
    background: var(--marka-ikincil);
}

body.marka-paleti .pcoded-header.brand-blue .m-header .b-bg, body.marka-paleti .pcoded-header[class*="header-"].brand-blue .m-header .b-bg {
    background: #fff;
    color: var(--marka-ikincil);
}

body.marka-paleti .pcoded-header.brand-dark .m-header .b-bg, body.marka-paleti .pcoded-header[class*="header-"].brand-dark .m-header .b-bg {
    background: var(--marka-ikincil);
    color: #fff;
}

body.marka-paleti .form-control:focus {
    border-bottom-color: transparent;
    background-size: 100% 100%, 100% 100%;
    transition-duration: 0.3s;
    box-shadow: none;
    background-image: linear-gradient(to top, var(--marka-ana) 2px, rgba(70, 128, 255, 0) 2px), linear-gradient(to top, #ced4da 1px, rgba(206, 212, 218, 0) 1px);
}

body.marka-paleti .form-group.fill .floating-label {
    top: -13px;
    font-size: 0.75rem;
    color: var(--marka-ana);
}

body.marka-paleti .nav-tabs .nav-link {
    border: none;
    background: no-repeat center bottom, center 100%;
    background-size: 0 100%, 100% 100%;
    transition: background 0.3s ease-out;
    background-image: linear-gradient(to top, var(--marka-vurgu) 2px, rgba(255, 255, 255, 0) 2px);
}

body.marka-paleti .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: var(--marka-ana);
    border-color: var(--marka-ana);
}

body.marka-paleti .order-visitor-card:hover {
    background-color: var(--marka-ana);
}

body.marka-paleti .widget-chat-box .receive-chat {
    background-color: var(--marka-ana);
    color: #fff;
    border-radius: 10px;
}

body.marka-paleti .chat-card .send-chat .msg, body.marka-paleti .chat-card .widget-chat-box .receive-chat .msg, body.marka-paleti .widget-chat-box .chat-card .receive-chat .msg {
    background: var(--marka-ana);
    color: #fff;
    border-radius: 5px 0 5px 5px;
}

body.marka-paleti .chat-card .send-chat .msg:after, body.marka-paleti .chat-card .widget-chat-box .receive-chat .msg:after, body.marka-paleti .widget-chat-box .chat-card .receive-chat .msg:after {
    content: "";
    position: absolute;
    right: -7px;
    top: -7px;
    transform: rotate(45deg);
    border: 7px solid transparent;
    border-right-color: var(--marka-ana);
}

body.marka-paleti .swal-button {
    background-color: var(--marka-ana);
}

body.marka-paleti .lb-data .lb-caption a {
    color: var(--marka-ana);
}

body.marka-paleti .br-theme-bars-movie .br-widget a.br-active, body.marka-paleti .br-theme-bars-movie .br-widget a.br-selected {
    background-color: var(--marka-ana);
}

body.marka-paleti .br-theme-bars-movie .br-widget .br-current-rating {
    color: var(--marka-ana);
}

body.marka-paleti .slider.slider-horizontal .slider-handle.triangle, body.marka-paleti .slider.slider-horizontal .slider-tick.triangle {
    border-bottom-color: var(--marka-ana);
}

body.marka-paleti .slider.slider-vertical .slider-handle.triangle, body.marka-paleti .slider.slider-vertical .slider-tick.triangle {
    border-left-color: var(--marka-ana);
    border-right-color: var(--marka-ana);
}

body.marka-paleti .slider-handle {
    background-color: var(--marka-ana);
    background-image: linear-gradient(to bottom, var(--marka-ana) 0, var(--marka-ana) 100%);
    background-repeat: repeat-x;
}

body.marka-paleti .daterangepicker td.active, body.marka-paleti .daterangepicker td.active:hover {
    background-color: var(--marka-ana);
    color: #fff;
}

body.marka-paleti .daterangepicker td.available:hover, body.marka-paleti .daterangepicker th.available:hover {
    background-color: var(--marka-ana);
    color: #fff;
}

body.marka-paleti .daterangepicker .ranges ul li.active {
    background-color: var(--marka-ana);
}

body.marka-paleti .daterangepicker .ranges ul li:hover {
    box-shadow: 0 15px 8px -9px rgba(0, 0, 0, 0.25);
    background-color: var(--marka-ana);
    color: #fff;
}

body.marka-paleti .bootstrap-tagsinput .tag {
    background: var(--marka-ana);
    color: #fff;
    border-radius: var(--marka-kose);
}

body.marka-paleti .bootstrap-maxlength {
    background: var(--marka-ana);
    border-radius: var(--marka-kose);
    padding: 5px 10px;
    color: #fff;
}

body.marka-paleti .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--marka-ana);
    border: 1px solid var(--marka-ana);
    color: #fff;
    border-radius: 3px;
    padding: 2px 10px;
}

body.marka-paleti .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--marka-ana);
    color: #fff;
}

body.marka-paleti .select2-container--classic .select2-selection--single:focus {
    border: 1px solid var(--marka-ana);
}

body.marka-paleti .select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid var(--marka-ana);
}

body.marka-paleti .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid var(--marka-ana);
}

body.marka-paleti .select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid var(--marka-ana);
}

body.marka-paleti .select2-container--classic.select2-container--open .select2-dropdown {
    border-color: var(--marka-ana);
}

body.marka-paleti .footable .pagination > .active > a:focus, body.marka-paleti .footable .pagination > .active > a:hover, body.marka-paleti .footable .pagination > .active > span:focus, body.marka-paleti .footable .pagination > .active > span:hover {
    background-color: var(--marka-ana);
    border-color: var(--marka-ana);
}

body.marka-paleti table.dataTable tbody > tr.selected, body.marka-paleti table.dataTable tbody > tr > .selected {
    background: var(--marka-ana);
}

body.marka-paleti div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #dfe9ff;
    color: var(--marka-ana);
    border: 2px solid var(--marka-ana);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    text-align: center;
    z-index: 21;
}

body.marka-paleti div.dt-button-info h2 {
    padding: 0.5em;
    margin: 0;
    font-weight: normal;
    color: #fff;
    border-bottom: 1px solid var(--marka-ana);
    background-color: var(--marka-ana);
}

body.marka-paleti table.dataTable tbody td.focus, body.marka-paleti table.dataTable tbody th.focus {
    box-shadow: inset 0 0 1px 2px var(--marka-ana);
}

body.marka-paleti .highcharts-selection-marker {
    fill: var(--marka-ana);
    fill-opacity: 0.25;
}

body.marka-paleti .highcharts-legend-nav-active {
    fill: var(--marka-ana);
    cursor: pointer;
}

body.marka-paleti .highcharts-navigator-mask-inside {
    fill: var(--marka-ana);
    /* navigator.maskFill option */
    fill-opacity: 0.25;
    cursor: ew-resize;
}

body.marka-paleti .highcharts-navigator-series {
    fill: var(--marka-ana);
    stroke: var(--marka-ana);
}

body.marka-paleti .highcharts-menu-item:hover {
    background: var(--marka-ana);
    color: #ffffff;
}

body.marka-paleti .highcharts-drilldown-axis-label, body.marka-paleti .highcharts-drilldown-data-label text, body.marka-paleti text.highcharts-drilldown-data-label {
    cursor: pointer;
    fill: var(--marka-ana);
    font-weight: bold;
    text-decoration: underline;
}

body.marka-paleti .auth-wrapper .card-body .carousel-indicators li.active {
    background-color: var(--marka-ana);
}

body.marka-paleti #task-container li {
    float: left;
    width: 49%;
    overflow: auto;
    height: auto;
    min-height: 10px;
    background: #fff;
    display: inline-block;
    padding: 20px;
    border: 1px solid #ccc;
    color: #666;
    border-top: 5px solid var(--marka-ana);
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 2%;
    transition: all 0.3s;
    position: relative;
}

body.marka-paleti .to-do-list .checkbox-fade label input[type=checkbox]:checked + .cr {
    background: var(--marka-ana);
    border: 0;
}

body.marka-paleti .job-meta-data i {
    margin-right: 5px;
    color: var(--marka-ana);
}

body.marka-paleti .fc th.fc-widget-header {
    background: var(--marka-ana);
    color: #fff;
    border-color: var(--marka-ana);
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
    text-transform: uppercase;
}

body.marka-paleti .fc-state-active, body.marka-paleti .fc-state-disabled, body.marka-paleti .fc-state-down {
    background-color: var(--marka-ana);
    color: #fff;
    text-shadow: none;
}

body.marka-paleti .fc-event, body.marka-paleti .fc-event:not([href]) {
    background-color: var(--marka-ana);
    border-color: var(--marka-ana);
    color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
    margin-bottom: 5px;
    cursor: move;
}

body.marka-paleti .sample-icon .i-block:nth-child(1) {
    border-color: var(--marka-ana);
    background: rgba(70, 128, 255, 0.1);
}

body.marka-paleti .sample-icon .i-block:nth-child(1) i {
    color: var(--marka-ana);
}

body.marka-paleti .sample-icon .i-block:nth-child(11) {
    border-color: var(--marka-ana);
    background: rgba(70, 128, 255, 0.1);
}

body.marka-paleti .sample-icon .i-block:nth-child(11) i {
    color: var(--marka-ana);
}

body.marka-paleti .sample-icon .i-block:nth-child(21) {
    border-color: var(--marka-ana);
    background: rgba(70, 128, 255, 0.1);
}

body.marka-paleti .sample-icon .i-block:nth-child(21) i {
    color: var(--marka-ana);
}

body.marka-paleti .sample-icon .i-block:nth-child(31) {
    border-color: var(--marka-ana);
    background: rgba(70, 128, 255, 0.1);
}

body.marka-paleti .sample-icon .i-block:nth-child(31) i {
    color: var(--marka-ana);
}

body.marka-paleti .user-profile .profile-tabs .nav-item .nav-link:after {
    content: "";
    background: var(--marka-ana);
    position: absolute;
    transition: all 0.3s ease-in-out;
    left: 50%;
    right: 50%;
    bottom: -1px;
    height: 2px;
    border-radius: 2px 2px 0 0;
}

body.marka-paleti .user-profile-list table tbody tr .overlay-edit {
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    background: var(--marka-ana);
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.marka-paleti .user-profile-list table tbody tr:hover {
    box-shadow: 0 0 6px 0 var(--marka-ana);
}

body.marka-paleti .user-profile-list table tbody tr:hover td {
    cursor: pointer;
    color: #fff;
    background: var(--marka-ana);
}

body.marka-paleti .double-bounce1, body.marka-paleti .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--marka-ana);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

/* ============================================================
   Ek kurumsal düzeltmeler (elle eklendi, otomatik üretilmedi)

   Panel header'ı (üstteki çubuk) beyaz bir logo içerdiği için koyu
   dolgu üzerinde okunaklı - o yüzden panelde koyu dolgu korunuyor
   (yukarıdaki otomatik dönüştürülen kurallar).

   Bağış (frontend) sayfasındaki header ise koyu renkli bir logo
   kullanıyor; header'ı da koyu yaparsak logo görünmez olur. Bu yüzden
   bağış sayfası header'ı, tema rengi ne olursa olsun her zaman
   AÇIK/BEYAZ tutuluyor ve yazı/ikon rengi koyuya çekiliyor.
   (.headerpos-fixed sadece frontend header'ında var, panelde yok.)
   ============================================================ */
body.marka-paleti .pcoded-header.headerpos-fixed {
    background: #fff !important;
    box-shadow: 0 1px 6px rgba(11, 61, 92, 0.15);
}

body.marka-paleti .pcoded-header.headerpos-fixed,
body.marka-paleti .pcoded-header.headerpos-fixed a,
body.marka-paleti .pcoded-header.headerpos-fixed span {
    color: var(--marka-ikincil) !important;
}

/* Giriş sayfası arka planı laciverte çekiliyor (logo beyaz kart içinde olduğu için sorun yok).
   Bu sınıf bazen body üzerinde, bazen (login.blade.php'deki .auth-wrapper gibi) iç içe bir
   div üzerinde olduğu için hem bileşik hem alt-öğe seçici birlikte tanımlanıyor. */
body.marka-paleti.background-grd-dark-orange,
body.marka-paleti.background-grd-blue,
body.marka-paleti.background-grd-purple,
body.marka-paleti.background-grd-dark,
body.marka-paleti .background-grd-dark-orange,
body.marka-paleti .background-grd-blue,
body.marka-paleti .background-grd-purple,
body.marka-paleti .background-grd-dark {
    background: linear-gradient(135deg, var(--marka-ikincil) 0%, #135E8A 100%) !important;
}

/* Gövde metni saf siyah yerine daha yumuşak, göz yormayan lacivert-gri tonda */
body.marka-paleti {
    color: #1F2A37;
}

/* ==========================================================================
   OKUNURLUK DÜZELTMELERİ

   Ölçüm (14 panel ekranı, gerçek hesaplanmış stiller, WCAG 2.1 AA):
   140 benzersiz kontrast ihlali çıktı ve büyük kısmı iki kök nedene
   bağlıydı.

   1. Kurum turuncusu METİN rengi olarak kullanılıyordu. #FF7A3D beyaz
      üzerinde 2.59:1 veriyor; gereken 4.5:1. Bağlantılarda, rozetlerde
      ve küçük vurgularda kullanıldığı için ihlal 14 ekranın hepsine
      yayılmıştı.

   2. Panelde hâlâ Bootstrap'in kendi grisi vardı (#868E96, 3.32:1).
      Hem "hiçbir yerde gri olmasın" kuralını deliyor hem eşiğin
      altında kalıyordu.

   DOLGU RENGİ DEĞİŞMİYOR: turuncu düğme turuncu kalıyor, marka
   görüntüsü aynı. Değişen yalnızca METİN rengi. İkisini ayırmak,
   markayı bozmadan okunurluğu kazanmanın tek yolu.

   --marka-ana-metin, ana renkten TÜRETİLİYOR (App\Support\Tema): beyaz
   zeminde 4.5:1'e ulaşana kadar koyulaştırılmış hâli. Sabit bir koyu
   ton yazılsaydı, yeşil ya da lacivert marka rengi seçen bir kurumda
   yanlış renk çıkardı.
   ========================================================================== */

body.marka-paleti a,
body.marka-paleti a:hover {
    color: var(--marka-ana-metin);
}

/*
 * Gri yok: soluk metin laciverdin saydamlaştırılmış hâli.
 * !important şart - Bootstrap'in kendi .text-muted kuralı da
 * !important taşıyor.
 */
body.marka-paleti .text-muted,
body.marka-paleti small.text-muted,
body.marka-paleti .form-text.text-muted {
    color: rgba(var(--marka-notr-rgb), .72) !important;
}

/* Açık zeminli rozetlerde yazı, zeminin kendisiyle aynı renkti. */
body.marka-paleti .badge-light-primary {
    color: var(--marka-ana-metin);
}

/*
 * .btn-outline-warning 1.69:1 ile en kötüsüydü - sarı yazı beyaz
 * zeminde neredeyse görünmüyordu. Çerçeve rengi korunuyor, yalnızca
 * yazı okunur hâle geliyor.
 */
body.marka-paleti .btn-outline-warning {
    color: #8a5a00;
}
body.marka-paleti .btn-outline-warning:hover {
    color: #fff;
}

/*
 * Metin rolündeki kalan iki sınıf: .btn-link (bağlantı gibi çizilen
 * düğme) ve .text-primary (vurgulu yazı). İkisi de dolgu değil METİN,
 * bu yüzden okunur türeve alınıyor. Yukarıdaki kuralların altında
 * duruyorlar ki dosyadaki eski tanımları ezsinler.
 */
body.marka-paleti .btn-link,
body.marka-paleti .btn-link:hover {
    color: var(--marka-ana-metin);
}

body.marka-paleti .text-primary {
    color: var(--marka-ana-metin) !important;
}

/*
 * Bootstrap'in <code> rengi (#E83E8C pembe) beyaz zeminde 3.82:1.
 * Ayar ekranlarında yer tutucular ({tutar}, {islem_no}) bu etiketle
 * yazılıyor ve tam da okunması gereken şey onlar.
 */
body.marka-paleti code {
    color: rgba(var(--marka-notr-rgb), .88);
    background: rgba(var(--marka-notr-rgb), .06);
    padding: 1px 5px;
    border-radius: 3px;
}

/* ==========================================================================
   ONAY DÜĞMELERİ VE ROZETLER — OKUNURLUK (T5 B-06)

   En sık basılan iki düğme ("Onayla" btn-success, "Düzeltme İste"
   btn-warning) tema renginde BEYAZ yazı taşıyordu: #9ccc65 üzerinde
   1,87:1, #ffba57 üzerinde 1,69:1 (WCAG AA metin için 4,5:1 ister).
   Düğmeler pasif gibi görünüyordu.

   Dolgu tema renginde kalıyor (yeşil yeşil, sarı sarı); yazı koyu
   (#1d2b36): #9ccc65'te 7,75:1, #ffba57'de 8,55:1, üzerine gelince
   (#8ac248 / #ffaa31) 6,8 ve 7,6. Çerçeveli türlerde yazı koyu yeşil /
   koyu sarı. HEDEF turuncusu birincil düğme değişmiyor.

   Koyu temada dark-mode.css düğmeleri koyulaştırıp beyaz yazı veriyor
   (yeşil 6,3:1, sarı 5,9:1); bu yüzden kurallar açık temayla sınırlı.
   ========================================================================== */
html:not(.dark-mode) body.marka-paleti .btn-success,
html:not(.dark-mode) body.marka-paleti .btn-success:hover,
html:not(.dark-mode) body.marka-paleti .btn-success:focus,
html:not(.dark-mode) body.marka-paleti .btn-success.disabled,
html:not(.dark-mode) body.marka-paleti .btn-success:disabled,
html:not(.dark-mode) body.marka-paleti .btn-success:not(:disabled):not(.disabled):active,
html:not(.dark-mode) body.marka-paleti .btn-success:not(:disabled):not(.disabled).active,
html:not(.dark-mode) body.marka-paleti .btn-warning,
html:not(.dark-mode) body.marka-paleti .btn-warning:hover,
html:not(.dark-mode) body.marka-paleti .btn-warning:focus,
html:not(.dark-mode) body.marka-paleti .btn-warning.disabled,
html:not(.dark-mode) body.marka-paleti .btn-warning:disabled,
html:not(.dark-mode) body.marka-paleti .btn-warning:not(:disabled):not(.disabled):active,
html:not(.dark-mode) body.marka-paleti .btn-warning:not(:disabled):not(.disabled).active {
    color: #1d2b36;
}

html:not(.dark-mode) body.marka-paleti .btn-outline-success {
    color: var(--marka-durum-iyi);
}

html:not(.dark-mode) body.marka-paleti .btn-outline-warning {
    color: var(--marka-durum-uyari);
}

/* Çerçeveli düğmeye gelince/basınca dolgu tema rengine dönüyor; yazı orada da koyu. */
html:not(.dark-mode) body.marka-paleti .btn-outline-success:hover,
html:not(.dark-mode) body.marka-paleti .btn-outline-success:not(:disabled):not(.disabled):active,
html:not(.dark-mode) body.marka-paleti .btn-outline-success:not(:disabled):not(.disabled).active,
html:not(.dark-mode) body.marka-paleti .btn-outline-warning:hover,
html:not(.dark-mode) body.marka-paleti .btn-outline-warning:not(:disabled):not(.disabled):active,
html:not(.dark-mode) body.marka-paleti .btn-outline-warning:not(:disabled):not(.disabled).active {
    color: #1d2b36;
}

/* Pasif çerçeveli düğme dolgu almaz; yazı yine okunur tonda. */
html:not(.dark-mode) body.marka-paleti .btn-outline-success:disabled,
html:not(.dark-mode) body.marka-paleti .btn-outline-success.disabled { color: var(--marka-durum-iyi); }
html:not(.dark-mode) body.marka-paleti .btn-outline-warning:disabled,
html:not(.dark-mode) body.marka-paleti .btn-outline-warning.disabled { color: var(--marka-durum-uyari); }

/*
 * Açık rozetler (badge-light-*) zeminin %20 saydamı üzerine TEMA rengiyle
 * yazılıyordu: "Onaylandı" 1,66:1, "Düzeltme Bekliyor" 1,52:1, "Eksik"
 * 2,51:1. Rozet sözlüğü (App\Support\Rozet) yalnız bu sınıfları kullandığı
 * için yazıları aynı renk ailesinin koyusuna alındı (hepsi ≥ 5:1); zemin
 * tonu değişmiyor. Koyu temada tema renkleri koyu zeminde zaten okunur.
 */
html:not(.dark-mode) body.marka-paleti .badge-light-success { color: var(--marka-durum-iyi); }
html:not(.dark-mode) body.marka-paleti .badge-light-warning { color: var(--marka-durum-uyari); }
html:not(.dark-mode) body.marka-paleti .badge-light-danger { color: var(--marka-durum-tehlike); }
html:not(.dark-mode) body.marka-paleti .badge-light-info { color: var(--marka-durum-bilgi); }
html:not(.dark-mode) body.marka-paleti .badge-light-secondary { color: var(--marka-durum-notr); }
html:not(.dark-mode) body.marka-paleti .badge-light-primary {
    color: var(--marka-ana-metin);
    color: color-mix(in srgb, var(--marka-ana-metin) 82%, #000);
}

/* Bağlantı olan rozet (ör. Kurumlar'da eksik sayısı): tema üzerine gelince zemini
   doluya çevirip açık yazı veriyordu (1,5-2,6:1). Zemin bir ton koyulaşır, yazı
   okunur tonda kalır, altı çizilir. */
html:not(.dark-mode) body.marka-paleti a.badge-light-success:hover,
html:not(.dark-mode) body.marka-paleti a.badge-light-success:focus { background: rgba(156, 204, 101, .34); border-color: transparent; color: var(--marka-durum-iyi); text-decoration: underline; }
html:not(.dark-mode) body.marka-paleti a.badge-light-warning:hover,
html:not(.dark-mode) body.marka-paleti a.badge-light-warning:focus { background: rgba(255, 186, 87, .34); border-color: transparent; color: var(--marka-durum-uyari); text-decoration: underline; }
html:not(.dark-mode) body.marka-paleti a.badge-light-danger:hover,
html:not(.dark-mode) body.marka-paleti a.badge-light-danger:focus { background: rgba(255, 82, 82, .28); border-color: transparent; color: #a61b1b; text-decoration: underline; }
html:not(.dark-mode) body.marka-paleti a.badge-light-info:hover,
html:not(.dark-mode) body.marka-paleti a.badge-light-info:focus { background: rgba(0, 172, 193, .28); border-color: transparent; color: #005a64; text-decoration: underline; }
html:not(.dark-mode) body.marka-paleti a.badge-light-secondary:hover,
html:not(.dark-mode) body.marka-paleti a.badge-light-secondary:focus { background: rgba(108, 117, 125, .3); border-color: transparent; color: #343a40; text-decoration: underline; }
html:not(.dark-mode) body.marka-paleti a.badge-light-primary:hover,
html:not(.dark-mode) body.marka-paleti a.badge-light-primary:focus { background: rgba(var(--marka-ana-rgb), .24); border-color: transparent; text-decoration: underline; }