/* Funding Rates and Open Interest only. My Hub is mounted asynchronously
   inside the status actions; give it a full row without shrinking the title.
   All overrides are mobile-only, including when the Hub CSS loads later. */
@media (max-width:760px){
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__head{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    padding:12px 10px 8px;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__head>div:first-child{
    width:100%;
    min-width:0;
    max-width:none;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__head h2{
    margin:0;
    font-size:15px;
    line-height:1.35;
    overflow-wrap:break-word;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    justify-content:stretch;
    width:100%;
    min-width:0;
    gap:8px;
    margin:0;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__actions>.deriv-status{
    box-sizing:border-box;
    justify-self:start;
    min-width:0;
    max-width:100%;
    min-height:32px;
    padding:6px 8px;
    overflow:visible;
    white-space:normal;
    overflow-wrap:anywhere;
    font-size:9px;
    line-height:1.35;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__actions>.deriv-refresh{
    min-height:44px;
    padding:8px 12px;
    font-size:10px;
    line-height:1.25;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__actions>.th-hub-actions{
    display:grid;
    grid-column:1/-1;
    grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);
    align-items:stretch;
    gap:6px;
    width:100%;
    min-width:0;
    margin:0;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__actions .th-hub-actions__symbol,
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__actions .th-hub-btn{
    box-sizing:border-box;
    height:auto;
    min-height:44px;
    padding:8px;
    font-size:11px;
    line-height:1.3;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__actions .th-hub-btn{
    min-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:center;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__actions .th-hub-feedback{
    grid-column:1/-1;
    min-width:0;
    max-width:none;
    overflow:visible;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.4;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-live__actions .th-hub-feedback:empty{
    display:none;
  }
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-toolbar .deriv-mobile-market-select,
  body:is(.th-page-funding-rates,.th-page-open-interest) .deriv-toolbar .deriv-seg button{
    box-sizing:border-box;
    height:auto;
    min-height:44px;
    font-size:11px;
  }
}