/* Screen-only overrides. Desktop and printed documents retain their existing rules. */
.mobile-scroll {display:contents;}
.mobile-hint {display:none;}
@media screen and (max-width: 900px) {
  .mobile-hint {display:block;padding:8px 12px;margin:0;font:13px/1.5 Arial,sans-serif;color:inherit;}
  [data-mobile-page=siparis_formu] .mobile-hint, [data-mobile-page=fatura_onay] .mobile-hint {color:#fff;}
  .mobile-scroll {display:block;}
  html[data-mobile-page] {height:auto;min-height:100%;}
  html[data-mobile-page] body {height:auto;min-height:100svh;overflow-y:auto;}
  [data-mobile-page] .content, [data-mobile-page] .container,
  [data-mobile-page] .dashboard, [data-mobile-page] .card,
  [data-mobile-page] .panel, [data-mobile-page] .page-wrapper {min-width:0;box-sizing:border-box;}
  [data-mobile-page] .content {max-width:100%;}
  [data-mobile-page] .container {width:calc(100% - 24px);max-width:100%;margin:16px auto;padding:18px;}
  [data-mobile-page] .topbar, [data-mobile-page] .header-row,
  [data-mobile-page] .toolbar, [data-mobile-page] .actions,
  [data-mobile-page] .card-head, [data-mobile-page] .top-actions {flex-wrap:wrap;gap:10px;}
  [data-mobile-page] .header-left {min-width:0;}
  [data-mobile-page] .topbar>*, [data-mobile-page] .toolbar>* {max-width:100%;}
  [data-mobile-page] input, [data-mobile-page] select, [data-mobile-page] textarea {box-sizing:border-box;max-width:100%;font-size:16px;}
  [data-mobile-page] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  [data-mobile-page] select {min-height:44px;}
  [data-mobile-page] button, [data-mobile-page] .btn, [data-mobile-page] .button,
  [data-mobile-page] .action, [data-mobile-page] .nav-item, [data-mobile-page] .filter-label {min-height:44px;box-sizing:border-box;}
  [data-mobile-page] .filter-label {display:flex;align-items:center;justify-content:center;font-size:12px;}
  [data-mobile-page] button, [data-mobile-page] .btn {white-space:normal;}
  [data-mobile-page] .filter-form>div, [data-mobile-page] .edit-form>div {min-width:0!important;flex:1 1 200px;}
  [data-mobile-page] .filter-form input, [data-mobile-page] .filter-form select,
  [data-mobile-page] .edit-form input, [data-mobile-page] .edit-form select {min-width:0;width:100%;}
  [data-mobile-page] .table-wrap, [data-mobile-page] .tableWrap,
  [data-mobile-page] .table-wrapper, [data-mobile-page] .mobile-scroll {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
  [data-mobile-page] .mobile-scroll:focus-visible {outline:2px solid #c82020;outline-offset:2px;}
  [data-mobile-page] .hamb {display:inline-flex;}
  [data-mobile-page] .layout>.sidebar {overflow-y:auto;max-height:100dvh;}
  [data-mobile-page] .perm-item, [data-mobile-page] .chk, [data-mobile-page] .city-item {overflow-wrap:anywhere;min-width:0;}
  [data-mobile-page] .perm-item input, [data-mobile-page] .chk input, [data-mobile-page] .city-item input {flex-shrink:0;}
  [data-mobile-page] .datetime {position:static;min-width:0;max-width:calc(100% - 24px);margin:12px auto;box-sizing:border-box;}
  [data-mobile-page=portal] .content {height:auto;overflow:visible;}
  [data-mobile-page=portal] .portal-right {min-width:0;}
  [data-mobile-page=portal] .portal-left {width:100%;max-width:100%;}
  [data-mobile-page=kullanici_ekle] .layout {display:block;}
  [data-mobile-page=kullanici_ekle] .sidebar {width:100%;height:auto;position:static;max-height:none;}
  [data-mobile-page=kullanici_ekle] .content {padding:16px;}
  [data-mobile-page=login] .login-container {position:relative;top:auto;left:auto;transform:none;width:calc(100% - 32px);max-width:430px;margin:40px auto;padding:24px;box-sizing:border-box;}
  [data-mobile-page=login] .login-container input {width:100%;}
  [data-mobile-page=app_delete] body {padding:16px;}
  [data-mobile-page=app_delete] .box {box-sizing:border-box;padding:20px;}
  [data-mobile-page^=dashboard_] .page-wrapper {display:flex;flex-direction:column;padding:12px;}
  [data-mobile-page^=dashboard_] .sidebar {order:-1;width:100%;box-sizing:border-box;}
  [data-mobile-page^=dashboard_] .dashboard {width:100%;overflow-x:auto;padding:12px;}
  [data-mobile-page=dashboard_satis_gunluk] .top-header-bar {width:1010px;}
  [data-mobile-page=dashboard_satis_gunluk] .brand-card {min-width:1120px;}
  [data-mobile-page=dashboard_satis_gunluk] .second-table {min-width:900px;}
  [data-mobile-page=dashboard_servis_gunluk] .city-grid {min-width:800px;}
  [data-mobile-page^=randevu_] .wrap, [data-mobile-page^=atolye_] .wrap,
  [data-mobile-page^=randevu_] body.sidebar-collapsed .wrap,
  [data-mobile-page^=atolye_] body.sidebar-collapsed .wrap {display:block;height:auto;}
  [data-mobile-page^=randevu_] .panel.left, [data-mobile-page^=atolye_] .panel.left {margin-bottom:10px;}
  [data-mobile-page^=randevu_] body.sidebar-collapsed .panel.left,
  [data-mobile-page^=atolye_] body.sidebar-collapsed .panel.left {display:none;}
  [data-mobile-page^=randevu_] .panel:has(> .grid-head), [data-mobile-page^=atolye_] .panel:has(> .grid-head) {display:block;overflow:auto;max-height:75dvh;}
  [data-mobile-page^=randevu_] .grid-head, [data-mobile-page^=atolye_] .grid-head {width:1100px;position:sticky;top:0;}
  [data-mobile-page^=randevu_] .grid-body, [data-mobile-page^=atolye_] .grid-body {width:1100px;overflow:visible;}
  [data-mobile-page^=randevu_] .label, [data-mobile-page^=atolye_] .label {position:sticky;left:0;z-index:3;}
  [data-mobile-page^=randevu_] .formgrid, [data-mobile-page^=atolye_] .formgrid {grid-template-columns:minmax(0,1fr);}
  [data-mobile-page] .modal .box {max-width:calc(100vw - 20px);max-height:90dvh;overflow:auto;box-sizing:border-box;}
  [data-mobile-page] .modal .ft {flex-wrap:wrap;}
  [data-mobile-page=siparis_formu] .wrap, [data-mobile-page=fatura_onay] .wrap {justify-content:flex-start;max-width:100%;box-sizing:border-box;overflow:auto;}
  [data-mobile-page=siparis_formu] .page, [data-mobile-page=fatura_onay] .page {flex:none;}
  [data-mobile-page=siparis_formu] .toolbar, [data-mobile-page=fatura_onay] .toolbar {position:relative;}
  [data-mobile-page=siparis_formu] .page input, [data-mobile-page=fatura_onay] .page input,
  [data-mobile-page=siparis_formu] .page select, [data-mobile-page=fatura_onay] .page select {min-height:32px;}
  [data-mobile-page=siparis_formu] .page textarea, [data-mobile-page=fatura_onay] .page textarea {min-height:44px;}
  [data-mobile-page=siparis_formu] .page td, [data-mobile-page=fatura_onay] .page td {height:auto;}
  [data-mobile-page=telefon_rehberi_admin] form.grid {grid-template-columns:minmax(0,1fr)!important;}
}
@media screen and (max-width: 520px) {
  [data-mobile-page] .topbar h1 {font-size:20px;overflow-wrap:anywhere;}
  [data-mobile-page] .form-grid, [data-mobile-page] .city-grid:not(.dashboard .city-grid) {grid-template-columns:minmax(0,1fr);}
  [data-mobile-page] .filters>* {min-width:0;width:100%;}
  [data-mobile-page] .filter-form>div, [data-mobile-page] .edit-form>div {flex-basis:100%;}
  [data-mobile-page] .actions>* {max-width:100%;}
  [data-mobile-page] .layout>.sidebar {max-width:calc(100vw - 30px);}
  [data-mobile-page=kullanici_ekle] .layout>.sidebar {max-width:100%;}
  [data-mobile-page=cari] .stats {grid-template-columns:minmax(0,1fr);}
  [data-mobile-page] .toolbar .miniInput {width:100%;}
}
