.panelLayout {
    position: relative;
    padding: 0;
    top: 0;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.panelLayoutMobil {
    position: relative;
    padding: 0;
    top: 0;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.panelRow {
    height: 100vh;
    overflow-y: auto;
    margin: 0 0 0 270px !important;
    transition: padding-left 0.3s ease;
}

.panelRowMobil {
    height: 100vh;
    overflow-y: auto;
    margin: 0 0 60px 0 !important;
}

.panelRowFull {
    height: 100vh;
    overflow-y: auto;
    margin: 0 0 0 0 !important;
    transition: padding-left 0.3s ease;
}


.panelMenuLogoDiv {
    height: 64px;
    position: relative;
    z-index: 9;
    transition: .4s ease all;
}

.gunduzModu .panelTabloBaslik {
    background-color: #7b869a
        /*#67747f*/
        /*#85898e */
        /*#888888 */
        /*#f0f0f0 */
        /*#007cd6*#1062de*/
        !important;
    color: #ededed
        /* #2b345f */
        !important;
    /*border-bottom: 1px solid rgba(0,0,0,.42)  !important;*/
    font-weight: bold;
}

.geceModu .panelTabloBaslik,
.panelTabloSayfalama {
    background-color: #616161 !important;
}

.gunduzModu .panelTabloSayfalama {
    background-color: #7b869a !important;
    color: #ededed;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    font-weight: bold;
}


.gunduzModu .panelTablo {
    /* border: 1px solid #d7d7d7 !important;*/
    border: 1px solid #7b869a24 !important;
    -webkit-box-shadow: 0px 2px 5px 2px #7b869a24
        /* rgba(0, 0, 0, .1) */
        !important;
    box-shadow: 0px 2px 5px 2px #7b869a24
        /* rgba(0, 0, 0, .1) */
        !important;

}

.geceModu .panelTablo {
    border: 1px solid #616161 !important;
    -webkit-box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, .1) !important;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, .1) !important;
}

.geceModu .panelMenuLogoDiv {
    border-bottom: 1px solid #818181;
}

.gunduzModu .panelMenuLogoDiv {
    border-bottom: 1px solid #ddd;
}

.panelMenuIcerik {
    font-weight: 500;
    letter-spacing: .2px;
    transition: .4s ease all;
    font-size:14px;
}

.panelModulIcerik {
    letter-spacing: .2px;
    transition: .4s ease all;
    font-family: "Segoe UI", 'Quicksand', sans-serif !important;
}

.panelModul {
    color: #a7acb2;
    text-transform: uppercase;
    font-size: 14px;
}

.panelMenuCard:hover {
    background: #dce9f3 !important;
}

.panelMenuLogoYazi {
    font-size: 30px;
    letter-spacing: 2px;
    vertical-align: middle;
    font-weight: 400 !important;
}

.gunduzModu .panelMenuLogoYazi {
    color: #5C6473;
}

.geceModu .panelMenuLogoYazi {
    color: #e0e0e0;
}

.gunduzModu .panelMenuUst {
    color: #192335;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.geceModu .panelMenuUst {
    color: #555656;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.gunduzModu .panelMenu,
.gunduzModu .panelYazi {
    color: #5C6473
        /*#444749*/
        /*#2b345f*/
    ;
}

.gunduzModu .panelMenuSecili {
    color: var(--tema-c2, #1062de);
}

.gunduzModu .panelMenuSecili {
    color: var(--tema-c2, #1062de);
}

.gunduzModu .panelIkinciRenk {
    color: #1062de;
}

.geceModu .panelMenu,
.geceModu .panelYazi {
    color: #e0e0e0;
}

.geceModu .panelMenuSecili {
    color: var(--tema-c2, #1062de) !important;
}

.geceModu .panelIkinciRenk {
    color: #1062de;
}


.geceModu .panelRow,
.geceModu .panelRowMobil {
    background-color: rgb(47, 47, 47) !important;
}

.panelContentMobil {
    height: calc(100% - 88px) !important;
    margin-top: 16px;
}

.panelContent {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.panelContent > .panelAltLayout {
    flex: 0 0 auto;
}

.panelIcerikRow {
    flex: 1 1 auto;
    min-height: 0;
}

.panelDiv {
    display: block;
    /* z-index: 1030; */
}

.panelUstIcerik 
{
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.06), 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}
.gunduzModu .panelUstIcerik
{
    background: #ffffff;
     border:1px solid #dcdcdc  !important;
}

.geceModu .panelUstIcerik
{
    background: #1e1e1e;
    border: 1px solid #454545 !important;
}

.panelDivMobil {
    height: 56px
        /*70px*/
    ;
    display: block;
    margin: 0 0 0 0;
    position: fixed;
    top: 0;
    /*z-index: 1030; */
    right: 0;
    left: 0;
}

.panelAltLayout {
    position: relative;
    padding: 0;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.panelAltLayoutMobil {
    position: relative;
    padding: 0;
    top: 0;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}


.panelAltDiv {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 120px;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.menuBack {
    /*background-image: linear-gradient(rgb(255 255 255 / 98%), rgb(255 255 255 / 95%), rgb(255 255 255 / 90%), rgb(245 251 255 / 85%)), url(https://demos.themeselection.com/chameleon-admin-template/html/ltr/vertical-modern-menu-template/app-assets/images/backgrounds/01.jpg) !important;*/
    /*background-image:linear-gradient(rgb(255 255 255), rgb(224 241 255 / 91%)), url(https://demos.themeselection.com/chameleon-admin-template/html/ltr/vertical-modern-menu-template/app-assets/images/backgrounds/04.jpg) !important;*/
    /*background-image:linear-gradient(rgba(255,255,255,0.88), rgba(255,255,255,0.88)),url("https://demos.themeselection.com/chameleon-admin-template/html/ltr/vertical-modern-menu-template/app-assets/images/backgrounds/05.jpg") !important;
    */
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.menuBackMobil {

    -webkit-box-shadow: 1px 0 30px rgba(0, 0, 0, .1) !important;
    box-shadow: 1px 0 30px rgba(0, 0, 0, .1) !important;
}

.gunduzModu .aciklamaKart {
    border-radius: 4px;
    background-color: #f0f0f0;
    color: #444749
        /*#2b345f*/
        !important;
    border: 2px solid #9494946b !important;
    /*1px solid rgba(0,0,0,.42)  !important;*/
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .1) !important;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .1) !important;
}

.geceModu .aciklamaKart {
    border-radius: 4px;
    background-color: #616161 !important;
}

.gunduzModu .secenekKart {
    border-radius: 10px;
    background-color: #f0f0f0;
    color: #444749
        /*#2b345f*/
        !important;
    border: 2px solid #9494946b !important;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.geceModu .secenekKart {
    border-radius: 10px;
    background-color: #616161 !important;
    border: 2px solid #2f2f2f !important;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.gunduzModu .secenekKartSecili {
    border-radius: 10px;
    color: #ffffff !important;
    border: 2px solid #6367656b !important;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}

.geceModu .secenekKartSecili {
    border-radius: 10px;
    border: 2px solid #6367656b !important;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all
}


.gunduzModu .menuBack {
    background-image: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), url("/img/panel/mercury/02.jpg");
}

.geceModu .menuBack {
    background-image: linear-gradient(#1e1e1e), url("/img/panel/mercury/02.jpg");
}

.transparent{
    background-color: transparent !important;
    background: none !important;
}

.cardTasarimWidget {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(62, 57, 107, .07);
    /* 0 1px 15px 1px rgba(62,57,107,.07);*/
    box-shadow: 0px 0px 5px 1px rgba(62, 57, 107, .07);
    /*0px 0px 15px 5px rgba(62,57,107,.07);*/
    border-radius: 10px;
}

.cardTasarimWidget:hover {
    z-index: 999;

    -webkit-box-shadow: 0 2px 20px 0px rgba(62, 57, 107, .1);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 2px 20px 0px rgba(62, 57, 107, .1)
}

.cardTasarimIcerik {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-box-shadow: rgba(76, 167, 239, 0.1) 1px 0px 1px !important;
    /* 0 1px 15px 1px rgba(62,57,107,.07);*/
    box-shadow: rgba(76, 167, 239, 0.1) 1px 0px 1px !important;
    border-radius: 10px !important;

}

.gunduzModu .cardTasarimWidget,
.gunduzModu .cardTasarimIcerik {
    border: 1px solid #dcdcdc 
        /* #cbcbcb */
        !important;
}

.geceModu .cardTasarimWidget,
.geceModu .cardTasarimIcerik {
    border: 1px solid #363636 !important;
}

.gunduzModu .cardTasarimWidgetBaslik,
.gunduzModu .cardTasarimWidgetSayi,
.gunduzModu .cardTasarimWidgetAltYazi,
.gunduzModu .cardTasarimIcerikBaslik {
    color: #5C6473;
}

.geceModu .cardTasarimWidgetBaslik,
.geceModu .cardTasarimWidgetSayi,
.geceModu .cardTasarimWidgetAltYazi,
.geceModu .cardTasarimIcerikBaslik {
    color: #e0e0e0;
}

.cardTasarimWidgetBaslik,
.cardTasarimIcerikBaslik {
    letter-spacing: 0.2px;
    font-weight: 500;
}

.cardTasarimWidgetAltYazi {
    letter-spacing: 0.2px;
    font-weight: 300;
}

.card_border {
    border: 1px solid #dddddd !important;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(62, 57, 107, .07);
    /* 0 1px 15px 1px rgba(62,57,107,.07);*/
    box-shadow: 0px 0px 5px 1px rgba(62, 57, 107, .07);
    border-radius: 6px;
}

.card_renk {
    border: 1.5px solid #dd6d6ddd !important;
    margin-left: 8px;
    margin-right: 8px;
}

.yaziGolgeUzun {
    text-shadow: rgba(0, 0, 0, 0.15) -2px 3px 5px;
    letter-spacing: 2px;
}

.renk2 {
    background: rgb(0, 100, 186);
    background: linear-gradient(90deg, rgba(0, 100, 186, 1) 25%, rgba(0, 124, 214, 1) 50%, rgba(33, 150, 243, 1) 75%);
}

.panel-topbar-wrap {
    position: fixed;
    top: 10px;
    right: 16px;
    z-index: 85;
    transition: left 0.3s ease;
}

.panel-topbar {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 14px;
    border-radius: 12px;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.simplebar-scrollbar::before {
    background-color: #aaa;
}

.satir_sigdir {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.v-tabs__div {
    text-transform: none !important;
}

/* ===== VUETIFY DARK THEME SUPPORT ===== */
/* Navigation Drawer */
.theme--dark .v-navigation-drawer {
    background-color: #1e1e1e !important;
}

.theme--dark .v-list-item__title,
.theme--dark .v-list-item__subtitle {
    color: #e0e0e0 !important;
}

.theme--dark .v-list-item--active .v-list-item__title {
    color: #1062de !important;
}

.theme--dark .v-subheader {
    color: #b0b0b0 !important;
}

/* Cards */
.theme--dark .v-card {
    background-color: #1e1e1e !important;
    border-color: #424242 !important;
}

.theme--dark .v-card__title,
.theme--dark .v-card__subtitle,
.theme--dark .v-card__text {
    color: #e0e0e0 !important;
}

/* Toolbars */
.theme--dark .v-toolbar {
    background-color: #252525 !important;
}

.theme--dark .v-toolbar__title {
    color: #e0e0e0 !important;
}

/* Data Tables */
.theme--dark .v-data-table {
    background-color: #1e1e1e !important;
}

.theme--dark .v-data-table thead th {
    background-color: #2d2d2d !important;
    color: #b0b0b0 !important;
    border-bottom: 1px solid #424242 !important;
}

.theme--dark .v-data-table tbody tr {
    background-color: #1e1e1e !important;
}

.theme--dark .v-data-table tbody tr:hover {
    background-color: #252525 !important;
}

.theme--dark .v-data-table tbody td {
    color: #e0e0e0 !important;
    border-bottom: 1px solid #383838 !important;
}

/* Text Fields & Inputs */
.theme--dark .v-text-field input,
.theme--dark .v-text-field textarea,
.theme--dark .v-select__selections {
    color: #e0e0e0 !important;
}

.theme--dark .v-text-field .v-label,
.theme--dark .v-select .v-label {
    color: #b0b0b0 !important;
}

.theme--dark .v-input__slot {
    background-color: #252525 !important;
}

/* Dialogs */
.theme--dark .v-dialog {
    background-color: #1e1e1e !important;
}

/* Tabs */
.theme--dark .v-tabs {
    background-color: #252525 !important;
}

.theme--dark .v-tab {
    color: #b0b0b0 !important;
}

.theme--dark .v-tab--active {
    color: #1062de !important;
}

/* App Background */
.theme--dark .v-application {
    background-color: #121212 !important;
}

.theme--dark .v-application .v-content {
    background-color: #121212 !important;
}

/* Menu Items */
.theme--dark .v-menu__content {
    background-color: #1e1e1e !important;
}

/* Sheets */
.theme--dark .v-sheet {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

/* ===== CRITICAL MISSING RULES ===== */

/* App Bar */
.theme--dark .v-app-bar,
.theme--dark .v-toolbar.v-app-bar {
    background-color: #252525 !important;
}

.theme--dark .v-app-bar .v-toolbar__content {
    background-color: #252525 !important;
}

/* Main Content Background */
.theme--dark .v-main,
.theme--dark .v-main__wrap,
.theme--dark .v-content,
.theme--dark .v-content__wrap {
    background-color: #121212 !important;
}

/* Page Background */
.theme--dark .v-application .v-main {
    background-color: #121212 !important;
}

/* Tabs Bar */
.theme--dark .v-tabs-bar,
.theme--dark .v-toolbar.v-tabs-bar {
    background-color: #252525 !important;
}

.theme--dark .v-tabs-items {
    background-color: #121212 !important;
}

/* Data Table Wrapper & Container */
.theme--dark .v-data-table__wrapper {
    background-color: #1e1e1e !important;
}

.theme--dark .v-data-table>.v-data-table__wrapper {
    background-color: #1e1e1e !important;
}

/* Pagination Footer */
.theme--dark .v-data-footer {
    background-color: #252525 !important;
    border-top: 1px solid #424242 !important;
    color: #b0b0b0 !important;
}

.theme--dark .v-data-footer__select,
.theme--dark .v-data-footer__pagination {
    color: #b0b0b0 !important;
}

/* Search/Text Fields in Toolbars */
.theme--dark .v-toolbar .v-text-field .v-input__slot {
    background-color: #1e1e1e !important;
}

.theme--dark .v-toolbar .v-text-field input {
    color: #e0e0e0 !important;
}

.theme--dark .v-toolbar .v-text-field .v-label {
    color: #b0b0b0 !important;
}

/* Cards within Lists/DataTables */
.theme--dark .v-list .v-card,
.theme--dark .v-data-table .v-card {
    background-color: #1e1e1e !important;
}

/* Autocomplete/Select Dropdowns */
.theme--dark .v-autocomplete .v-input__slot,
.theme--dark .v-select .v-input__slot {
    background-color: #252525 !important;
}

.theme--dark .v-autocomplete__content,
.theme--dark .v-select__content,
.theme--dark .v-menu__content .v-list {
    background-color: #1e1e1e !important;
}

/* Dividers */
.theme--dark .v-divider {
    border-color: #424242 !important;
}

/* Icons */
.theme--dark .v-icon {
    color: #b0b0b0 ;
}

.theme--dark .v-icon.primary--text {
    color: #1062de ;
}

/* Buttons */
.theme--dark .v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
    background-color: #2d2d2d !important;
}

/* Expansion Panels */
.theme--dark .v-expansion-panel {
    background-color: #1e1e1e !important;
}

.theme--dark .v-expansion-panel-header {
    background-color: #252525 !important;
    color: #e0e0e0 !important;
}

/* ===== RIGHT PANEL DARK MODE (SAG-PANEL) ===== */

/* Right Panel Container */
.theme--dark .sag-panel .v-card {
    background-color: #1e1e1e !important;
    border-color: #424242 !important;
}

/* Panel Header */
.theme--dark .sag-panel .pa-3[style*="border-bottom"][style*="background"] {
    background: linear-gradient(135deg, #2d2d2d 0%, #1e1e1e 100%) !important;
    border-bottom-color: #424242 !important;
}

/* Panel Tabs */
.theme--dark .sag-panel .v-tabs {
    background-color: #252525 !important;
}

.theme--dark .sag-panel .v-tab {
    color: #b0b0b0 !important;
}

.theme--dark .sag-panel .v-tab--active {
    color: #1062de !important;
}

/* Search Field in Panel */
.theme--dark .sag-panel .v-text-field {
    background-color: transparent !important;
}

.theme--dark .sag-panel .v-text-field .v-input__slot {
    background-color: #252525 !important;
    border-color: #424242 !important;
}

.theme--dark .sag-panel .v-text-field input {
    color: #e0e0e0 !important;
}

/* Panel Content Background */
.theme--dark .sag-panel .flex-grow-1[style*="background"] {
    background-color: #1e1e1e !important;
}

/* Tabs Items */
.theme--dark .sag-panel .v-tabs-items {
    background-color: transparent !important;
}

/* List Items */
.theme--dark .sag-panel .v-list {
    background-color: transparent !important;
}

.theme--dark .sag-panel .v-list-item {
    background-color: transparent !important;
}

.theme--dark .sag-panel .v-list-item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.theme--dark .sag-panel .v-list-item.primary {
    background-color: rgba(33, 150, 243, 0.15) !important;
}

.theme--dark .sag-panel .v-list-item__title {
    color: #e0e0e0 !important;
}

.theme--dark .sag-panel .v-list-item__subtitle {
    color: #b0b0b0 !important;
}

/* Havuz Item Specific */
.theme--dark .sinav-havuz-item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Empty State */
.theme--dark .sag-panel .text-center.grey--text {
    color: #b0b0b0 !important;
}

/* Avatar Backgrounds (already colored, just ensure visibility) */
.theme--dark .sag-panel .v-avatar {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Border Separators */
.theme--dark .sag-panel .pa-3[style*="border-bottom"],
.theme--dark .sag-panel .px-3[style*="border-bottom"] {
    border-bottom-color: #424242 !important;
}

/* Action Buttons Card & Content */
.theme--dark .sag-panel .pa-2,
.theme--dark .sag-panel .pa-3:not([style*="border-bottom"]) {
    background-color: transparent !important;
}

/* Nested Cards in Panel (Action Buttons Area) */
/* ===== GLOBAL SCROLLBAR DARK MODE ===== */
.theme--dark *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.theme--dark *::-webkit-scrollbar-track {
    background: #1e1e1e !important;
}

.theme--dark *::-webkit-scrollbar-thumb {
    background: #424242 !important;
    border: 2px solid #1e1e1e !important;
    border-radius: 10px;
}

.theme--dark *::-webkit-scrollbar-thumb:hover {
    background: #505050 !important;
}

/* Firefox support */
.theme--dark {
    scrollbar-width: thin;
    scrollbar-color: #424242 #1e1e1e;
}
/* ── KURUM_SEC Treeview (ks-agac) ───────────────────────── */
.ks-agac .v-treeview-node__root {
    min-height: 28px;
    padding-left: 6px;
    padding-right: 2px;
    overflow: hidden;
    max-width: 100%;
}
.ks-agac .v-treeview-node__toggle {
    order: 99;
    margin-left: auto;
    flex-shrink: 0;
}
.ks-agac .v-treeview-node__level {
    width: 10px;
}
.ks-agac .v-treeview-node__label {
    font-size: 0.8rem;
    min-width: 0;
    overflow: hidden;
}
.ks-agac__label {
    cursor: pointer;
    display: block;
    padding: 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ks-kurum-dialog {
    border-radius: 10px !important;
    overflow: hidden !important;
}

.ks-panel-border-r {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.ks-panel-border-t {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.ks-tablo-cerceve {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    overflow: hidden;
}

/* ── PAGE (ortak) ── */
.snv-page {
    max-width: 100%;
}

.snv-container {
    margin: 0 auto;
}

/* ── HERO (ortak) — sayfa içi hero; global header hero için bkz. .yd-hero ── */
.snv-hero {
    border-radius: 12px;
    padding: 14px 18px;
    background: linear-gradient(135deg, var(--tema-c1, #5b21b6) 0%, var(--tema-c2, #7c3aed) 45%, var(--tema-c3, #6d28d9) 100%);
    box-shadow: 0 12px 40px rgba(var(--tema-rgb, 124, 58, 237), 0.28);
}

.snv-hero__content {
    display: flex;
    align-items: center;
    gap: 18px;
}

.snv-hero__icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.22);
    flex-shrink: 0;
}

.snv-hero__title {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: -0.4px;
    margin: 0 0 6px;
    line-height: 1.2;
}

.snv-hero__subtitle {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.45;
}

/* ── CARDS (ortak) ── */
.snv-premium-card,
.snv-form-card {
    border-radius: 12px !important;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow:
        0 10px 40px rgba(15, 23, 42, 0.06),
        0 2px 10px rgba(15, 23, 42, 0.04) !important;
}

/* ── TOOLBAR (ortak) ── */
.snv-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.75);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.7), rgba(255, 255, 255, 0.4));
}

.snv-toolbar-head {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 220px;
}

.snv-toolbar-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(226, 232, 240, 0.9);
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 124, 58, 237), 0.1), rgba(var(--tema-rgb, 109, 40, 217), 0.14));
}

.snv-toolbar-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.3px;
}

.snv-toolbar-subtitle {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
}

.snv-toolbar-search {
    flex: 1 1 280px;
    min-width: 240px;
}

.snv-toolbar-search--wide {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.snv-toolbar-search--wide .snv-premium-input {
    flex: 1 1 220px;
    min-width: 200px;
}

.snv-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.snv-table-wrap {
    background: rgba(248, 250, 252, 0.35);
}

/* ── BUTTONS (ortak) ── */
.snv-btn {
    padding: 0 20px !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;
    text-transform: none !important;
    transition: all 0.22s ease;
}

.snv-btn--primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--tema-c2, #7c3aed) 0%, var(--tema-c3, #6d28d9) 100%) !important;
    box-shadow: 0 10px 22px rgba(var(--tema-rgb, 124, 58, 237), 0.22) !important;
}

.snv-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(var(--tema-rgb, 124, 58, 237), 0.30) !important;
}

.snv-btn--primary.v-btn--disabled,
.snv-btn--primary[disabled],
.snv-btn--success.v-btn--disabled,
.snv-btn--success[disabled],
.snv-btn--danger.v-btn--disabled,
.snv-btn--danger[disabled] {
    background: none !important;
    box-shadow: none !important;
}

.snv-btn--success {
    color: #ffffff !important;
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 10px 22px rgba(22, 163, 74, 0.20) !important;
}

.snv-btn--ghost {
    color: #64748b !important;
    background: rgba(241, 245, 249, 0.95) !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
}

.snv-btn--danger {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    box-shadow: 0 10px 22px rgba(239, 68, 68, 0.18) !important;
}

.snv-btn--danger-outlined {
    color: #dc2626 !important;
    background: rgba(254, 242, 242, 0.95) !important;
    border: 1px solid rgba(252, 165, 165, 0.6) !important;
}

.snv-action-btn {
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 124, 58, 237), 0.08), rgba(var(--tema-rgb, 109, 40, 217), 0.12)) !important;
    color: var(--tema-c3, #6d28d9) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    border: 1px solid rgba(var(--tema-rgb, 124, 58, 237), 0.14) !important;
}

.snv-action-btn .v-icon {
    color: var(--tema-c3, #6d28d9) !important;
}

/* ── FİLTRE (ortak) ── */
.snv-filter-badge {
    display: inline-flex;
    flex-shrink: 0;
}

.snv-filter-badge .v-badge__badge {
    border: 2px solid white !important;
}

.snv-filter-btn {
    height: 44px;
    padding: 0 18px !important;
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 79, 70, 229), 0.1), rgba(var(--tema-rgb, 67, 56, 202), 0.14)) !important;
    border: 1px solid rgba(var(--tema-rgb, 79, 70, 229), 0.2) !important;
    font-weight: 700 !important;
    text-transform: none !important;
    transition: all 0.22s ease;
}

.gunduzModu .snv-filter-btn {
    color: var(--tema-c2, #4338ca) !important;
}

.geceModu .snv-filter-btn {
    color: #b0b0b0 !important;
}

.snv-filter-btn:hover {
    transform: translateY(-1px);
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 79, 70, 229), 0.16), rgba(var(--tema-rgb, 67, 56, 202), 0.2)) !important;
}

.snv-filter-menu {
    border-radius: 20px !important;
    overflow: hidden;
}

.snv-filter-card {
    border-radius: 20px !important;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12) !important;
}

.snv-filter-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px 14px;
    border-bottom: 1px solid #f1f5f9;
    background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%);
}

.snv-filter-header__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(var(--tema-rgb, 79, 70, 229), 0.1);
    border: 1px solid rgba(var(--tema-rgb, 79, 70, 229), 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.snv-filter-header__title {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.snv-filter-header__desc {
    font-size: 0.78rem;
    color: #64748b;
    margin-top: 2px;
}

.snv-filter-label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 8px;
}

.snv-filter-body {
    padding: 16px 16px 8px !important;
}

.snv-filter-actions {
    padding: 12px 16px !important;
    border-top: 1px solid #f1f5f9;
    background: #fafbfc;
}

.snv-filter-apply-btn {
    height: 40px !important;
    padding: 0 20px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, var(--tema-c2, #7c3aed), var(--tema-c3, #6d28d9)) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: none !important;
    box-shadow: 0 4px 14px rgba(var(--tema-rgb, 124, 58, 237), 0.28) !important;
}

/* ── TABLE (ortak) ── */
.snv-data-table {
    border-radius: 18px !important;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.85);
    background: rgba(255, 255, 255, 0.85);
}

.snv-data-table thead th {
    background: #f8fafc !important;
    color: #334155 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95) !important;
    white-space: nowrap;
}

.snv-data-table tbody tr {
    transition: background-color 0.18s ease;
}

.snv-data-table tbody tr:hover {
    background: rgba(248, 250, 252, 0.95) !important;
}

.snv-data-table tbody td {
    color: #334155;
    font-size: 13px;
    border-bottom: 1px solid rgba(241, 245, 249, 0.95) !important;
    padding: 12px 10px !important;
}

.snv-cell-text {
    display: block;
    max-width: 420px;
    white-space: normal;
    line-height: 1.45;
}

.snv-cell-text--strong {
    font-weight: 700;
    color: #0f172a;
}

.snv-iletisim-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.snv-iletisim-satir,
.snv-iletisim-satir:visited,
a.snv-iletisim-satir,
a.snv-iletisim-satir:visited {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #334155 !important;
    max-width: 420px;
    white-space: nowrap;
    min-width: 0;
}

.snv-iletisim-satir .v-icon {
    flex-shrink: 0;
}

.snv-iletisim-satir .snv-cell-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.snv-iletisim-satir:hover .snv-cell-text {
    text-decoration: underline;
}

.snv-status-chip {
    font-weight: 700 !important;
    border-radius: 999px !important;
    letter-spacing: 0.2px;
}

.snv-status-chip--active {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #16a34a !important;
    border: 1px solid rgba(34, 197, 94, 0.2) !important;
}

.snv-status-chip--passive {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #dc2626 !important;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
}

.snv-action-cell {
    max-width: 150px;
    width: 150px;
}

.snv-action-list {
    border-radius: 14px !important;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12) !important;
}

/* ── PAGINATION (ortak) ── */
.snv-pagination-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.5), rgba(255, 255, 255, 0.8));
}

.snv-pagination-info {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

/* ── FORM (ortak) ── */
.snv-form-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(226, 232, 240, 0.75);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.85), rgba(255, 255, 255, 0.5));
}

.snv-form-header-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.snv-form-header-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 124, 58, 237), 0.12), rgba(var(--tema-rgb, 109, 40, 217), 0.18));
    border: 1px solid rgba(var(--tema-rgb, 124, 58, 237), 0.08);
}

.snv-form-header-icon--green {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.12), rgba(4, 120, 87, 0.18));
    border: 1px solid rgba(5, 150, 105, 0.12);
}

.snv-form-header-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
}

.snv-form-header-subtitle {
    margin-top: 4px;
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
}

.snv-form-body {
    background: rgba(248, 250, 252, 0.35);
    padding-top: 28px !important;
}

.snv-form-body > .v-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.snv-form-body > .v-row > .col,
.snv-form-body > .v-row > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.snv-form-aktif {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.snv-form-aktif .v-input__slot {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

.snv-aktif-body {
    padding: 14px 16px !important;
}

.snv-form-body > .snv-action-bar {
    margin-left: 0;
    margin-right: 0;
}

.snv-section-body {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 18px !important;
}

.snv-section-fields {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.snv-section-fields > .col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.snv-yetki-wrap {
    padding-top: 4px;
    border-top: 1px solid rgba(241, 245, 249, 0.95);
}

.snv-yetki-label {
    font-size: 13px;
    font-weight: 700;
    color: #475569;
    letter-spacing: 0.2px;
}

.snv-yetki-radio {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.snv-yetki-radio .v-input--radio-group__input {
    gap: 8px 20px;
}

.snv-yetki-radio-item .v-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #334155 !important;
}

/* Not: il/ilçe/okul ayrımı kapsam yönetiminde kullanılmıyordu (tek tip rozet),
   bu yüzden tema rengine bağlı tek bir ortak rozet stiline indirildi. */
.snv-yetki-chip {
    font-weight: 700 !important;
    border-radius: 999px !important;
    letter-spacing: 0.2px;
    background: rgba(var(--tema-rgb, 124, 58, 237), 0.12) !important;
    color: var(--tema-c2, #7c3aed) !important;
    border: 1px solid rgba(var(--tema-rgb, 124, 58, 237), 0.2) !important;
}

.snv-section-card {
    border-radius: 20px !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04) !important;
}

.snv-section-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px 14px;
    border-bottom: 1px solid rgba(241, 245, 249, 0.95);
}

.snv-section-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.snv-section-icon--indigo {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.10), rgba(67, 56, 202, 0.14));
}

.snv-section-icon--teal {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.10), rgba(15, 118, 110, 0.14));
}

.snv-section-icon--amber {
    background: linear-gradient(135deg, rgba(217, 119, 6, 0.10), rgba(180, 83, 9, 0.14));
}

.snv-section-icon--violet {
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 124, 58, 237), 0.10), rgba(var(--tema-rgb, 109, 40, 217), 0.14));
}

.snv-section-icon--blue {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.10), rgba(29, 78, 216, 0.14));
}

.snv-section-icon--orange {
    background: linear-gradient(135deg, rgba(234, 88, 12, 0.10), rgba(194, 65, 12, 0.14));
}

.snv-section-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.snv-section-subtitle {
    margin-top: 2px;
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
}

.snv-chip {
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 124, 58, 237), 0.12), rgba(var(--tema-rgb, 109, 40, 217), 0.16)) !important;
    color: var(--tema-c3, #6d28d9) !important;
    font-weight: 600 !important;
    border: 1px solid rgba(var(--tema-rgb, 124, 58, 237), 0.14) !important;
}

.snv-switch-wrap {
    padding: 8px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(226, 232, 240, 0.9);
}

.snv-switch-label {
    font-weight: 700;
    color: #334155;
    font-size: 14px;
}

.snv-form-alert {
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.snv-action-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    border-top: 1px solid rgba(226, 232, 240, 0.75);
}

/* ── DIALOGS (ortak) ── */
.snv-dialog-card {
    border-radius: 12px !important;
    overflow: hidden;
    border:none;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14) !important;
}

.snv-dialog-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 20px 0;
}

.snv-dialog-header__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(254, 242, 242, 0.95);
    border: 1px solid rgba(252, 165, 165, 0.4);
}

.snv-dialog-header__title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
}

.snv-dialog-header__desc {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
}

.snv-dialog-body {
    padding: 20px !important;
    font-size: 14px;
    color: #475569;
    line-height: 1.55;
}

.snv-dialog-name {
    color: #0f172a;
}

.snv-dialog-actions {
    padding: 16px 20px !important;
    background: rgba(248, 250, 252, 0.85);
    border-top: 1px solid rgba(226, 232, 240, 0.75);
}

/* ── Dialog Hero — .snv-dialog-card'ın ilk çocuğu olarak kullanılır, kartın
   kendi border-radius + overflow:hidden'ı üst köşeleri otomatik keser. ── */
.snv-dialog-hero {
    position: relative;
    overflow: hidden;
    padding: 8px 16px;
    background: linear-gradient(135deg, var(--tema-c1, #5b21b6) 0%, var(--tema-c2, #7c3aed) 45%, var(--tema-c3, #6d28d9) 100%);
}

.snv-dialog-hero::before {
    content: "";
    position: absolute;
    top: -50px;
    right: -50px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(rgba(255, 255, 255, 0.14), transparent 70%);
    pointer-events: none;
}

.snv-dialog-hero::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 10%;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(rgba(255, 255, 255, 0.08), transparent 70%);
    pointer-events: none;
}

.snv-dialog-hero__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    z-index: 1;
}

.snv-dialog-hero__left {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.snv-dialog-hero__icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.snv-dialog-hero__title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.25;
    margin-bottom: 2px;
}

.snv-dialog-hero__subtitle {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
}

.snv-loading-dialog {
    border-radius: 20px !important;
    background: linear-gradient(135deg, var(--tema-c1, #5b21b6) 0%, var(--tema-c2, #7c3aed) 100%) !important;
    box-shadow: 0 20px 45px rgba(var(--tema-rgb, 91, 33, 182), 0.35) !important;
}

.snv-loading-text {
    font-size: 0.9rem;
    font-weight: 500;
    opacity: 0.92;
}

/* ── ORTAK YÜKLENİYOR DIALOG (islemYukleniyorModal) —
   yonetim_layout/script.volt + layouts/template.volt'ta kullanılır.
   .snv-loading-dialog / .snv-dialog-hero ile aynı dil: tema gradyanı,
   camsı ikon çipi, radial süsleme. Tema değişkenleri #app.tema-N'den gelir. ── */
.v-dialog.snv-yukleniyor-dialog {
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0 14px 36px rgba(var(--tema-rgb, 91, 33, 182), 0.26) !important;
}

.snv-yukleniyor-kart {
    position: relative;
    overflow: hidden;
    padding: 20px 22px 22px;
    background: linear-gradient(135deg, var(--tema-c1, #5b21b6) 0%, var(--tema-c2, #7c3aed) 55%, var(--tema-c3, #6d28d9) 100%);
}

.snv-yukleniyor-kart::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(rgba(255, 255, 255, 0.16), transparent 70%);
    pointer-events: none;
}

.snv-yukleniyor-kart::after {
    content: "";
    position: absolute;
    bottom: -70px;
    left: -40px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(rgba(255, 255, 255, 0.08), transparent 70%);
    pointer-events: none;
}

.snv-yukleniyor-kart__icerik {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.snv-yukleniyor-kart__ikon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.snv-yukleniyor-kart__baslik {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    overflow-wrap: break-word;
}

.snv-yukleniyor-kart__alt {
    font-size: 12px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.4;
    margin-top: 2px;
}

.snv-yukleniyor-kart__bar {
    position: relative;
    z-index: 1;
    height: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    overflow: hidden;
    margin-top: 16px;
}

.snv-yukleniyor-kart__bar-dolgu {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 38%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.55), #ffffff);
    animation: snvYukleniyorAkis 1.15s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

@keyframes snvYukleniyorAkis {
    0%   { left: -40%; }
    100% { left: 105%; }
}

.snv-snackbar {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    border-left: 5px solid #14532d;
    min-width: 300px;
}

/* ── INPUTS (ortak) ── */
.snv-page .snv-premium-input.v-text-field--outlined .v-input__slot,
.snv-filter-menu .snv-premium-input.v-text-field--outlined .v-input__slot,
.snv-dialog-card .snv-premium-input.v-text-field--outlined .v-input__slot,
.snv-page .snv-premium-input.v-autocomplete .v-input__slot,
.snv-filter-menu .snv-premium-input.v-autocomplete .v-input__slot,
.snv-dialog-card .snv-premium-input.v-autocomplete .v-input__slot {
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
    padding-left: 14px !important;
    padding-right: 10px !important;
}

.snv-page .snv-premium-input fieldset,
.snv-filter-menu .snv-premium-input fieldset,
.snv-dialog-card .snv-premium-input fieldset {
    border-color: #94a3b8 !important;
    border-width: 1px !important;
    border-radius: 999px !important;
    transition: border-color 0.22s ease, border-width 0.22s ease !important;
}

.snv-page .snv-premium-input:hover fieldset,
.snv-filter-menu .snv-premium-input:hover fieldset,
.snv-dialog-card .snv-premium-input:hover fieldset {
    border-color: #64748b !important;
}

.snv-page .snv-premium-input.v-input--is-focused fieldset,
.snv-filter-menu .snv-premium-input.v-input--is-focused fieldset,
.snv-dialog-card .snv-premium-input.v-input--is-focused fieldset {
    border-color: var(--tema-c2, #7c3aed) !important;
    border-width: 2px !important;
}

.snv-page .snv-premium-input.v-input--is-focused .v-input__slot,
.snv-filter-menu .snv-premium-input.v-input--is-focused .v-input__slot,
.snv-dialog-card .snv-premium-input.v-input--is-focused .v-input__slot {
    box-shadow: 0 0 0 3px rgba(var(--tema-rgb, 124, 58, 237), 0.1) !important;
}

.snv-page .snv-premium-input .v-label,
.snv-filter-menu .snv-premium-input .v-label,
.snv-dialog-card .snv-premium-input .v-label {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

.snv-page .snv-premium-input .v-label--active,
.snv-filter-menu .snv-premium-input .v-label--active,
.snv-dialog-card .snv-premium-input .v-label--active {
    color: var(--tema-c2, #7c3aed) !important;
    font-weight: 700 !important;
    background: #ffffff !important;
    padding: 0 8px !important;
    border-radius: 6px;
}

.snv-page .snv-premium-input .v-input__prepend-inner .v-icon,
.snv-filter-menu .snv-premium-input .v-input__prepend-inner .v-icon,
.snv-dialog-card .snv-premium-input .v-input__prepend-inner .v-icon {
    color: #94a3b8 !important;
    font-size: 18px !important;
}

.snv-page .snv-premium-input.v-input--is-focused .v-input__prepend-inner .v-icon,
.snv-filter-menu .snv-premium-input.v-input--is-focused .v-input__prepend-inner .v-icon,
.snv-dialog-card .snv-premium-input.v-input--is-focused .v-input__prepend-inner .v-icon {
    color: var(--tema-c2, #7c3aed) !important;
}

.snv-page .snv-premium-input input,
.snv-filter-menu .snv-premium-input input,
.snv-dialog-card .snv-premium-input input {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

/* Vuetify, color prop verilmeyen alanlarda etiket/ikon için kendi "primary"
   temasını (.primary--text) otomatik uygular; panel temasıyla çakışmaması için
   ezilir. */
.snv-page .snv-premium-input .primary--text,
.snv-filter-menu .snv-premium-input .primary--text,
.snv-dialog-card .snv-premium-input .primary--text {
    color: var(--tema-c2, #7c3aed) !important;
    caret-color: var(--tema-c2, #7c3aed) !important;
}

.snv-kurum-filtre-input .v-input__slot,
.snv-kurum-filtre-input input {
    cursor: pointer !important;
}

/* v-date-picker, panel temasıyla uyumlu (v-menu/v-dialog içinde kullanılan her tarih seçici) */
.snv-page .v-picker__title,
.snv-filter-menu .v-picker__title,
.snv-dialog-card .v-picker__title {
    background: linear-gradient(135deg, var(--tema-c1, #5b21b6) 0%, var(--tema-c2, #7c3aed) 45%, var(--tema-c3, #6d28d9) 100%) !important;
}

.snv-page .v-date-picker-table .v-btn--active,
.snv-filter-menu .v-date-picker-table .v-btn--active,
.snv-dialog-card .v-date-picker-table .v-btn--active {
    background-color: var(--tema-c2, #7c3aed) !important;
    border-color: var(--tema-c2, #7c3aed) !important;
}

/* ───────────────────────────────────────────────────────────
   RAPOR SAYFALARI (ortak, snv-*) — sekme/tab seçici, sayım rozeti,
   durum pill'leri, tablo hücre yardımcıları. talep_raporlari gibi
   filtre+tablo ağırlıklı rapor sayfaları için.
   ─────────────────────────────────────────────────────────── */
.snv-tab-chips .v-slide-group__content {
    gap: 10px;
    flex-wrap: wrap;
}

.snv-tab-chip {
    height: 44px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.15px;
    border: 1.5px solid rgba(226, 232, 240, 0.95) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    color: #64748b !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.22s ease;
}

.snv-tab-chip .v-icon {
    color: #94a3b8 !important;
    transition: color 0.22s ease;
}

.snv-tab-chip::before {
    opacity: 0 !important;
}

.snv-tab-chip:hover:not(.snv-tab-chip--active) {
    border-color: rgba(var(--tema-rgb, 124, 58, 237), 0.35) !important;
    color: var(--tema-c2, #7c3aed) !important;
    box-shadow: 0 4px 12px rgba(var(--tema-rgb, 124, 58, 237), 0.08) !important;
    transform: translateY(-1px);
}

.snv-tab-chip:hover:not(.snv-tab-chip--active) .v-icon {
    color: var(--tema-c2, #7c3aed) !important;
}

.snv-tab-chip--active,
.snv-tab-chips .v-chip--active.snv-tab-chip {
    background: linear-gradient(135deg, var(--tema-c2, #7c3aed) 0%, var(--tema-c3, #6d28d9) 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(var(--tema-rgb, 124, 58, 237), 0.28) !important;
    transform: translateY(-1px);
}

.snv-tab-chip--active .v-icon {
    color: #ffffff !important;
}

.snv-chip-more {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--tema-c2, #4338ca);
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 67, 56, 202), 0.12), rgba(var(--tema-rgb, 67, 56, 202), 0.18));
    padding: 3px 10px;
    border-radius: 999px;
    margin-left: 4px;
    white-space: nowrap;
    border: 1px solid rgba(var(--tema-rgb, 67, 56, 202), 0.18);
    letter-spacing: 0.02em;
}

.snv-btn--icon {
    min-width: 44px !important;
    width: 44px !important;
    padding: 0 !important;
}

.snv-cell-text--muted {
    font-size: 0.78rem;
    color: #64748b;
    line-height: 1.45;
}

.snv-cell-stack {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 4px 0;
    line-height: 1.4;
}

.snv-stat-text {
    font-weight: 600;
    color: #475569;
}

.snv-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    padding: 4px 12px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    border: 1px solid transparent;
}

.snv-count-badge--active {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    color: #047857;
    border-color: rgba(5, 150, 105, 0.18);
}

.snv-count-badge--empty {
    background: linear-gradient(180deg, #f8fafc, #f1f5f9);
    color: #94a3b8;
    border-color: #e2e8f0;
}

.snv-count-badge--lg {
    min-width: 48px;
    padding: 7px 16px;
    font-size: 0.95rem;
    line-height: 1.2;
}

.snv-status-chip--warning {
    background: rgba(234, 88, 12, 0.12) !important;
    color: #c2410c !important;
    border: 1px solid rgba(234, 88, 12, 0.18) !important;
}

.snv-status-chip--info {
    background: rgba(37, 99, 235, 0.12) !important;
    color: #1d4ed8 !important;
    border: 1px solid rgba(37, 99, 235, 0.18) !important;
}

.snv-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
}

.snv-status-icon--yes {
    background: #ecfdf5;
}

.snv-status-icon--no {
    background: #f8fafc;
}

.snv-stat-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 6px 8px;
    min-width: 120px;
}

.snv-stat-cell__amount {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.snv-stat-cell__status {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}

/* ───────────────────────────────────────────────────────────
   FORM/LİSTE SAYFALARI (ortak, snv-*) — talepler gibi liste+form+
   adres/onay dialog'ları olan sayfalar için. snv-toolbar-icon'a
   sabit renk varyantları, soft action butonları, iş akışı durum
   rozetleri, adres kartı, bilgi listesi, seçenek kartı, dialog
   header renk varyantları.
   ─────────────────────────────────────────────────────────── */
.snv-toolbar-icon--blue {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(29, 78, 216, 0.14));
}

.snv-toolbar-icon--green {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.1), rgba(21, 128, 61, 0.14));
}

.snv-toolbar-icon--purple {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(109, 40, 217, 0.14));
}

.snv-action-btn--outline {
    background: #ffffff !important;
}

.snv-action-btn--warning {
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.95), rgba(255, 255, 255, 0.98)) !important;
    color: #ea580c !important;
    border: 1px solid rgba(234, 88, 12, 0.35) !important;
}

.snv-action-btn--warning:hover {
    background: linear-gradient(135deg, rgba(255, 237, 213, 0.95), rgba(255, 255, 255, 0.98)) !important;
}

.snv-action-btn--warning .v-icon {
    color: #ea580c !important;
}

.snv-action-btn--danger {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.08), rgba(220, 38, 38, 0.12)) !important;
    color: #dc2626 !important;
    border: 1px solid rgba(239, 68, 68, 0.16) !important;
}

.snv-action-btn--danger .v-icon {
    color: #dc2626 !important;
}

.snv-btn--lg {
    height: 54px !important;
    font-size: 15px !important;
}

/* iş akışı durum rozetleri (workflow status) — snv-status-chip'in
   aktif/pasif (boolean) varyantlarının yanına, çok durumlu süreçler
   için (örn. talep durumu: açık/onay bekliyor/onaylandı/kargo/iptal). */
.snv-status-chip--acik,
.snv-status-chip--onay_bekliyor {
    background: rgba(245, 158, 11, 0.10) !important;
    color: #d97706 !important;
    border-color: rgba(245, 158, 11, 0.18) !important;
}

.snv-status-chip--onaylandi,
.snv-status-chip--tamamlandi {
    background: rgba(34, 197, 94, 0.10) !important;
    color: #16a34a !important;
    border-color: rgba(34, 197, 94, 0.18) !important;
}

.snv-status-chip--kargo {
    background: rgba(59, 130, 246, 0.10) !important;
    color: #2563eb !important;
    border-color: rgba(59, 130, 246, 0.18) !important;
}

.snv-status-chip--iptal,
.snv-status-chip--red {
    background: rgba(239, 68, 68, 0.10) !important;
    color: #dc2626 !important;
    border-color: rgba(239, 68, 68, 0.18) !important;
}

.snv-stat-chip {
    font-weight: 700 !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
}

.snv-stat-chip--orange {
    background: rgba(245, 158, 11, 0.10) !important;
    color: #d97706 !important;
    border-color: rgba(245, 158, 11, 0.18) !important;
}

.snv-stat-chip--blue {
    background: rgba(59, 130, 246, 0.10) !important;
    color: #2563eb !important;
    border-color: rgba(59, 130, 246, 0.18) !important;
}

.snv-count-chip {
    font-weight: 700 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 37, 99, 235), 0.10), rgba(var(--tema-rgb, 29, 78, 216), 0.14)) !important;
    color: var(--tema-c3, #1d4ed8) !important;
    border: 1px solid rgba(var(--tema-rgb, 37, 99, 235), 0.12) !important;
}

/* adres/konum özet kartı — tıklanabilir, sabit turuncu (kategori rengi) */
.snv-address-card {
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.95), rgba(255, 255, 255, 0.98)) !important;
    border: 1px solid rgba(251, 146, 60, 0.22) !important;
    transition: all 0.22s ease;
    overflow: hidden;
}

.snv-address-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(234, 88, 12, 0.10);
}

.snv-address-card__inner {
    display: flex;
    align-items: center;
    gap: 14px;
}

.snv-address-card__icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(135deg, rgba(234, 88, 12, 0.10), rgba(194, 65, 12, 0.14));
}

.snv-address-card__body {
    flex: 1;
    min-width: 0;
}

.snv-address-card__title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.4;
}

.snv-address-card__text {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.45;
}

.snv-address-card__chevron {
    flex-shrink: 0;
}

.snv-address-block__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.snv-address-block__label {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    letter-spacing: 0.1px;
}

/* bilgi listesi — etiket/değer satırları (özet kartlarda) */
.snv-info-list {
    display: flex;
    flex-direction: column;
}

.snv-info-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(241, 245, 249, 0.95);
}

.snv-info-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.snv-info-label {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    flex-shrink: 0;
}

.snv-info-value {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    line-height: 1.45;
    max-width: 62%;
}

.snv-info-value--accent {
    color: var(--tema-c2, #4338ca);
}

.snv-preview-img {
    border-radius: 16px !important;
    border: 1px solid rgba(226, 232, 240, 0.9);
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

/* seçenek kartı — checkbox'ı kart/pill görünümünde sunan seçim deseni */
.snv-option-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 4px;
}

.snv-option-card {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1.5px solid #e2e8f0;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 0;
    user-select: none;
}

.snv-option-card--wide {
    grid-column: 1 / -1;
}

.snv-option-card:hover {
    border-color: rgba(var(--tema-rgb, 124, 58, 237), 0.4);
    background: rgba(var(--tema-rgb, 124, 58, 237), 0.05);
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(var(--tema-rgb, 124, 58, 237), 0.1);
}

.snv-option-card--active {
    border-color: var(--tema-c2, #7c3aed) !important;
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 124, 58, 237), 0.12), rgba(var(--tema-rgb, 109, 40, 217), 0.16)) !important;
    box-shadow: 0 3px 12px rgba(var(--tema-rgb, 124, 58, 237), 0.15) !important;
}

.snv-option-card__label {
    font-size: 0.78rem;
    font-weight: 600;
    color: #334155;
    line-height: 1.3;
}

.snv-option-card--active .snv-option-card__label {
    color: var(--tema-c3, #6d28d9);
}

.snv-option-check {
    flex-shrink: 0;
    pointer-events: auto;
}

.snv-option-check .v-input--selection-controls__input {
    margin-right: 0 !important;
}

@media (max-width: 600px) {
    .snv-option-grid {
        grid-template-columns: 1fr;
    }
}

/* iki (veya daha fazla) seçenek arasında karşılıklı dışlayan, büyük
   tıklanabilir kart seçimi — örn. "Kurumsal / Bireysel" fatura türü. */
.snv-type-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.snv-type-card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #64748b;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}

.snv-type-card:hover {
    border-color: rgba(var(--tema-rgb, 124, 58, 237), 0.35);
    background: rgba(var(--tema-rgb, 124, 58, 237), 0.05);
}

.snv-type-card--active {
    background: linear-gradient(135deg, rgba(var(--tema-rgb, 124, 58, 237), 0.10), rgba(var(--tema-rgb, 109, 40, 217), 0.14)) !important;
    border-color: var(--tema-c2, #7c3aed) !important;
    color: var(--tema-c3, #6d28d9) !important;
    box-shadow: 0 4px 14px rgba(var(--tema-rgb, 124, 58, 237), 0.12);
}

@media (max-width: 600px) {
    .snv-type-grid {
        grid-template-columns: 1fr;
    }
}

/* dialog header renk varyantları — .snv-dialog-header__icon varsayılan
   kırmızı (silme uyarısı); bu varyantlar başka amaçlı dialog'lar için. */
.snv-dialog-header__icon--warning {
    background: rgba(255, 251, 235, 0.95);
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.snv-dialog-header__icon--delivery {
    background: linear-gradient(135deg, rgba(234, 88, 12, 0.12), rgba(194, 65, 12, 0.16));
    border: 1px solid rgba(234, 88, 12, 0.12);
}

.snv-dialog-header__icon--invoice {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.10), rgba(29, 78, 216, 0.14));
    border: 1px solid rgba(37, 99, 235, 0.10);
}

/* textarea girişi — snv-premium-input ile aynı dilde ama çok satırlı */
.snv-page .snv-premium-input.snv-premium-input--textarea.v-text-field--outlined .v-input__slot,
.snv-filter-menu .snv-premium-input.snv-premium-input--textarea.v-text-field--outlined .v-input__slot,
.snv-dialog-card .snv-premium-input.snv-premium-input--textarea.v-text-field--outlined .v-input__slot {
    min-height: 88px !important;
    border-radius: 16px !important;
    align-items: flex-start !important;
    padding-top: 12px !important;
}

.snv-page .snv-premium-input.snv-premium-input--textarea.v-text-field--outlined fieldset,
.snv-filter-menu .snv-premium-input.snv-premium-input--textarea.v-text-field--outlined fieldset,
.snv-dialog-card .snv-premium-input.snv-premium-input--textarea.v-text-field--outlined fieldset {
    border-radius: 16px !important;
}

.snv-page .snv-premium-input.snv-premium-input--textarea .v-input__prepend-inner,
.snv-filter-menu .snv-premium-input.snv-premium-input--textarea .v-input__prepend-inner,
.snv-dialog-card .snv-premium-input.snv-premium-input--textarea .v-input__prepend-inner {
    align-self: flex-start;
    padding-top: 4px;
}

.snv-page .snv-premium-input.snv-premium-input--textarea .v-counter,
.snv-filter-menu .snv-premium-input.snv-premium-input--textarea .v-counter,
.snv-dialog-card .snv-premium-input.snv-premium-input--textarea .v-counter {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

/* ───────────────────────────────────────────────────────────
   ÖĞRENCİ/LİSTE EK BİLEŞENLER (ortak, snv-*) — sube_ogrenci ile
   birlikte eklendi: toolbar içi sayaç rozetleri, banner uyarı,
   tablo hücresi kategori etiketi, switch ile açılan alt-panel.
─────────────────────────────────────────────────────────── */
.snv-stat-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(var(--tema-rgb, 79, 70, 229), 0.08);
    border: 1px solid rgba(var(--tema-rgb, 79, 70, 229), 0.22);
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--tema-c2, #4338ca);
}

.snv-stat-badge--limit-warn {
    background: linear-gradient(135deg, #fffbeb, #fef3c7) !important;
    border-color: #fcd34d !important;
    color: #b45309 !important;
}

.snv-stat-badge--limit-full {
    background: linear-gradient(135deg, #fef2f2, #fff1f2) !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

.snv-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, #fff1f2, #fef2f2);
    border: 1px solid #fecaca;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.snv-notice--warning {
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
    border-color: #fde68a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.snv-notice__icon-wrap {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.snv-notice__icon-wrap--danger {
    background: rgba(220, 38, 38, 0.1);
}

.snv-notice__icon-wrap--warning {
    background: rgba(217, 119, 6, 0.12);
}

.snv-notice__content {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 10px;
    min-width: 0;
    line-height: 1.35;
}

.snv-notice__title {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #991b1b;
    white-space: nowrap;
}

.snv-notice--warning .snv-notice__title {
    color: #92400e;
}

.snv-notice__text {
    font-size: 0.76rem;
    font-weight: 500;
    color: #b91c1c;
}

.snv-notice--warning .snv-notice__text {
    color: #b45309;
}

.snv-notice__text strong {
    font-weight: 800;
}

.snv-tag-chip {
    display: inline-block;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.78rem;
    line-height: 1.3;
    white-space: nowrap;
}

.snv-tag-chip--green {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.snv-tag-chip--indigo {
    background: #eef2ff;
    color: #4338ca;
    border: 1px solid #c7d2fe;
}

.snv-autofill-trap {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    border: 0;
    padding: 0;
    pointer-events: none;
}

.snv-toggle-panel {
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.85), rgba(255, 255, 255, 0.95));
    padding: 16px 18px;
}

.snv-toggle-panel__label {
    font-weight: 700;
    color: var(--tema-c2, #0f766e);
    font-size: 14px;
}

.snv-toggle-panel__desc {
    margin-top: 8px;
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
}

.snv-toggle-panel__fields {
    margin-top: 14px;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 0;
}

.snv-toggle-panel__fields > .col,
.snv-toggle-panel__fields > [class*="col-"] {
    padding: 0 8px;
}

.snv-toggle-panel__fields .snv-premium-input.v-input {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.snv-dialog-header__icon--primary {
    background: rgba(var(--tema-rgb, 79, 70, 229), 0.1);
    border: 1px solid rgba(var(--tema-rgb, 79, 70, 229), 0.25);
}

/* ───────────────────────────────────────────────────────────
   GECE MODU (ortak, snv-*) — Vuetify'ın kendi dark teması
   (.$vuetify.theme.dark, footer.volt) zaten devrede, ama snv-*
   bileşenleri kendi hardcoded açık renklerini (!important) bastığı
   için Vuetify'ın dark temasını görmüyor. Burada SADECE o hardcoded
   renklerin .geceModu karşılığı tanımlanır — tek nokta, tüm snv-*
   sayfaları (kullanici, bolgeler, ...) otomatik kapsar.
   ─────────────────────────────────────────────────────────── */

/* yd-hero (üst bar, menu.volt) içindeki Vue `color` prop'larının
   (CSS class değil) tek noktadan tema/mod'a göre değişmesi için. */
#app.gunduzModu {
    --yd-icon-muted: #64748b;
}

#app.geceModu {
    --yd-icon-muted: #94a3b8;
}

.geceModu .yd-hero__user-card {
    background: #1e1e1e;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.geceModu .yd-hero__user-name {
    color: #ededed;
}

.geceModu .yd-hero__user-role {
    color: #a0a0a0;
}

.geceModu .yd-hero__title {
    color: #ffffffbf !important;
}

.geceModu .snv-premium-card,
.geceModu .snv-form-card {
    background: linear-gradient(180deg, #1e1e1e 0%, #232323 100%);
    border-color: #3a3a3a;
    box-shadow:
        0 10px 40px rgba(0, 0, 0, 0.45),
        0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

.geceModu .snv-toolbar,
.geceModu .snv-form-header {
    border-bottom-color: #3a3a3a;
    background: linear-gradient(180deg, rgba(38, 38, 38, 0.7), rgba(30, 30, 30, 0.4));
}

.geceModu .snv-toolbar-icon,
.geceModu .snv-form-header-icon {
    border-color: #3a3a3a;
}

.geceModu .snv-toolbar-title,
.geceModu .snv-form-header-title,
.geceModu .snv-section-title,
.geceModu .snv-dialog-header__title,
.geceModu .snv-dialog-name,
.geceModu .snv-cell-text--strong,
.geceModu .snv-filter-header__title {
    color: #b0b0b0 !important;
}

.geceModu .snv-toolbar-subtitle,
.geceModu .snv-form-header-subtitle,
.geceModu .snv-section-subtitle,
.geceModu .snv-dialog-header__desc,
.geceModu .snv-pagination-info,
.geceModu .snv-yetki-label,
.geceModu .snv-filter-header__desc,
.geceModu .snv-filter-label {
    color: #a0a0a0 !important;
}

.geceModu .snv-table-wrap,
.geceModu .snv-form-body {
    background: rgba(255, 255, 255, 0.02);
}

.geceModu .ks-panel-border-r,
.geceModu .ks-panel-border-t,
.geceModu .ks-tablo-cerceve {
    border-color: rgba(255, 255, 255, 0.12);
}

.geceModu .snv-btn--ghost {
    color: #cbd5e1 !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.geceModu .snv-btn--primary {
    color: #ffffffbf !important;
    background: linear-gradient(135deg, var(--tema-c2, #7c3aed) 0%, var(--tema-c3, #6d28d9) 100%) !important;
    box-shadow: 0 10px 22px rgba(var(--tema-rgb, 124, 58, 237), 0.22) !important;
}

.geceModu .snv-btn--primary .v-icon {
    color: #ffffffbf !important;
}

.geceModu .snv-btn--success {
    color: #ffffffbf !important;
    background: linear-gradient(135deg, #16a34a, #15803d) !important;
    box-shadow: 0 10px 22px rgba(22, 163, 74, 0.20) !important;
}

.geceModu .snv-btn--success .v-icon {
    color: #ffffffbf !important;
}

.geceModu .snv-data-table {
    border-color: #3a3a3a;
    background: rgba(255, 255, 255, 0.02);
}

.geceModu .snv-data-table thead th {
    background: #262626 !important;
    color: #cbd5e1 !important;
    border-bottom-color: #3a3a3a !important;
}

.geceModu .snv-data-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

.geceModu .snv-data-table tbody td {
    color: #d4d4d4;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.geceModu .snv-iletisim-satir,
.geceModu .snv-iletisim-satir:visited,
.geceModu a.snv-iletisim-satir,
.geceModu a.snv-iletisim-satir:visited {
    color: #d4d4d4 !important;
}

.geceModu .snv-action-list {
    border-color: #3a3a3a;
}

.geceModu .snv-pagination-bar {
    background: linear-gradient(180deg, rgba(38, 38, 38, 0.5), rgba(30, 30, 30, 0.8));
}

.geceModu .snv-section-card {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: #3a3a3a !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

.geceModu .snv-section-header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.geceModu .snv-yetki-wrap {
    border-top-color: rgba(255, 255, 255, 0.08);
}

.geceModu .snv-yetki-radio-item .v-label {
    color: #d4d4d4 !important;
}

.geceModu .snv-switch-wrap {
    background: rgba(255, 255, 255, 0.04);
    border-color: #3a3a3a;
}

.geceModu .snv-switch-label {
    color: #d4d4d4;
}

.geceModu .snv-action-bar {
    border-top-color: #3a3a3a;
}

.geceModu .snv-dialog-card {
    border-color: #3a3a3a;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

.geceModu .snv-dialog-body {
    color: #b8b8b8;
}

.geceModu .snv-dialog-actions {
    background: rgba(255, 255, 255, 0.03);
    border-top-color: #3a3a3a;
}

.geceModu .snv-filter-card {
    background: linear-gradient(180deg, #1e1e1e 0%, #232323 100%);
    border-color: #3a3a3a;
}

.geceModu .snv-filter-header {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, #202020 0%, #1e1e1e 100%);
}

.geceModu .snv-filter-actions {
    border-top-color: rgba(255, 255, 255, 0.08);
    background: #1e1e1e;
}

.geceModu .snv-page .snv-premium-input.v-text-field--outlined .v-input__slot,
.geceModu .snv-filter-menu .snv-premium-input.v-text-field--outlined .v-input__slot,
.geceModu .snv-dialog-card .snv-premium-input.v-text-field--outlined .v-input__slot,
.geceModu .snv-page .snv-premium-input.v-autocomplete .v-input__slot,
.geceModu .snv-filter-menu .snv-premium-input.v-autocomplete .v-input__slot,
.geceModu .snv-dialog-card .snv-premium-input.v-autocomplete .v-input__slot {
    background: linear-gradient(180deg, #232323 0%, #1e1e1e 100%) !important;
}

.geceModu .snv-page .snv-premium-input fieldset,
.geceModu .snv-filter-menu .snv-premium-input fieldset,
.geceModu .snv-dialog-card .snv-premium-input fieldset {
    border-color: #5a5a5a !important;
}

.geceModu .snv-page .snv-premium-input:hover fieldset,
.geceModu .snv-filter-menu .snv-premium-input:hover fieldset,
.geceModu .snv-dialog-card .snv-premium-input:hover fieldset {
    border-color: #7a7a7a !important;
}

.geceModu .snv-page .snv-premium-input .v-label,
.geceModu .snv-filter-menu .snv-premium-input .v-label,
.geceModu .snv-dialog-card .snv-premium-input .v-label {
    color: #9a9a9a !important;
}

.geceModu .snv-page .snv-premium-input .v-label--active,
.geceModu .snv-filter-menu .snv-premium-input .v-label--active,
.geceModu .snv-dialog-card .snv-premium-input .v-label--active {
    background: #1e1e1e !important;
}

.geceModu .snv-page .snv-premium-input .v-input__prepend-inner .v-icon,
.geceModu .snv-filter-menu .snv-premium-input .v-input__prepend-inner .v-icon,
.geceModu .snv-dialog-card .snv-premium-input .v-input__prepend-inner .v-icon {
    color: #7a7a7a !important;
}

.geceModu .snv-page .snv-premium-input input,
.geceModu .snv-filter-menu .snv-premium-input input,
.geceModu .snv-dialog-card .snv-premium-input input {
    color: #ededed !important;
}

/* ── Rapor sayfaları (ortak, snv-*) — gece modu ── */
.geceModu .snv-tab-chip {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #a0a0a0 !important;
}

.geceModu .snv-tab-chip .v-icon {
    color: #7a7a7a !important;
}

.geceModu .snv-cell-text--muted {
    color: #a0a0a0;
}

.geceModu .snv-stat-text {
    color: #c4c4c4;
}

.geceModu .snv-count-badge--empty {
    background: rgba(255, 255, 255, 0.04);
    color: #7a7a7a;
    border-color: #3a3a3a;
}

.geceModu .snv-status-icon--no {
    background: rgba(255, 255, 255, 0.04);
}

/* ── Form/liste sayfaları (talepler vb.) — gece modu ── */
.geceModu .snv-action-btn--outline {
    background: rgba(255, 255, 255, 0.04) !important;
}

.geceModu .snv-action-btn--warning {
    background: rgba(255, 255, 255, 0.04) !important;
}

.geceModu .snv-address-card {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: #3a3a3a !important;
}

.geceModu .snv-address-card__title,
.geceModu .snv-address-block__label,
.geceModu .snv-option-card__label,
.geceModu .snv-info-value {
    color: #ededed;
}

.geceModu .snv-address-card__text,
.geceModu .snv-info-label {
    color: #a0a0a0;
}

.geceModu .snv-preview-img {
    background: #1e1e1e;
    border-color: #3a3a3a;
}

.geceModu .snv-option-card {
    background: rgba(255, 255, 255, 0.03);
    border-color: #3a3a3a;
}

.geceModu .snv-type-card {
    background: rgba(255, 255, 255, 0.03);
    border-color: #3a3a3a;
    color: #a0a0a0;
}

.geceModu .snv-stat-badge {
    background: rgba(var(--tema-rgb, 79, 70, 229), 0.15);
    border-color: rgba(var(--tema-rgb, 79, 70, 229), 0.35);
}

.geceModu .snv-tag-chip--green {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
    border-color: rgba(52, 211, 153, 0.35);
}

.geceModu .snv-tag-chip--indigo {
    background: rgba(99, 102, 241, 0.15);
    color: #a5b4fc;
    border-color: rgba(129, 140, 248, 0.35);
}

.geceModu .snv-toggle-panel {
    border-color: #3a3a3a;
    background: rgba(255, 255, 255, 0.02);
}

.geceModu .snv-toggle-panel__desc {
    color: #a0a0a0;
}

.geceModu .snv-dialog-header__icon--primary {
    background: rgba(var(--tema-rgb, 79, 70, 229), 0.18);
    border-color: rgba(var(--tema-rgb, 79, 70, 229), 0.4);
}

/* ───────────────────────────────────────────────────────────
   TEMA BLOK — panel renk teması
   Tek nokta: header'daki tema seçiciden #app üzerine 'tema-1..4'
   class'ı set edilir (bkz. footer.volt: panelTema / setPanelTema,
   header.volt: #app :class). Buradaki değişkenleri kullanan her
   yer (.yd-hero, .snv-hero, .snv-btn--primary, .snv-filter-btn, ...)
   o anki temaya göre otomatik renk değiştirir.
   ─────────────────────────────────────────────────────────── */
#app.tema-1 {
    --tema-c1: #312e81;
    --tema-c2: #4338ca;
    --tema-c3: #4f46e5;
    --tema-rgb: 67, 56, 202;
}

#app.tema-2 {
    --tema-c1: #5b21b6;
    --tema-c2: #7c3aed;
    --tema-c3: #6d28d9;
    --tema-rgb: 124, 58, 237;
}

#app.tema-3 {
    --tema-c1: #0f766e;
    --tema-c2: #0d9488;
    --tema-c3: #14b8a6;
    --tema-rgb: 13, 148, 136;
}

#app.tema-4 {
    --tema-c1: #1e3a8a;
    --tema-c2: #2563eb;
    --tema-c3: #0284c7;
    --tema-rgb: 37, 99, 235;
}

/* Tema seçici (header) swatch renkleri — değişkenlerden bağımsız, sabit önizleme */
.tema-secici-swatch {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid rgba(255,255,255,0.6);
    transition: transform 0.15s ease, border-color 0.15s ease;
    flex-shrink: 0;
}

.tema-secici-swatch:hover {
    transform: scale(1.12);
}

.tema-secici-swatch--aktif {
    border-color: #0f172a;
    box-shadow: 0 0 0 2px #ffffff inset;
}

.tema-secici-swatch--1 { background: linear-gradient(135deg, #4338ca, #4f46e5); }
.tema-secici-swatch--2 { background: linear-gradient(135deg, #7c3aed, #6d28d9); }
.tema-secici-swatch--3 { background: linear-gradient(135deg, #0d9488, #14b8a6); }
.tema-secici-swatch--4 { background: linear-gradient(135deg, #2563eb, #0284c7); }

/* ── Hero ── */
.yd-hero {
    background: linear-gradient(135deg, var(--tema-c1, #312e81) 0%, var(--tema-c2, #4338ca) 45%, var(--tema-c3, #4f46e5) 100%);
    border-radius: 12px;
    padding: 20px 30px;
    box-shadow: 0 12px 40px rgba(var(--tema-rgb, 67, 56, 202), 0.28);
    position: relative;
    overflow: hidden;
}

.yd-hero::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(rgba(255,255,255,0.14), transparent 70%);
    pointer-events: none;
}

.yd-hero::after {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 15%;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(rgba(255,255,255,0.08), transparent 70%);
    pointer-events: none;
}

.yd-hero__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
    z-index: 1;
}

.yd-hero__left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.yd-hero__menu-toggle {
    opacity: 0.85;
    transform: rotate(180deg);
    flex-shrink: 0;
}

.yd-hero__user-card {
    align-items: center;
    background: #ffffff;
    border-radius: 14px;
    padding: 8px 14px;
    box-shadow: 0 10px 30px rgba(15,23,42,0.22);
    flex-shrink: 0;
}

.yd-hero__user-info {
    display: flex;
    align-items: center;
}

.yd-hero__user-name {
    font-weight: 600;
    font-size: 13px;
    line-height: 1.3;
    color: #1e293b;
    white-space: nowrap;
}

.yd-hero__user-role {
    font-size: 11px;
    color: #64748b;
    white-space: nowrap;
}

.yd-hero__icon-wrap {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.25);
}

.yd-hero__eyebrow {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: rgba(255,255,255,0.75);
    margin-bottom: 4px;
}

.yd-hero__title {
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 4px;
}

.yd-hero__subtitle {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.85);
    line-height: 1.5;
    margin-bottom: 4px;
}

/* ── RESPONSIVE (ortak snv-* bileşenleri) ── */
@media (max-width: 960px) {
    .snv-hero {
        padding: 20px;
    }

    .snv-hero__title {
        font-size: 18px;
    }

    .snv-toolbar-search {
        flex: 1 1 100%;
        width: 100%;
    }

    .snv-toolbar-actions {
        flex: 1 1 100%;
        width: 100%;
        justify-content: stretch;
    }

    .snv-toolbar-actions .snv-btn {
        flex: 1 1 0;
    }

    .snv-action-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .snv-action-bar .snv-btn {
        width: 100%;
    }

    .snv-action-bar .mr-auto {
        margin-right: 0 !important;
    }

    .snv-form-header-left {
        flex: 1 1 100%;
    }

    .snv-form-header > .snv-btn {
        margin: 0 auto;
    }
}

/* ───────────────────────────────────────────────────────────
   YÖNETİM SOL MENÜ (drawer) — yd-nav
   Sık dizilim: olabildiğince çok menü aynı anda görünür.
   Hover/aktif durumları tema değişkenlerini (--tema-c2/--tema-rgb)
   kullanır; gündüz/gece modu .gunduzModu/.geceModu ile ayrışır.
   Öğeler v-card olduğundan seçiciler .yd-nav ile güçlendirilmiştir
   (.v-sheet.v-card ve .theme--dark .v-card kurallarını ezmek için).
   ─────────────────────────────────────────────────────────── */
.yd-nav {
    padding: 6px 0 18px;
}

.yd-nav__grup {
    padding: 13px 16px 4px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gunduzModu .yd-nav__grup {
    color: #8a93a8;
}

.geceModu .yd-nav__grup {
    color: #83858e;
}

.yd-nav .yd-nav__item {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 1px 8px;
    padding: 7px 8px 7px 10px;
    border-radius: 9px;
    background: transparent !important;
    position: relative;
    cursor: pointer;
    transition: background .15s ease, transform .15s ease;
}

.yd-nav .yd-nav__item:hover {
    /*transform: translateX(2px); hover esnasında aynı hizada kalması istendi*/
}

.gunduzModu .yd-nav .yd-nav__item:hover {
    background: rgba(var(--tema-rgb, 67, 56, 202), 0.07) !important;
}

.geceModu .yd-nav .yd-nav__item:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

.yd-nav .yd-nav__ikon {
    flex-shrink: 0;
    transition: color .15s ease, transform .15s ease;
}

.gunduzModu .yd-nav .yd-nav__ikon {
    color: #5C6473 !important;
}

.geceModu .yd-nav .yd-nav__ikon {
    color: #b8bcc8 !important;
}

.yd-nav .yd-nav__item:hover .yd-nav__ikon {
    color: var(--tema-c2, #1062de) !important;
    transform: scale(1.08);
}

.yd-nav .yd-nav__ad {
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: .2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1;
    transition: color .15s ease;
}

.gunduzModu .yd-nav .yd-nav__ad {
    color: #5C6473;
}

.geceModu .yd-nav .yd-nav__ad {
    color: #d6d8df;
}

.yd-nav .yd-nav__item:hover .yd-nav__ad {
    color: var(--tema-c2, #1062de);
}

/* Aktif menü: tonlu zemin + sol gösterge çubuğu */
.gunduzModu .yd-nav .yd-nav__item--aktif {
    background: rgba(var(--tema-rgb, 67, 56, 202), 0.10) !important;
}

.geceModu .yd-nav .yd-nav__item--aktif {
    background: rgba(var(--tema-rgb, 67, 56, 202), 0.24) !important;
}

.yd-nav .yd-nav__item--aktif:hover {
    transform: none;
}

.yd-nav .yd-nav__item--aktif .yd-nav__ad {
    color: var(--tema-c2, #1062de);
    font-weight: 700;
}

.geceModu .yd-nav .yd-nav__item--aktif .yd-nav__ad {
    color: #ffffff;
}

.yd-nav .yd-nav__item--aktif .yd-nav__ikon {
    color: var(--tema-c2, #1062de) !important;
}

.geceModu .yd-nav .yd-nav__item--aktif .yd-nav__ikon {
    color: #ffffff !important;
}

/* Gösterge çubuğu ::after kullanır — v-card--link'in ::before
   overlay'i (opacity:0 tam kaplama) ile çakışmaması için. */
.yd-nav .yd-nav__item--aktif::after {
    content: "";
    position: absolute;
    left: -8px;
    top: 18%;
    bottom: 18%;
    width: 3px;
    border-radius: 0 3px 3px 0;
    opacity: 1;
    background: linear-gradient(180deg, var(--tema-c2, #1062de), var(--tema-c3, #4f46e5));
}

/* ───────────────────────────────────────────────────────────
   DRAWER AÇILIŞ/KAPANIŞ ANİMASYONU
   Kapanış display toggle yerine transform ile yapılır
   (menuBack--kapali); içerik marjı (.panelRow/.panelRowFull)
   aynı süre ve eğriyle kayar. Vuetify drawer'a inline
   translateX(0) yazdığından kapalı durum !important ister;
   -115% ile 30px'lik gölge de ekran dışına çıkar.
   ─────────────────────────────────────────────────────────── */
.menuBack.v-navigation-drawer {
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), visibility .3s cubic-bezier(.4, 0, .2, 1);
}

.menuBack--kapali {
    transform: translateX(-115%) !important;
    visibility: hidden;
}

.panelRow,
.panelRowFull {
    transition: margin .3s cubic-bezier(.4, 0, .2, 1);
}