/* Zentrale Modal-/Bottom-Sheet-Breite: Desktop schmal und zentriert, Mobile bleibt Bottom-Sheet. */
.modal,
.modal-inner{
  min-width:0;
}

.modal-inner{
  width:100%;
}

@media (min-width:701px){
  .modal-backdrop{
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
  }

  .modal{
    width:min(960px, calc(100vw - 48px))!important;
    max-width:960px!important;
    max-height:86vh!important;
    border-radius:24px!important;
    padding:18px 20px 20px!important;
    box-shadow:0 24px 80px rgba(17,24,39,.28)!important;
  }

  .modal-inner{
    max-width:none!important;
    margin:0!important;
  }

  .modal .card,
  .modal .overview-box,
  .modal .info-box{
    box-shadow:none;
  }

  .modal .actions{
    justify-content:flex-end;
    align-items:center;
  }

  .modal .actions .btn{
    flex:0 1 auto;
    min-width:150px;
  }

  .modal .actions .btn.ok{
    min-width:min(280px, 100%);
  }
}

@media (min-width:901px){
  .modal-backdrop{
    left:288px!important;
  }

  .modal{
    width:min(960px, calc(100vw - 344px))!important;
  }
}

@media (min-width:1200px){
  .modal{
    width:min(960px, calc(100vw - 392px))!important;
  }
}

@media (max-width:700px){
  .modal-backdrop{
    align-items:flex-end;
    justify-content:stretch;
    padding:0;
  }

  .modal{
    width:100%;
    max-height:92vh;
    border-radius:24px 24px 0 0;
  }

  .modal-inner{
    max-width:720px;
    margin:0 auto;
  }

  .modal .actions .btn{
    flex:1;
    min-width:0;
  }
}