/* TATUARTE · R55 B417 FIX12 · Studio status legibility
   Baseline: FIX11.
   UI only. Separates profile state, location warning and discipline.
*/

.r34r11-studio-profile-informative .r32-profile-state{
  min-width:0!important;
  max-width:100%!important;
}
.r34r11-studio-profile-informative .r32-profile-state strong,
.r34r11-studio-profile-informative .r32-profile-state span{
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.r34r11-studio-profile-informative .r34r11-discipline-line{
  white-space:normal!important;
  overflow-wrap:anywhere;
}

/* Desktop: three semantic lines, never the same grid row. */
@media(min-width:1100px){
  .r34r11-studio-profile-informative .r34r11-info-hero-inner{
    grid-template-rows:auto auto auto auto auto!important;
    row-gap:6px!important;
  }

  .r34r11-studio-profile-informative .r32-profile-state[data-state="informative"]{
    grid-column:1!important;
    grid-row:3!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px 8px!important;
    min-height:22px!important;
    margin:2px 0 0!important;
  }

  .r34r11-studio-profile-informative .r32-profile-state[data-state="location-review"]{
    grid-column:1!important;
    grid-row:4!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px 8px!important;
    width:fit-content!important;
    max-width:min(100%,720px)!important;
    min-height:28px!important;
    margin:0!important;
    padding:5px 9px!important;
    border:1px solid rgba(240,183,72,.25)!important;
    border-radius:9px!important;
    background:rgba(240,183,72,.075)!important;
  }

  .r34r11-studio-profile-informative .r32-profile-state[data-state="location-review"]::before{
    content:"";
    flex:0 0 auto;
    width:7px;
    height:7px;
    border-radius:999px;
    background:linear-gradient(135deg,#ffd05a,#ff8b5f);
    box-shadow:0 0 0 4px rgba(255,189,80,.08);
  }

  .r34r11-studio-profile-informative .r32-profile-state[data-state="location-review"] strong{
    font-size:.79rem!important;
    line-height:1.2!important;
    color:#ffd782!important;
  }
  .r34r11-studio-profile-informative .r32-profile-state[data-state="location-review"] span{
    font-size:.78rem!important;
    line-height:1.35!important;
    opacity:.78!important;
    color:#eef0f4!important;
  }

  .r34r11-studio-profile-informative .r32-profile-state[data-state="informative"] strong{
    font-size:.78rem!important;
    line-height:1.25!important;
  }
  .r34r11-studio-profile-informative .r32-profile-state[data-state="informative"] span{
    font-size:.76rem!important;
    line-height:1.35!important;
    opacity:.62!important;
  }

  .r34r11-studio-profile-informative .r34r11-discipline-line{
    grid-column:1!important;
    grid-row:5!important;
    margin:1px 0 0!important;
    font-size:.9rem!important;
    line-height:1.35!important;
    color:rgba(255,255,255,.76)!important;
  }

  .r34r11-studio-profile-informative .r34r11-primary-actions{
    grid-row:2 / 6!important;
  }
}

/* Tablet / mobile: explicit vertical rhythm, never compressed inline. */
@media(max-width:1099px){
  .r34r11-studio-profile-informative .r32-profile-state{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    gap:4px 8px!important;
    width:100%!important;
    margin-top:8px!important;
    line-height:1.35!important;
  }
  .r34r11-studio-profile-informative .r32-profile-state[data-state="location-review"]{
    padding:8px 10px!important;
    border:1px solid rgba(240,183,72,.23)!important;
    border-radius:9px!important;
    background:rgba(240,183,72,.07)!important;
  }
  .r34r11-studio-profile-informative .r32-profile-state[data-state="location-review"] strong{
    color:#ffd782!important;
  }
  .r34r11-studio-profile-informative .r32-profile-state strong{
    font-size:.84rem!important;
  }
  .r34r11-studio-profile-informative .r32-profile-state span{
    font-size:.82rem!important;
    opacity:.72!important;
  }
  .r34r11-studio-profile-informative .r34r11-discipline-line{
    margin-top:8px!important;
    font-size:.92rem!important;
    line-height:1.4!important;
  }
}