/* TeknoServis v51 — mobile-first usability layer */
:root{--mobile-header-h:64px}
.logo-icon{display:none!important}.logo{min-width:0}.logo-text{min-width:0}.logo-text h1{overflow:hidden;text-overflow:ellipsis;max-width:190px}.logo-text p{display:none!important}
@media(max-width:900px){
 body{overflow-x:hidden}.sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:1200;transform:translateX(-105%);width:min(86vw,320px)!important;box-shadow:20px 0 60px rgba(0,0,0,.28);transition:transform .25s ease}.sidebar.mobile-open{transform:translateX(0)}
 .main-content,.content,.main{margin-left:0!important;width:100%!important;max-width:100%!important}.sidebar-toggle-btn{display:flex!important;position:fixed!important;left:12px;top:12px;z-index:1250;background:var(--dark-light,#172033)!important;border:1px solid var(--border,#2a3445)!important;border-radius:12px;width:42px;height:42px;align-items:center;justify-content:center}
 .header{padding:12px 14px 12px 64px!important;min-height:var(--mobile-header-h);flex-direction:row!important;text-align:left!important;align-items:center!important;gap:8px!important}.header-right{margin-left:auto!important;flex-direction:row!important;width:auto!important;gap:6px!important}.exchange-rate{width:auto!important;font-size:12px}.user-info .user-details{display:none!important}
 .page-content,.content-area,.dashboard-content{padding:14px!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stat-card{padding:14px!important;min-width:0}.stat-card h3,.stat-card .value{font-size:clamp(18px,6vw,26px)!important}
 .card,.panel,.content-card{border-radius:16px!important;padding:14px!important}.form-row,.form-grid{grid-template-columns:1fr!important}.modal{padding:10px!important}.modal-content{width:100%!important;max-width:none!important;max-height:94vh!important;border-radius:18px!important}.modal-body{padding:14px!important}
 table{min-width:720px}.table-container,.table-responsive,.products-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:14px}.btn{min-height:42px}.form-control,input,select,textarea{font-size:16px!important;max-width:100%}
}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr!important}.exchange-rate{display:none!important}.header h1,.header-title{font-size:18px!important}.logo-text h1{max-width:220px}.nav-item{padding:.85rem 1.15rem!important}.pagination{flex-wrap:wrap!important}.action-buttons{flex-wrap:wrap!important;gap:6px!important}}