/* Mobile presentation only; no workflow changes. */
@media(max-width:767px){
.content-wrapper{margin-left:0!important;min-width:0;padding-left:12px!important;padding-right:12px!important}
.content-area,.dashboard-section-panel,.content-area-top,.area-top-l,.area-top-r{min-width:0;max-width:100%}
.content-area-top .area-top-l{width:100%;align-items:center}
.content-area-top .area-top-title{font-size:clamp(20px,5.8vw,26px);line-height:1.3;overflow-wrap:anywhere}
.content-area-top .area-top-r,.content-area-top .date-range-wrapper,.content-area-top .rdrCalendarWrapper,.content-area-top .rdrDateRangeWrapper,.content-area-top .rdrMonth{width:100%;max-width:100%;min-width:0}
.content-area-top .rdrDateDisplayItem{min-width:0}.content-area-top .rdrDateDisplayItem input{font-size:16px;width:100%}
.content-area-top .sidebar-open-btn,.sidebar .sidebar-close-btn{min-width:44px;min-height:44px;justify-content:center;flex-shrink:0}
.sidebar{max-width:calc(100vw - 52px);height:100dvh}
.dashboard-section-tabs{max-width:100%;overflow-x:auto}
.content-area-table .data-table-diagram,.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.content-area-table .pagination{flex-wrap:wrap;gap:8px}
.content-area-table .pagination button,.filter-controls button{min-height:44px}
.filter-controls input,.filter-controls select,.filter-controls .form-control{font-size:16px;max-width:100%}
#dashboard-section-panel{padding-bottom:100px!important;padding-right:0!important}
.content-area-cards .area-card{min-width:0}.content-area-cards .info-value{overflow-wrap:anywhere}
}
@media(min-width:768px) and (max-width:1200px){.content-wrapper{margin-left:0!important}}