input, select, textarea { max-width:100%; }
.main { min-width:0; }
@media(max-width:760px) {
    body { margin:0; }
    .sidebar { position:static !important; display:flex !important; flex-wrap:wrap; gap:4px; width:100% !important; height:auto !important; padding:12px !important; }
    .sidebar .logo { width:100%; margin:0 0 8px !important; font-size:20px; }
    .sidebar .menu-item { padding:0 !important; margin:0 !important; flex:0 0 auto; }
    .sidebar .menu-item a { display:block; padding:12px 10px; color:white; text-decoration:none; font-size:14px; }
    .sidebar .menu-item:has([aria-current="page"]) { background:#374151; border-radius:8px; }
    .main { margin-left:0 !important; padding:16px !important; width:100%; box-sizing:border-box; }
    .header, .section-header, .items-header { flex-wrap:wrap; gap:12px; }
    .row, .ust-grid, .finans-ozet, .summary, .cards, .upload-form { grid-template-columns:1fr !important; }
    .main .box, .main .section { padding:16px; min-width:0; }
    .main input, .main select, .main textarea { font-size:16px; box-sizing:border-box; min-width:0; }
    .main button, .main .button { min-height:44px; }
    .movement, .box > div[style*="grid-template-columns"] { grid-template-columns:1fr !important; gap:8px !important; }
    .customer, .job, .visit, .item, .info { overflow-wrap:anywhere; }
    .customer-name, .job-title { overflow-wrap:anywhere; }
    .buttons { display:flex; flex-wrap:wrap; gap:12px; }
    .main .filters > div { min-width:0; max-width:100%; }
    .main .table-wrap, .main .calendar-scroll { max-width:100%; overflow:auto; }
}