.table th {
    text-transform: none; 
    font-size: 0.8125rem;
    letter-spacing: 1px;
    padding-top: 0.88rem;
    padding-bottom: 0.88rem;
}
.vuexy-toast {
    background: #EAF9F0 !important;  
    color: #1E4620 !important;  
    border-radius: 6px !important; 
    border-left: 4px solid #28C76F !important; 
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1); 
    padding: 8px 14px;
    min-height: 40px;
    display: flex;
    align-items: center;
}

.vuexy-toast-title {
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: left !important;
    padding-left: 5px;
}

.vuexy-toast .swal2-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.swal2-show {
    transform: translateY(-5px);
    opacity: 1;
}

.swal2-hide {
    transform: translateY(-5px);
    opacity: 0;
}
.rz-dialog-wrapper {
    box-sizing: border-box;
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    
}
.layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-navbar {
    z-index: 1025;
}

/*.rz-scheduler {*/
/*    background-color: #1A2035 !important; */
/*    color: #FFFFFF !important;*/
/*}*/

/*.rz-scheduler-nav {*/
/*    background-color: #2A3045 !important;*/
/*    color: #FFFFFF !important;*/
/*    border: none !important;*/
/*}*/

/*.rz-scheduler-nav .rz-scheduler-nav-title {*/
/*    color: #FFFFFF !important;*/
/*}*/

/*.rz-scheduler-nav-prev-next .rz-button.rz-today {*/
/*    background-color: #1A2035 !important;*/
/*    color: #FFFFFF !important;*/
/*    border: 1px solid #6C5DD3 !important; */
/*}*/
/*.rz-scheduler-nav-prev-next .rz-button.rz-next{*/
/*    background-color: #1A2035 !important;*/
/*    color: #FFFFFF !important;*/
/*    border: 1px solid #6C5DD3 !important; */
/*}*/
/*.rz-scheduler-nav-prev-next .rz-button.rz-prev{*/
/*    background-color: #1A2035 !important;*/
/*    color: #FFFFFF !important;*/
/*    border: 1px solid #6C5DD3 !important; */
/*}*/
/*.rz-scheduler .rz-scheduler-toolbar .rz-button:hover {*/
/*    background-color: #6C5DD3 !important;*/
/*    color: #FFFFFF !important;*/
/*}*/

/*.rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {*/
/*    background-color: #1A2035 !important;*/
/*    color: #FFFFFF !important;*/
/*    border: 1px solid #2A3045 !important;*/
/*}*/

/*.rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {*/
/*    background-color: #6C5DD3 !important; */
/*    color: #FFFFFF !important;*/
/*    border-color: #6C5DD3 !important;*/
/*}*/

/*.rz-view-header .rz-slot-header {*/
/*    background-color: #2A3045 !important;*/
/*    color: #FFFFFF !important;*/
/*    border-bottom: 1px solid #1A2035 !important;*/
/*}*/

/*.rz-slot-hours .rz-slot-header {*/
/*    background-color: #2A3045 !important;*/
/*    color: #B0BEC5 !important; */
/*}*/
/*.rz-view-header .rz-slot-hour-header{*/
/*    background-color: #2A3045 !important;*/
/*    color: #B0BEC5 !important; */
/*}*/
/*.rz-scheduler .rz-scheduler-view .rz-scheduler-slot {*/
/*    background-color: #1A2035 !important;*/
/*    border-color: #2A3045 !important;*/
/*}*/

/*.rz-scheduler .rz-scheduler-day.rz-state-selected {*/
/*    background-color: #6C5DD3 !important;*/
/*    color: #FFFFFF !important;*/
/*}*/


/*.rz-event-content{*/
/*    background-color: #4CAF50 !important; */
/*    color: #FFFFFF !important;*/
/*    border-radius: 5px;*/
/*    padding: 3px;*/
/*}*/

/* .rz-event-content:hover {*/
/*    background-color: #00BCD4 !important; */
/*}*/


/*.rz-scheduler .rz-scheduler-slot:hover {*/
/*    background-color: #2A3045 !important;*/
/*}*/

/*.rz-scheduler ::-webkit-scrollbar {*/
/*    width: 8px;*/
/*}*/

/*.rz-scheduler ::-webkit-scrollbar-thumb {*/
/*    background-color: #6C5DD3;*/
/*    border-radius: 4px;*/
/*}*/
/*.rz-colorpicker:not(.invalid), .rz-lookup-search input:not(.invalid), .rz-numeric:not(.invalid), .rz-datepicker > .rz-inputtext:not(.invalid), .rz-multiselect:not(.invalid), .rz-dropdown:not(.invalid), .mask:not(.invalid), .rz-textarea:not(.invalid), .rz-textbox:not(.invalid) {*/
/*    outline: none;*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 0.422rem 0.875rem;*/
/*    font-size: 0.9375rem;*/
/*    font-weight: 400;*/
/*    line-height: 1.5;*/
/*    color: #b6bee3;*/
/*    background-color: #2f3349;*/
/*    background-clip: padding-box;*/
/*    border: 1px solid #434968;*/
/*    appearance: none;*/
/*    border-radius: 0.375rem;*/
/*    transition: border-color 0.15sease -in-out, box-shadow 0.15sease -in-out;*/
/*}*/
/*!*.rz-numeric input[type=number], .rz-numeric input[type=text] {*!*/
/*    outline: none;*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 0.422rem 0.875rem;*/
/*    font-size: 0.9375rem;*/
/*    font-weight: 400;*/
/*    line-height: 1.5;*/
/*    color: #b6bee3;*/
/*    background-color: #2f3349;*/
/*    background-clip: padding-box;*/

/*}*/
/*.rz-numeric-button .rzi-caret-up:before {*/
/*    content: "expand_less";*/
/*    background-color: #2f3349;*/
/*}*/
/*.rz-numeric-button .rzi-caret-down:before {*/
/*    content: "expand_more";*/
/*    background-color: #2f3349;*/
/*}*/
/*.rz-dialog {*/
/*    background-color: #2A3045 !important; */
/*    color: #FFFFFF !important;           */
/*    border-radius: 12px;                */
/*}*/
/*.rz-dialog-titlebar, .rz-dialog-side-titlebar {*/
/*    background-color: #2A3045 !important;*/
/*    color: #FFFFFF !important;*/
/*    border-radius: 12px;*/
/*}*/
/*.rz-dialog-title {*/
/*    color: #FFFFFF !important;*/
/*}*/
/*.rz-dialog-mask {*/
/*    background-color: rgba(0, 0, 0, 0.7) !important; !* Daha koyu arka plan *!*/
/*}*/
/*.rz-event-content {*/
/*    background: #536bdb !important;*/
/*    border-radius: var(--rz-scheduler-border-radius);*/
/*    color: var(--rz-scheduler-event-color) !important;*/
/*    height: 100%;*/
/*    padding: var(--rz-scheduler-event-content-padding);*/
/*    font-size: var(--rz-scheduler-event-font-size);*/
/*    line-height: var(--rz-scheduler-event-line-height);*/
/*    overflow: hidden;*/
/*}*/
/*.rz-scheduler-nav {*/
/*    display: flex*/
/*;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*    padding: var(--rz-scheduler-toolbar-padding);*/
/*    background: #2e324a !important;*/
/*}*/
/*.rz-scheduler-nav-prev-next .rz-button {*/
/*    background-color: #166792 !important;*/
/*    color: var(--rz-scheduler-prev-next-button-color);*/
/*    padding-block: var(--rz-scheduler-prev-next-button-padding-block);*/
/*    padding-inline: var(--rz-scheduler-prev-next-button-padding-inline);*/
/*    font-size: var(--rz-scheduler-prev-next-button-font-size);*/
/*}*/
.rz-event-content {
    background: #6e62e3;
    border-radius: var(--rz-scheduler-border-radius);
    color: var(--rz-scheduler-event-color);
    height: 100%;
    padding: var(--rz-scheduler-event-content-padding);
    font-size: var(--rz-scheduler-event-font-size);
    line-height: var(--rz-scheduler-event-line-height);
    overflow: hidden;
}

/* Radzen onay penceresi (Confirm Dialog) için z-index artırma */
.rz-dialog {
    z-index: 1055 !important; /* Bootstrap modalın varsayılan z-index değeri 1050'dir, bunu daha yukarı çekiyoruz */
}

/* Eğer dialog bileşeni düzgün çalışmazsa, tüm dialoglar için z-index artır */
.rz-overlay {
    z-index: 1050 !important;
}

/* Bootstrap modal'ın z-index değerini aşağı çek */
.modal {
    z-index: 1045 !important;
}
.template-customizer-open-btn {
    display: none !important;
}

.upload-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.upload-label {
    background-color: #007bff;
    color: white;
    padding: 10px 18px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 140px;
    justify-content: center;
    text-align: center;
}

.upload-label:hover {
    background-color: #0056b3;
}

.upload-input {
    display: none;
}

/* Mobil uyum için */
@media (max-width: 576px) {
    .upload-label {
        width: 100%;
        font-size: 0.95rem;
        padding: 10px;
    }

    .upload-container {
        flex-direction: column;
        align-items: stretch;
    }
}
.live-support-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #6f42c1;
    color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    transition: all 0.3s ease;
}

.live-support-button:hover {
    background-color: #5936a4;
    transform: scale(1.05);
}

.icon-pulse {
    animation: pulse-animation 2s infinite;
    font-size: 24px;
}

@keyframes pulse-animation {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.responsive-tabs .rz-tabview-nav {
    overflow-x: auto !important;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    scrollbar-width: thin;
}

.responsive-tabs .rz-tabview-nav li {
    flex: 0 0 auto;
}
.responsive-tabs .rz-tabview-nav::-webkit-scrollbar {
    display: none;
}

/* Global modal mobile enhancements */
@media (max-width: 576px) {
  .modal-dialog {
    margin: 0 !important;
    max-width: 100vw !important;
    width: 100vw !important;
    height: 100vh !important;
  }
  .modal-content {
    border-radius: 0 !important;
    height: 100vh !important;
  }
  .modal-body {
    padding: 12px !important;
  }
  .modal-footer {
    flex-direction: column !important;
    gap: 8px !important;
  }
  .mobile-modal .rz-button,
  .mobile-modal .btn {
    width: 100% !important;
  }
  .mobile-modal .rz-datagrid,
  .mobile-modal table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* Cardified grid rows on mobile */
  .mobile-modal .rz-datagrid thead,
  .mobile-modal table thead {
    display: none !important;
  }
  .mobile-modal .rz-datagrid tbody tr,
  .mobile-modal table tbody tr {
    display: block;
    background: #2f3349;
    border: 1px solid #434968;
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 10px 12px;
  }
  .mobile-modal .rz-datagrid tbody tr td,
  .mobile-modal table tbody tr td {
    display: block;
    width: 100%;
    padding: 6px 0 !important;
    border: 0 !important;
  }
  .mobile-modal .row > [class^="col-"],
  .mobile-modal .row > [class*=" col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  /* Keep footer actions always visible on mobile */
  .mobile-modal {
    display: flex;
    flex-direction: column;
    height: 100vh !important;
  }
  .mobile-modal .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
  }
  .mobile-modal .modal-footer {
    position: sticky;
    bottom: 0;
    background: rgba(47, 51, 73, 0.95);
    backdrop-filter: saturate(120%) blur(4px);
    padding-top: 10px !important;
    padding-bottom: 12px !important;
    box-shadow: 0 -6px 10px rgba(0,0,0,0.25);
  }
  /* Footer actions - improved visual hierarchy */
  .mobile-modal .modal-footer .rz-button,
  .mobile-modal .modal-footer .btn{
    width: 100% !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    padding: 12px 14px !important;
  }
  /* First button (primary) */
  .mobile-modal .modal-footer .rz-button:first-child,
  .mobile-modal .modal-footer .btn.btn-primary{
    background: linear-gradient(135deg,#7367f0 0%,#9c88ff 100%) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(115,103,240,.35) !important;
  }
  /* Second button (secondary/outline) */
  .mobile-modal .modal-footer .rz-button:nth-child(2),
  .mobile-modal .modal-footer .btn.btn-light,
  .mobile-modal .modal-footer .btn.btn-outline{
    background: transparent !important;
    border: 1px solid #6b6f8c !important;
    color: #cfd3ec !important;
  }
  .mobile-modal .modal-footer .rz-button + .rz-button,
  .mobile-modal .modal-footer .btn + .btn{ margin-left: 0 !important; }
  .mobile-modal .modal-header{
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(47,51,73,.98);
    backdrop-filter: saturate(120%) blur(4px);
  }
  /* Touch targets & typography */
  .mobile-modal .form-label{ font-size: 0.95rem; }
  .mobile-modal .rz-dropdown .rz-inputtext,
  .mobile-modal .rz-textbox,
  .mobile-modal .rz-textarea,
  .mobile-modal .rz-numeric input,
  .mobile-modal .rz-datepicker .rz-inputtext,
  .mobile-modal input[type="text"],
  .mobile-modal input[type="email"],
  .mobile-modal input[type="tel"]{
    min-height: 44px; /* iOS zoom engelleme + rahat dokunma */
    font-size: 16px; 
  }
  .mobile-modal .rz-button{ min-height: 44px; font-size: 16px; }
  /* Tabs mobil scroll */
  .mobile-modal .responsive-tabs .rz-tabview-nav{ gap: 4px; }
  .mobile-modal .responsive-tabs .rz-tabview-nav li a{ padding: 8px 10px; font-size: 0.9rem; }
}