/* === CORE UI v6.0 - MOBILE FIRST === */
:root{--primary-color:#0d6efd;--bg-color:#f4f6f9;--text-color:#344767;--nav-height:60px;--mob-nav-height:70px;}

body{background:var(--bg-color);font-family:'Segoe UI',system-ui,sans-serif;color:var(--text-color);font-size:.9rem;padding-bottom:var(--mob-nav-height);top:0!important;}
.cursor-pointer{cursor:pointer;}
#dashGroupFilter{padding:5px;}

/* === NAVBAR === */
.navbar{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.03);padding:.6rem 1rem;height:var(--nav-height);}
.navbar-brand{font-size:1.2rem;letter-spacing:-.5px;}

/* === FORM ELEMENTS === */
.form-control,.form-select{font-size:.9rem;padding:.6rem .8rem;border-color:#e9ecef;border-radius:8px;}
.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(13,110,253,.15);}
.btn{border-radius:8px;font-weight:600;padding:.5rem 1rem;letter-spacing:.3px;}
.btn-sm{font-size:.8rem;padding:.4rem .8rem;}
.input-group-mobile{display:flex;gap:5px;}
.input-group-mobile .form-control{flex:1;}
.input-group-mobile .form-select{width:90px;flex:none;}

/* === LOGIN & PRELOADER === */
#loginOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#e2e8f0;z-index:9999;display:flex;align-items:center;justify-content:center;}
.login-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);width:90%;max-width:400px;}
#appPreloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;}

/* === MOBILE MODALS === */
@media(max-width:768px){
.modal-dialog{max-width:100%;width:100%;height:100%;margin:0;padding:0;}
.modal-content{height:100%;border:none;border-radius:0;display:flex;flex-direction:column;}
.modal-header{background:#f8f9fa;padding:1rem;border-bottom:1px solid #e9ecef;flex-shrink:0;}
.modal-body{flex:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch;}
.modal-footer{background:#fff;border-top:1px solid #e9ecef;padding:.75rem;flex-shrink:0;position:sticky;bottom:0;}
.form-control,.form-select,.btn{font-size:16px!important;}
}

/* === DESKTOP MODALS === */
@media(min-width:769px){
.modal-content{border-radius:12px;border:0;box-shadow:0 10px 30px rgba(0,0,0,.1);}
.modal-header{border-bottom:1px solid #f1f1f1;}
}

/* === MOBILE BOTTOM NAV === */
.mobile-bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:var(--mob-nav-height);background:#fff;border-top:1px solid #eef1f6;display:none;justify-content:space-around;align-items:center;z-index:1040;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 20px rgba(0,0,0,.05);}
.mob-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#94a3b8;background:transparent;border:none;width:100%;height:100%;font-size:.7rem;font-weight:600;}
.mob-nav-item i{font-size:1.4rem;margin-bottom:4px;color:#cbd5e1;transition:.2s;}
.mob-nav-item.active i,.mob-nav-item:active i{color:var(--primary-color);transform:translateY(-2px);}
.mob-nav-item.active span{color:var(--primary-color);}

@media(max-width:991.98px){
.mobile-bottom-nav{display:flex;}
.navbar .container-fluid{justify-content:center;}
.navbar-toggler,.navbar-collapse{display:none!important;}
.navbar-brand{margin:0;}
.desktop-only{display:none!important;}
}

/* === GOOGLE TRANSLATE HIDE === */
iframe.goog-te-banner-frame,.skiptranslate{display:none!important;}

/* === LICENSE BADGE === */
#licenseBadge{position:fixed;bottom:15px;left:90px;z-index:99999;opacity:.8;transform:scale(.8);transform-origin:left bottom;}

/* === HEADER SEARCH === */
.header-search-container{width:350px;transition:.3s;}
.search-input{height:40px;padding-left:40px!important;border-radius:20px!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;font-size:.85rem;font-weight:500;}
.search-input:focus{width:400px;background:#fff!important;border-color:#3b82f6!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)!important;}
.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8;z-index:5;pointer-events:none;}
.search-suggestions-panel{position:absolute;top:45px;left:0;right:0;background:#fff;border-radius:12px;z-index:1050;max-height:350px;overflow-y:auto;border:1px solid #e2e8f0;}

@media(max-width:991px){
.header-search-container{width:100%;margin:10px 0;}
.search-input:focus{width:100%;}
#licenseBadge{position:fixed;bottom:85px;left:15px;z-index:99999;opacity:.8;transform:scale(.8);transform-origin:left bottom;}
}

/* === RGB ROTATING BORDER === */
.rgb-license-card{position:relative;z-index:1;overflow:hidden;border:none!important;}
.rgb-license-card::before{content:'';position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background:#fff no-repeat;background-size:50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:conic-gradient(#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#8b00ff,#ff0000);animation:rotate-rgb 4s linear infinite;}
.rgb-license-card::after{content:'';position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#fff;border-radius:inherit;}
.rgb-license-card:hover::before{animation-duration:2s;}

@keyframes rotate-rgb{100%{transform:rotate(1turn);}}

@media (max-width: 768px) {
	#modalKasa .table thead { display: none; } /* Baþlýklarý mobilde gizle */
	#modalKasa .table, #modalKasa .table tbody { display: block; width: 100%; } /* Tabloyu blok yapýya çevir */
	#kasaList tr:not(.table-warning) { display: flex !important; align-items: center; gap: 8px; margin-bottom: 8px; padding: 12px; border: 1px solid #eee !important; border-radius: 12px; position: relative; background: #fff !important; overflow: hidden; transition: all 0.2s ease; -webkit-tap-highlight-color: transparent; } /* Esnek kart yapýsý */
	#kasaList tr:not(.table-warning) td { display: block !important; border: none !important; padding: 0 !important; height: auto !important; background: #fff !important; } /* Hücreleri beyaz yap */
	#kasaList tr:not(.table-warning) td:nth-child(5) { order: -1; flex: 0 0 0px; opacity: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; transform: translateX(-20px); background: transparent !important; } /* Sil butonu: Baþlangýçta gizli */
	#kasaList tr:not(.table-warning):hover td:nth-child(5), #kasaList tr:not(.table-warning):active td:nth-child(5) { flex: 0 0 35px; opacity: 1; transform: translateX(0); } /* Týklanýnca sil butonu gelsin */
	#kasaList tr:not(.table-warning) td:nth-child(5) button { background: #fff5f5; color: #ff5b5b; border: 1px solid #ffe3e3; border-radius: 8px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } /* Buton stili */
	#kasaList tr:not(.table-warning) td:nth-child(1) { flex: 1; min-width: 0; font-weight: 600; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Açýklama alaný */
	#kasaList tr:not(.table-warning) td:nth-child(2) { display: none !important; } /* Kalem: Gizle */
	#kasaList tr:not(.table-warning) td:nth-child(4) { flex: 0 0 80px; text-align: right !important; font-weight: 800; color: #2ecc71; font-size: 14px; background: #fff !important; } /* Fiyat alaný */

	#tab-staff .table thead { display: none; } /* Personel tablosu baþlýklarýný gizle */
	#tab-staff .table, #tab-staff .table tbody { display: block; width: 100%; } /* Tabloyu blok yapýya çevir */
	#staffList tr { display: flex !important; align-items: center; gap: 10px; margin-bottom: 10px; padding: 12px; border: 1px solid #eee !important; border-radius: 12px; position: relative; background: #fff !important; overflow: hidden; transition: all 0.2s ease; box-shadow: none !important; -webkit-tap-highlight-color: transparent; } /* Personel satýrýný esnek karta dönüþtür */
	#staffList tr:hover, #staffList tr:active { background-color: #fff !important; } /* Týklama sonrasý oluþan gri arka planý temizle */
	#staffList tr td { display: block !important; border: none !important; padding: 0 !important; height: auto !important; background: white !important; } /* Hücre standartlarýný sýfýrla */
	#staffList tr td:nth-child(1), #staffList tr td:nth-child(4) { display: none !important; } /* Grup ve Açýklama sütunlarýný mobilde gizle */
	#staffList tr td:nth-child(6) { order: -1; flex: 0 0 0px; opacity: 0; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; transform: translateX(-20px); } /* Sil butonu: Baþlangýçta gizli ve solda */
	#staffList tr:hover td:nth-child(6), #staffList tr:active td:nth-child(6) { flex: 0 0 35px; opacity: 1; transform: translateX(0); } /* Týklanýnca sil butonu soldan kayarak gelsin */

	#modalItemList .table thead { display: none; } /* tablo baþlýklarýný gizle */
	#modalItemList .table, #modalItemList .table tbody { display: block; width: 100%; } /* Tabloyu blok yapýya çevir */
	#tblItemBody tr { display: flex !important; align-items: center; gap: 10px; margin-bottom: 10px; padding: 12px; border: 1px solid #eee !important; border-radius: 12px; position: relative; background: #fff !important; overflow: hidden; transition: all 0.2s ease; box-shadow: none !important; -webkit-tap-highlight-color: transparent; } /* Personel satýrýný esnek karta dönüþtür */
}

.master-only, .admin-only { display: none; }
.keep-btn-float { position: fixed; bottom: 90px; right: 20px; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }

/* === SIDEBAR CORE & VARIABLES === */
:root{--sidebar-width:260px;--sidebar-collapsed-width:75px;--sidebar-bg:#ffffff;--sidebar-accent:#0d6efd;}
body{background-color:#f8f9fa;transition:all 0.3s ease;overflow-x:hidden;}
#sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-collapsed-width);background:var(--sidebar-bg);box-shadow:4px 0 10px rgba(0,0,0,0.05);z-index:1050;transition:width 0.3s cubic-bezier(0.4,0,0.2,1),left 0.3s ease;overflow:hidden;display:flex;flex-direction:column;}
#sidebar:hover,body.sidebar-pinned #sidebar{width:var(--sidebar-width);}#main-wrapper{margin-left:var(--sidebar-collapsed-width);padding:20px;transition:margin-left 0.3s ease;}body.sidebar-pinned #main-wrapper{margin-left:var(--sidebar-width);}

/* === SIDEBAR VISIBILITY & TYPOGRAPHY === */
.brand-text,.nav-link-custom span,.nav-section-title span{opacity:0;white-space:nowrap;transition:opacity 0.2s;pointer-events:none;}
#sidebar:hover .brand-text,body.sidebar-pinned .brand-text,#sidebar:hover .nav-link-custom span,body.sidebar-pinned .nav-link-custom span,#sidebar.mobile-show .brand-text,#sidebar.mobile-show .nav-link-custom span,#sidebar:hover .nav-section-title span,body.sidebar-pinned .nav-section-title span{opacity:1;pointer-events:auto;}
.nav-section-title{position:relative;display:flex;align-items:center;height:30px;margin-top:15px;margin-bottom:5px;}
.nav-section-title::before{content:"";flex-grow:1;height:1px;background:rgba(0,0,0,0.08);margin:0 15px;}
.nav-section-title span{position:absolute;left:25px;background:var(--sidebar-bg);padding:0 10px;font-size:0.65rem;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:0.5px;}

/* === SIDEBAR LINKS & HEADER === */
.sidebar-header{line-height: 70px; height:70px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #eee;cursor:pointer;}
.nav-link-custom{display:flex;align-items:center;padding:15px 25px;color:#64748b;text-decoration:none;border-left:3px solid transparent;}
.nav-link-custom i{min-width:25px;font-size:1.3rem;text-align:center;}.nav-link-custom span{margin-left:20px;font-weight:500;}
.nav-link-custom:hover{background:#f1f5f9;color:var(--sidebar-accent);border-left-color:var(--sidebar-accent);}

/* === MOBILE & TOP BAR === */
@media(max-width:991.98px){#sidebar{left:calc(-1*var(--sidebar-width));width:var(--sidebar-width)!important;}#sidebar.mobile-show{left:0;}#main-wrapper{margin-left:0!important;padding-top:70px;padding-bottom:80px;}.mobile-top-bar{display:flex!important;}}
.mobile-top-bar{display:none;position:fixed;top:0;width:100%;height:60px;background:#fff;padding:0 20px;border-bottom:1px solid #eee;align-items:center;justify-content:space-between;z-index:1040;}
.user-dropdown-btn{background:#fff;border:none;padding:5px 15px;border-radius:10px;transition:all 0.2s;}.user-dropdown-btn:hover{background:#f1f5f9;}
.search-container{max-width:25%!important;}

/* === DARK MODE FULL OVERRIDE === */
.dark-mode{--bg-color:#0f1115;--text-color:#e4e6eb;--sidebar-bg:#15181e;--primary-color:#3b82f6;background:#0f1115;color:#e4e6eb;}
.dark-mode body,.dark-mode #main-wrapper{background:#0f1115!important;color:#e4e6eb;}
.dark-mode .navbar,.dark-mode .mobile-top-bar,.dark-mode .mobile-bottom-nav{background:#15181e!important;border-color:#2a2f38!important;box-shadow:none;}
.dark-mode .login-card,.dark-mode .modal-content,.dark-mode .search-suggestions-panel,.dark-mode .rgb-license-card::after{background:#15181e!important;color:#e4e6eb;border-color:#2a2f38;}
.dark-mode .modal-header,.dark-mode .modal-footer{background:#15181e!important;border-color:#2a2f38;}
.dark-mode .form-control,.dark-mode .form-select,.dark-mode .search-input{background:#1b1f27!important;color:#e4e6eb;border-color:#2a2f38;}
.dark-mode .form-control:focus,.dark-mode .form-select:focus{background:#1b1f27;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3);}
.dark-mode .btn{background:#1f2937;color:#e4e6eb;border-color:#2a2f38;}
.dark-mode .btn:hover{background:#2a3441;}
.dark-mode .nav-link-custom{color:#cbd5e1;}
.dark-mode .nav-link-custom:hover{background:#1b1f27;color:#3b82f6;border-left-color:#3b82f6;}
.dark-mode #sidebar{background:#15181e;box-shadow:4px 0 10px rgba(0,0,0,.6);}
.dark-mode .sidebar-header{border-color:#2a2f38;}
.dark-mode .nav-section-title::before{background:#2a2f38;}
.dark-mode .card{background:#15181e;border-color:#2a2f38;color:#e4e6eb;}
.dark-mode .card-header{background:#15181e!important;border-color:#2a2f38;color:#e4e6eb;}
.dark-mode .card-header.bg-white{background:#15181e!important;}
.dark-mode .card-header h6{color:#e4e6eb!important;}
.dark-mode .card-header .text-primary{color:#60a5fa!important;}
.dark-mode .card-header .btn-primary{background:#2563eb;border-color:#2563eb;}
.dark-mode .card-header .btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8;}
.dark-mode table,.dark-mode .table{--bs-table-bg:#15181e;--bs-table-color:#e4e6eb;--bs-table-border-color:#2a2f38;background:#15181e;color:#e4e6eb;}
.dark-mode .table>:not(caption)>*>*{background:#15181e!important;color:#e4e6eb;border-color:#2a2f38;}
.dark-mode .table th{color:#cbd5e1!important;font-weight:600;}
.dark-mode .table td{color:#e4e6eb!important;}
.dark-mode .table-striped>tbody>tr:nth-of-type(odd)>*{background:#1b1f27!important;}
.dark-mode .table-hover>tbody>tr:hover>*{background:#222833!important;}
.dark-mode .table-light,
.dark-mode .table-light>th,
.dark-mode .table-light>td,
.dark-mode .table-light>thead>tr>th,
.dark-mode .table-light>tbody>tr>td{background:#1b1f27!important;color:#e4e6eb;border-color:#2a2f38;}
.dark-mode #kasaList tr,.dark-mode #staffList tr,.dark-mode #tblItemBody tr{background:#15181e!important;border-color:#2a2f38!important;}
.dark-mode #kasaList tr td,.dark-mode #staffList tr td,.dark-mode #tblItemBody tr td{background:#15181e!important;color:#e4e6eb;}
.dark-mode .search-icon{color:#94a3b8;}
.dark-mode .user-dropdown-btn{background:#15181e;color:#e4e6eb;}
.dark-mode .user-dropdown-btn:hover{background:#1b1f27;}
.dark-mode .bg-white,.dark-mode .bg-light{background:#15181e!important;border-color:#2a2f38;color:#e4e6eb;}
.dark-mode .text-dark{color:#cbd5e1!important;}
.dark-mode .text-muted{color:#cbd5e1!important;}
.dark-mode iframe.goog-te-banner-frame,.dark-mode .skiptranslate{background:#0f1115!important;}
.dark-mode #loginOverlay,.dark-mode #appPreloader{background:#0f1115!important;color:#e4e6eb;}
.dark-mode .rgb-license-card::before{opacity:.6;}
.dark-mode .btn-close {filter: var(--bs-btn-close-white-filter); margin-top: 0px;}
/* --- SELECT2 MODERN TASARIM (DARK MODE) --- */
body.dark-mode .select2-container--default .select2-selection--single { background-color: #1e293b !important; border-color: #334155 !important; }
body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered { color: #f1f5f9 !important; }
body.dark-mode .select2-dropdown { background-color: #1e293b !important; border-color: #334155 !important; color: #f1f5f9 !important; }
body.dark-mode .select2-search--dropdown .select2-search__field { background-color: #0f172a !important; border-color: #334155 !important; color: #f1f5f9 !important; }
body.dark-mode .select2-results__option[aria-selected="true"] { background-color: #334155 !important; }
body.dark-mode .select2-results__option--selectable:hover { background-color: #1e40af !important; }

/* --- UI GENEL VE MODAL KONTROLLERİ --- */
#toastContainer { z-index: 100000 !important; }
.toast { min-width: 250px; }
.modal-body { min-height: 80vh; }
.btn-close { margin-top: 0px !important; }
.select2-container { z-index: 1000000 !important; }

/* --- DARK MODE GENEL VE POS ARAMA --- */
.dark-mode input::placeholder, .dark-mode textarea::placeholder { color: #cbd5e1 !important; opacity: 0.8; }
#posSearchResults { background-color: #ffffff; color: #1e293b; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
.dark-mode #posSearchResults { background-color: #1e293b !important; border-color: #334155 !important; color: #f8fafc !important; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.5); }
.dark-mode #posSearchResults .list-group-item { background-color: #1e293b; border-color: #334155; color: #f8fafc; }
.dark-mode #posSearchResults .list-group-item:hover { background-color: #334155; }

/* --- SELECT2 MODERN TASARIM (LIGHT) --- */
.select2-container--default .select2-selection--single { height: 45px !important; padding: 8px 12px; border: 1px solid #dee2e6 !important; border-radius: 8px !important; background-color: #fff !important; transition: all 0.2s ease; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 28px !important; color: #334155 !important; font-weight: 500; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 43px !important; }
.select2-container--default.select2-container--focus .select2-selection--single { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.1) !important; }
.select2-dropdown { border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1) !important; overflow: hidden; }
.select2-search--dropdown .select2-search__field { padding: 8px 12px !important; border-radius: 6px !important; border: 1px solid #e2e8f0 !important; }
.select2-results__option { padding: 10px 15px !important; font-size: 14px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #3b82f6 !important; }


/* 1. Kaydırma çubuğunun genel genişliği */
::-webkit-scrollbar { width: 8px; height: 8px;}

/* 2. Kaydırma çubuğunun geçtiği yol (Track) */
::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }

/* 3. Hareket eden çubuk (Thumb) */
::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; border: 2px solid #f1f1f1;}

/* 4. Çubuğun üzerine gelindiğinde (Hover) */
::-webkit-scrollbar-thumb:hover { background: #555; }

.toast .btn-close {margin-top: 5px !important;}

/* Logo ve Favicon Alanı Konteynırları */
#area_biz_logo div.position-relative, 
#area_biz_favicon div.position-relative {
    display: inline-block;
    transition: all 0.3s ease;
}

/* Mevcut butonları varsayılan olarak gizle */
#area_biz_logo .btn-danger, #area_biz_favicon .btn-danger { opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; transform: scale(0.8); z-index: 10; }

/* ID altındaki div'e hover veya click (active) olunca butonu göster */
#area_biz_logo div.position-relative:hover .btn-danger, #area_biz_favicon div.position-relative:hover .btn-danger, #area_biz_logo div.position-relative:active .btn-danger, #area_biz_favicon div.position-relative:active .btn-danger { opacity: 1; visibility: visible; transform: scale(1); }

/* Görseli karartma efekti */
#area_biz_logo div.position-relative:hover img, #area_biz_favicon div.position-relative:hover img { filter: brightness(0.6); transition: 0.3s; }