/* ==========================================================
   EVO-X F4.11-B
   CONTEXT PROGRESSIVE UX V1
   ========================================================== */


/* ----------------------------------------------------------
   01. REMOVE REDUNDANT SIZE RESIDUE
   ---------------------------------------------------------- */

#business-context .i9-company-size{
  display:none !important;
}


/* ----------------------------------------------------------
   02. ONE CONTEXT STATUS ONLY

   evox-context-progress already handles:
   - missing field
   - complete state
   - Son.ia assistance

   Legacy status is redundant.
   ---------------------------------------------------------- */

#evox-context-status-v48{
  display:none !important;
}


/* ----------------------------------------------------------
   03. COMPACT CONTEXT PROGRESS
   ---------------------------------------------------------- */

#business-context #evox-context-progress{
  box-sizing:border-box !important;

  min-height:0 !important;

  margin:0 0 20px !important;
  padding:14px 18px !important;

  border-radius:14px !important;
}

#business-context
#evox-context-progress
.evox-context-progress-eyebrow{
  margin:0 0 5px !important;
}

#business-context
#evox-context-progress
.evox-context-progress-title{
  margin:0 0 4px !important;

  font-size:clamp(
    18px,
    2.1vw,
    24px
  ) !important;

  line-height:1.15 !important;
}

#business-context
#evox-context-progress
.evox-context-progress-copy{
  margin:0 !important;

  line-height:1.4 !important;
}

#business-context
#evox-context-progress
.evox-context-progress-status{
  margin-top:9px !important;
}

#business-context
#evox-context-progress
.evox-context-progress-actions{
  margin-top:10px !important;
  gap:8px !important;
}

#business-context
#evox-context-progress
.evox-context-progress-actions button{
  min-height:38px !important;
  height:auto !important;

  padding:7px 13px !important;
}


/* ----------------------------------------------------------
   04. SECTION TITLE RHYTHM
   ---------------------------------------------------------- */

#business-context
.v12-wrap > h2{
  margin-top:20px !important;
  margin-bottom:14px !important;
}

#business-context
.v12-wrap > h2 + p{
  margin-top:0 !important;
  margin-bottom:18px !important;
}


/* ----------------------------------------------------------
   05. PROFILE = SINGLE COMPANY CONTEXT DECISION
   ---------------------------------------------------------- */

#business-context
.v12-profile-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:8px !important;

  margin:16px 0 18px !important;
}

#business-context
.v12-profile-grid
[data-profile]{
  box-sizing:border-box !important;

  min-height:68px !important;
  height:auto !important;

  padding:10px 12px !important;
}


/* ----------------------------------------------------------
   06. MARKET
   ---------------------------------------------------------- */

#business-context
.v12-market-title{
  margin:20px 0 10px !important;
}


/*
 * Desktop:
 * 5 markets per row / 2 rows.
 */

#business-context
.v12-market-grid{
  display:grid !important;

  grid-template-columns:
    repeat(5,minmax(0,1fr)) !important;

  gap:8px !important;

  margin:0 !important;
}

#business-context
.v12-market-grid
[data-p52-market="true"]{
  box-sizing:border-box !important;

  min-height:48px !important;
  height:auto !important;

  margin:0 !important;

  padding:8px 10px !important;

  line-height:1.25 !important;
}


/* ----------------------------------------------------------
   07. PRIORITY
   ---------------------------------------------------------- */

#evox-priority-capture{
  box-sizing:border-box !important;

  min-height:0 !important;

  margin-top:20px !important;

  padding:16px 18px !important;
}

#evox-priority-capture
h2,
#evox-priority-capture
h3{
  margin-top:0 !important;
  margin-bottom:8px !important;
}

#evox-priority-capture
p{
  margin-top:6px !important;
  margin-bottom:12px !important;

  line-height:1.4 !important;
}

#evox-priority-capture
button{
  box-sizing:border-box !important;

  min-height:44px !important;
  height:auto !important;

  padding:8px 12px !important;
}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media(max-width:820px){

  #business-context
  #evox-context-progress{
    padding:13px 14px !important;
    margin-bottom:16px !important;
  }


  /* Profile stays visible in one row */

  #business-context
  .v12-profile-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;

    gap:6px !important;
  }

  #business-context
  .v12-profile-grid
  [data-profile]{
    min-height:58px !important;

    padding:8px !important;
  }


  /*
   * Markets:
   * two horizontal rows.
   *
   * All 10 remain available, but we no longer spend
   * five vertical rows to display them.
   */

  #business-context
  .v12-market-grid{
    display:grid !important;

    grid-template-rows:
      repeat(2,48px) !important;

    grid-auto-flow:column !important;

    grid-auto-columns:
      minmax(190px,42vw) !important;

    grid-template-columns:none !important;

    gap:7px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    overscroll-behavior-inline:
      contain !important;

    scroll-snap-type:
      x proximity !important;

    padding:0 0 7px !important;

    scrollbar-width:thin;
  }

  #business-context
  .v12-market-grid
  [data-p52-market="true"]{
    width:100% !important;

    min-height:48px !important;
    max-height:48px !important;

    scroll-snap-align:start;
  }


  /* Priority */

  #evox-priority-capture{
    margin-top:16px !important;

    padding:14px !important;
  }

  #evox-priority-capture
  button{
    min-height:42px !important;

    padding:7px 10px !important;
  }
}


@media(max-width:540px){

  #business-context
  .v12-profile-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;
  }

  #business-context
  .v12-profile-grid
  [data-profile]{
    min-height:56px !important;

    font-size:12px !important;
  }

  #business-context
  .v12-market-grid{
    grid-auto-columns:
      minmax(175px,72vw) !important;
  }
}


/* ==========================================================
   EVO-X F4.11-D
   CONTEXT FINAL POLISH
   ========================================================== */

/* Progress: preserve message, reduce vertical footprint */

#business-context #evox-context-progress{
  padding:11px 14px !important;
  margin-bottom:12px !important;
}

#business-context
#evox-context-progress
.evox-context-progress-eyebrow{
  margin-bottom:3px !important;
}

#business-context
#evox-context-progress
.evox-context-progress-title{
  margin-bottom:3px !important;
}

#business-context
#evox-context-progress
.evox-context-progress-copy{
  line-height:1.32 !important;
}

#business-context
#evox-context-progress
.evox-context-progress-status{
  margin-top:6px !important;
}

#business-context
#evox-context-progress
.evox-context-progress-actions{
  margin-top:7px !important;
}


/* Main heading rhythm */

#business-context
.v12-wrap > h2{
  margin-top:14px !important;
  margin-bottom:10px !important;
}

#business-context
.v12-wrap > h2 + p{
  margin-top:0 !important;
  margin-bottom:12px !important;
  line-height:1.4 !important;
}


/* Profile */

#business-context
.v12-profile-grid{
  margin-top:12px !important;
  margin-bottom:12px !important;
}

#business-context
.v12-profile-grid
[data-profile]{
  min-height:58px !important;
  padding-top:7px !important;
  padding-bottom:7px !important;
}


/* Market */

#business-context
.v12-market-title{
  margin-top:14px !important;
  margin-bottom:8px !important;
}


/* Priority: largest remaining opportunity */

#evox-priority-capture{
  margin-top:12px !important;
  padding:11px 14px !important;
}

#evox-priority-capture
h2,
#evox-priority-capture
h3{
  margin-top:0 !important;
  margin-bottom:5px !important;
}

#evox-priority-capture
p{
  margin-top:4px !important;
  margin-bottom:8px !important;
  line-height:1.32 !important;
}

#evox-priority-capture
button{
  min-height:38px !important;
  padding:6px 10px !important;
}


/* Mobile/tablet measured viewport */

@media(max-width:820px){

  #business-context
  #evox-context-progress{
    padding:10px 13px !important;
  }

  #business-context
  .v12-profile-grid
  [data-profile]{
    min-height:54px !important;
  }

  #evox-priority-capture{
    padding:10px 12px !important;
  }

  #evox-priority-capture
  button{
    min-height:38px !important;
  }
}