*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%}
img,svg{max-width:100%}
.container,.card,.card-full,.main-grid,.main-grid-3,.mini-chart,.cal-right{min-width:0}
button,a,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(26,115,232,.4)!important;outline-offset:2px}
@media(pointer:coarse){button,.btn,.action,.nav a,.nav button,select{min-height:44px}input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px}}

@media(max-width:760px){
  body{overflow-x:hidden}
  .container{width:100%;padding:14px!important}
  .nav{height:auto!important;min-height:56px;padding:10px 14px!important;gap:8px;flex-wrap:wrap;align-items:center}
  .nav-brand{flex:0 0 auto}
  .nav-right,.nav-actions{width:100%;display:flex;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:3px;scrollbar-width:thin}
  .nav-right>* ,.nav-actions>*{flex:0 0 auto}
  .proj-banner{padding-inline:14px}

  .filter-bar,.filters,.export-bar,.proj-filter,.date-nav{max-width:100%;flex-wrap:wrap!important}
  .filters>*{flex:1 1 140px;min-width:0!important}
  .search-box{width:100%;min-width:0!important}
  .card-header{align-items:flex-start!important}
  .card-title{flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px}
  .card-title>span{flex:0 0 100%}
  .card-title>div{max-width:100%;flex-wrap:wrap!important}
  .table-wrap,.dva-scroll,.card-full,.card{max-width:100%}
  .table-wrap,.dva-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}

  .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .kpi{padding:12px!important;min-width:0}
  .kpi-val{font-size:22px!important}
  .main-grid,.main-grid-3,.meta-grid{grid-template-columns:minmax(0,1fr)!important}
  .card,.card-full{overflow-x:auto}
  .ftable,.dtable,.dva-table{min-width:620px}
  .proc-section-body{overflow-x:auto}
  .input-row{min-width:620px;grid-template-columns:140px repeat(5,72px) 60px!important;gap:6px!important}
  .proc-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .date-nav .date-label{order:-1;width:100%;min-width:0!important;text-align:left!important}
  .date-nav .view-seg{margin-left:0!important}
  .proj-filter .f-label[style]{margin-left:0!important}
  .cal-wrap{width:100%;max-width:100%;overflow:hidden}
  .cal-left{width:112px!important}
  .cal-right{overflow-x:auto!important}
  .cal-left-row{padding-inline:7px!important}
  .multi-btn{min-width:120px!important}

  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .drop-zone{padding:28px 16px!important}
  .proj-inline{align-items:stretch!important;flex-wrap:wrap}
  .proj-inline>div{flex:1 1 140px}.proj-inline select{width:100%}
}