/*
 * SFR A02 data-section status alignment — 5.4.50.55
 * Visual layout only. No data, calculations, commands, engine access, or baseline behavior changes.
 */

/*
 * Every data-entry section header uses the same three-column contract:
 * 1) section title/description, 2) a fixed status column, 3) expansion chevron.
 * This prevents short and long status labels from drifting horizontally.
 */
.sfr-a01__data-section summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) 178px 24px;
  align-items:center;
  column-gap:16px;
  justify-content:stretch;
}
.sfr-a01__data-section summary>div{
  min-width:0;
}
.sfr-a01__data-section summary>.sfr-a01__badge{
  inline-size:178px;
  min-inline-size:178px;
  max-inline-size:178px;
  justify-self:center;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
}
.sfr-a01__data-section summary:after{
  display:grid;
  place-items:center;
  inline-size:24px;
  block-size:24px;
  margin:0;
  justify-self:center;
  line-height:1;
}

/* Keep the column stable on laptop widths without compressing the Arabic title block. */
@media (max-width:1100px) and (min-width:651px){
  .sfr-a01__data-section summary{
    grid-template-columns:minmax(0,1fr) 164px 22px;
    column-gap:12px;
  }
  .sfr-a01__data-section summary>.sfr-a01__badge{
    inline-size:164px;
    min-inline-size:164px;
    max-inline-size:164px;
  }
}

/* On phones the status moves to a dedicated second row, still aligned consistently. */
@media (max-width:650px){
  .sfr-a01__data-section summary{
    grid-template-columns:minmax(0,1fr) 22px;
    grid-template-areas:
      "copy chevron"
      "status status";
    column-gap:10px;
    row-gap:10px;
    align-items:start;
  }
  .sfr-a01__data-section summary>div{grid-area:copy}
  .sfr-a01__data-section summary>.sfr-a01__badge{
    grid-area:status;
    inline-size:auto;
    min-inline-size:132px;
    max-inline-size:100%;
    justify-self:start;
    padding-inline:12px;
  }
  .sfr-a01__data-section summary:after{
    grid-area:chevron;
    align-self:start;
    margin-top:2px;
  }
}