/* === 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:80px;left:10px;z-index:900;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%;}
}

/* === 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 */
	#tblItemBody tr td:nth-child(1), #tblItemBody tr td:nth-child(4) { display: none !important; } /* Grup ve Açıklama sütunlarını mobilde gizle */
	#tblItemBody tr td:nth-child(5) { display: none !important; } /* Grup ve Açıklama sütunlarını mobilde gizle */
	#tblItemBody tr td:nth-child(3) { width:35%; } /* Grup ve Açıklama sütunlarını mobilde gizle */
}