/* PATCH: responsywność modala danych rynkowych */

.market-rates-overlay{
  align-items:flex-start !important;
  justify-content:center !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:12px !important;
  -webkit-overflow-scrolling:touch;
}

.market-rates-modal{
  width:min(1080px, calc(100vw - 24px)) !important;
  max-height:none !important;
  min-height:0 !important;
  overflow:visible !important;
  margin:0 auto !important;
}

.market-rates-modal .tool-modal-body{
  min-height:0 !important;
}

@media (max-width: 1200px){
  .market-rates-modal{
    width:min(980px, calc(100vw - 20px)) !important;
    padding:18px 18px 16px !important;
  }
}

@media (max-width: 900px){
  .market-rates-modal{
    width:calc(100vw - 16px) !important;
    padding:16px 16px 14px !important;
    border-radius:22px !important;
  }

  .market-header-strip{
    grid-template-columns:1fr !important;
  }

  .market-rates-kpis{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .market-banks-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px){
  .market-rates-overlay{
    padding:8px !important;
  }

  .market-rates-modal{
    width:calc(100vw - 8px) !important;
    padding:14px 14px 12px !important;
    border-radius:18px !important;
  }

  .market-head h3{
    font-size:24px !important;
    line-height:1.05 !important;
    margin:4px 0 4px !important;
  }

  .market-head p{
    font-size:.92rem !important;
    line-height:1.4 !important;
  }

  .market-rates-kpis,
  .market-banks-grid{
    grid-template-columns:1fr !important;
  }

  .market-header-meta,
  .market-kpi-card,
  .market-bank-card,
  .market-banks-block{
    padding:12px !important;
  }

  .market-kpi-card strong,
  .market-bank-value{
    font-size:1.5rem !important;
  }

  .market-rates-actions-main,
  .market-rates-footer{
    gap:8px !important;
  }

  .market-rates-actions-main .tool-trigger-btn,
  .market-rates-footer .tool-trigger-btn{
    width:100% !important;
    justify-content:center !important;
  }
}