/* Servis Takip V3.2 — desktop overflow refinements. Mobile V3.1 untouched. */
@media (min-width: 768px) {
  html, body { max-width:100%; }
  body .layout, body .main { min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
  body .main > *, body .main section { min-width:0; max-width:100%; box-sizing:border-box; }
  /* The original customer toolbar used seven fixed columns totalling more than available width. */
  body.st32-customers .toolbar { display:flex !important; flex-wrap:wrap !important; align-items:center; gap:9px; min-width:0; max-width:100%; }
  body.st32-customers .toolbar > * { min-width:0; max-width:100%; }
  body.st32-customers .toolbar .searchbox { flex:1 1 240px; }
  body.st32-customers .toolbar .searchbox input { width:100%; box-sizing:border-box; }
  body.st32-customers .table-card { min-width:0; max-width:100%; overflow-x:auto !important; }
  body.st32-customers .table-card .table { width:100%; }
  /* Calls table scrolls within its panel, not across the page. */
  body.st32-calls .filter-card, body.st32-calls .table-card { min-width:0; max-width:100%; }
  body.st32-calls .filter-grid { min-width:0; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); align-items:end; }
  body.st32-calls .filter-grid > * { min-width:0; max-width:100%; }
  body.st32-calls .filter-actions { flex-wrap:wrap; justify-content:flex-start; }
  body.st32-calls .table-wrap { max-width:100%; min-width:0; overflow-x:auto !important; }
  /* Service filters remain accessible without pushing export actions off-screen. */
  body.st32-services .service-filterbar { max-width:100%; min-width:0; display:flex; flex-wrap:wrap; white-space:normal; overflow-x:visible; align-items:flex-end; }
  body.st32-services .service-filterbar > * { min-width:0; max-width:100%; }
  body.st32-services .service-filterbar .sf { flex:1 1 180px; }
  body.st32-services .service-filterbar .sf.small { flex:1 1 140px; }
  body.st32-services .service-hero-actions { flex-wrap:wrap; }
  body.st32-services .table-card, body.st32-services #list { min-width:0; max-width:100%; }
}
@media (min-width:768px) and (max-width:1320px) {
 body.st32-customers .toolbar .export-btn { flex:0 1 auto; }
 body.st32-calls .page-head { min-width:0; }
}