/*
 * ADATASK MOBILE DASHBOARD + SUBSCRIPTION + MEETINGS V3232M
 * Scope: overview mobile, dashboard subscription and meetings only
 */

.subscription-dashboard-mobile-shell-v3232m{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  box-sizing:border-box;
}

.subscription-dashboard-mobile-shell-v3232m > *{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

@media (max-width:760px){

  /*
   * داشبورد بالای صفحه
   */

  .ov-hero,
  .ov-hero-grid,
  .ov-progress-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .ov-hero{
    padding:13px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .ov-hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
  }

  .ov-title-with-avatar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
  }

  .ov-title{
    min-width:0!important;
    max-width:100%!important;
    margin-bottom:5px!important;
    font-size:19px!important;
    line-height:1.55!important;
    overflow-wrap:anywhere!important;
  }

  .ov-sub{
    width:100%!important;
    max-width:100%!important;
    font-size:11.5px!important;
    line-height:1.85!important;
    overflow-wrap:anywhere!important;
  }

  .ov-chip-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin-top:11px!important;
  }

  .ov-soft-chip{
    flex:1 1 calc(50% - 7px)!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    padding:8px 7px!important;
    border-radius:13px!important;
    font-size:10px!important;
    line-height:1.55!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .ov-chip-row .ov-soft-chip:first-child{
    flex-basis:100%!important;
  }

  .ov-progress-card{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    padding:12px!important;
  }

  .ov-progress-card > *{
    min-width:0!important;
    max-width:100%!important;
  }

  .ov-voice-mini,
  .ov-voice-mini > div{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .ov-voice-mini > div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  .ov-voice-mini input{
    width:100%!important;
    min-width:0!important;
  }


  /*
   * اشتراک داشبورد
   */

  .subscription-dashboard-mobile-shell-v3232m{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .subscription-dashboard-mobile-shell-v3232m > *{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .subscription-dashboard-mobile-shell-v3232m > * > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .subscription-dashboard-mobile-shell-v3232m svg,
  .subscription-dashboard-mobile-shell-v3232m canvas,
  .subscription-dashboard-mobile-shell-v3232m img{
    max-width:100%!important;
  }

  .subscription-dashboard-mobile-shell-v3232m b,
  .subscription-dashboard-mobile-shell-v3232m span,
  .subscription-dashboard-mobile-shell-v3232m small,
  .subscription-dashboard-mobile-shell-v3232m div{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }


  /*
   * صفحه اصلی جلسات و آدایار
   */

  .meeting-v3193,
  .meeting-v3193 > *,
  .meeting-v3193-hero,
  .meeting-v3193-head,
  .meeting-v3193-grid,
  .meeting-v3193-card,
  .meeting-v3193-list,
  .meeting-v3193-list-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .meeting-v3193{
    margin:0!important;
    gap:9px!important;
    overflow-x:hidden!important;
  }

  .meeting-v3193-hero,
  .meeting-v3193-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:11px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }

  .meeting-v3193-hero > div,
  .meeting-v3193-head > div{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .meeting-v3193-title{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }

  .meeting-v3193-title h2,
  .meeting-v3193-title small,
  .meeting-v3193-list-main,
  .meeting-v3193-list-main h3,
  .meeting-v3193-list-main p,
  .meeting-v3193-list-main small{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  .meeting-v3193-back{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  .meeting-v3193 .meet-action-row,
  .meeting-v3193-actions{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    flex-wrap:unset!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }

  .meeting-v3193 .meet-action-btn,
  .meeting-v3193-actions button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:39px!important;
    padding:8px 7px!important;
    white-space:normal!important;
    line-height:1.5!important;
  }

  .meeting-v3193-invite{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  .meet-invite-box{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:10px!important;
    overflow:hidden!important;
  }

  .meeting-v3193-invite input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .meet-quick-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .meet-quick-card{
    min-width:0!important;
    padding:10px!important;
    border-radius:14px!important;
  }

  .meeting-v3193-grid,
  .meeting-v3193-form,
  .meeting-v3193-edit-grid,
  .meeting-v3193-action-fields,
  .meeting-date-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  .meeting-v3193-wide,
  .meeting-v3193-form .wide,
  .meeting-v3193-edit-grid .wide{
    grid-column:1!important;
  }

  .meeting-v3193-form > *,
  .meeting-v3193-edit-grid > *,
  .meeting-v3193-action-fields > *{
    min-width:0!important;
    max-width:100%!important;
  }

  .meeting-v3193 input,
  .meeting-v3193 textarea,
  .meeting-v3193 select,
  .meeting-v3193-form input,
  .meeting-v3193-form textarea,
  .meeting-v3193-form select,
  .meeting-v3193-edit-grid input,
  .meeting-v3193-edit-grid textarea,
  .meeting-v3193-edit-grid select{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .meeting-type-segment{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .meet-check-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    max-height:170px!important;
  }

  .meeting-v3193-list-card{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }

  .meeting-v3193-list-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .meeting-v3193-list-side{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
    flex-direction:column!important;
  }

  .meeting-v3193-record-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
    flex-direction:column!important;
  }

  .meeting-v3193-record,
  .meeting-v3193-stop,
  .meeting-v3193-finalize{
    width:100%!important;
    max-width:100%!important;
  }

  .meeting-v3193-action-top{
    grid-template-columns:minmax(0,1fr) 36px!important;
  }

  .meeting-v3197-due{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .meeting-v3193-minutes-task-list{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .meeting-v3193-minutes-task-list > div{
    grid-template-columns:auto minmax(0,1fr)!important;
  }

  .meeting-v3193-minutes-task-list em{
    grid-column:1/-1!important;
    justify-self:start!important;
  }

  .meeting-v3193-transcript,
  .meeting-v3193-pre{
    max-width:100%!important;
    overflow-x:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

@media (max-width:390px){

  .ov-soft-chip{
    flex-basis:100%!important;
  }

  .meeting-v3193 .meet-action-row,
  .meeting-v3193-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .meet-quick-value{
    font-size:19px!important;
  }

  .meet-quick-label{
    font-size:10px!important;
  }
}