/* Smart Nivesh MF - mobile responsiveness fix only */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}

@media (max-width: 768px){
  .sidebar{
    width:280px !important;
    max-width:82vw !important;
  }
  .main-content,.content,main{
    max-width:100% !important;
  }
  .content,main{
    margin-left:0 !important;
    width:100% !important;
    min-width:0 !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .table-wrap,.tablewrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
  table{min-width:620px}
  .summary,.stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .grid,.calculator-card{grid-template-columns:1fr !important}
  .toolbar,.panelhead,header,.topbar{
    flex-wrap:wrap;
  }
}

@media (max-width: 560px){
  body{font-size:14px}
  .content,main{padding:12px !important}
  .summary,.stats,.stat-grid{grid-template-columns:1fr !important}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .card,.panel,.table-card{min-width:0 !important}
  .toolbar input,.panelhead input,.form input,.form select{width:100% !important}
  h1,.page-title{font-size:24px !important}
  .calculator-wrap{padding:16px 10px !important}
  .inputs,.results{padding:18px !important}
  .buttons{flex-wrap:wrap}
  .buttons button{min-width:0}
}

@media (max-width: 390px){
  .quick-grid{grid-template-columns:1fr !important}
  .mode-switch{width:100% !important}
  .mode-btn{min-width:0 !important;font-size:11px !important}
  .sn-brand-title{font-size:17px !important}
  .sn-brand-tagline{font-size:8px !important}
}