/* IE OS 1.4.0 HF02 — isolated responsive fixes; loaded after existing theme/layer styles.
   Scope corrections to the affected pages to avoid changing existing layouts. */
.content[data-route="khulasa"] .khulasa-page__form { min-width: 0; }
.content[data-route="khulasa"] .khulasa-page__form .input {
  /* The shared .input sets width:100%; flex children otherwise exceed the
     available line once the fixed-size send button and gap are included. */
  flex: 1 1 0%; min-width: 0; width: 0;
}
@media (max-width:760px) {
  .content[data-route="distribution"] .smart-distributor,
  .content[data-route="distribution"] .distribution-hero,
  .content[data-route="distribution"] .distribution-tabbar { min-width:0;max-width:100%; }
  .content[data-route="distribution"] .smart-actions,
  .content[data-route="distribution"] .bulk-row { flex-wrap:wrap; min-width:0; }
  .content[data-route="distribution"] .smart-actions .btn { max-width:100%; white-space:normal; min-width:0; }
  .content[data-route="distribution"] .bulk-row label { width:100%;margin:0; }
  .content[data-route="distribution"] .bulk-row .select { min-width:0;flex:1 1 170px; }
  .content[data-route="distribution"] .table-wrap { max-width:100%; margin-inline:0; }
}
/* At a ~1024px browser width, the persistent desktop sidebar leaves only
   ~700px for the content. The legacy 1000px breakpoint was therefore late. */
@media (min-width:761px) and (max-width:1200px) {
  .content[data-route="myProjects"] .my-projects-hero { grid-template-columns:minmax(0,1fr); }
  .content[data-route="myProjects"] .my-projects-hero>.input { min-width:0;max-width:100%; }
  .content[data-route="myProjects"] .my-projects-mini { flex-wrap:wrap; min-width:0; }
  .content[data-route="myProjects"] .my-projects-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .content[data-route="myProjects"] .my-projects-filter .toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .content[data-route="myProjects"] .my-projects-hero { grid-template-columns:minmax(0,1fr); }
  .content[data-route="myProjects"] .my-projects-mini { flex-wrap:wrap; gap:8px; }
  .content[data-route="myProjects"] .my-projects-hero>.input { min-width:0;max-width:100%; }
  .content[data-route="myProjects"] .my-projects-grid { grid-template-columns:minmax(0,1fr); }
}
.content[data-route="myProjects"] .my-project-card__top { min-width:0;flex-wrap:wrap; }
.content[data-route="myProjects"] .my-project-badges { margin-inline-start:auto;flex-wrap:wrap; }