@media (width<=768px){.app-shell .main-area main .db2-kpis-grid,.app-shell .main-area main .kpis,.app-shell .main-area main .rp-panels-grid,.app-shell .main-area main .rp-kpis,.app-shell .main-area main .rp-grid,.app-shell .main-area main .settings-grid,.app-shell .main-area main .company-settings-layout,.app-shell .main-area main .armonia-wrap,.app-shell .main-area main .command-center,.app-shell .main-area main .form-grid,.app-shell .main-area main .grid-2,.app-shell .main-area main .grid-3,.app-shell .main-area main .cash-form-grid,.app-shell .main-area main .print-settings-layout,.app-shell .main-area main .cbl-kpi-grid,.app-shell .main-area main .roles-kpis,.app-shell .main-area main .checker-command{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.app-shell .main-area main .db2-header,.app-shell .main-area main .db2-header-left,.app-shell .main-area main .db2-header-right,.app-shell .main-area main .db2-filter,.app-shell .main-area main .topline,.app-shell .main-area main .heading-wrap,.app-shell .main-area main .heading-actions,.app-shell .main-area main .armonia-module-heading,.app-shell .main-area main .armonia-module-copy,.app-shell .main-area main .settings-hero,.app-shell .main-area main .settings-hero-copy,.app-shell .main-area main .period-pill,.app-shell .main-area main .reports-tabbar,.app-shell .main-area main .quick-ranges,.app-shell .main-area main .sales-filter,.app-shell .main-area main .catalog-tools,.app-shell .main-area main .ranking-name{flex-wrap:wrap;min-width:0;max-width:100%;height:auto}.app-shell .main-area main .db2-header-left>*,.app-shell .main-area main .db2-header-right>*,.app-shell .main-area main .heading-wrap>*,.app-shell .main-area main .armonia-module-copy>*,.app-shell .main-area main .settings-hero-copy>*{min-width:0;max-width:100%}.app-shell .main-area main h1,.app-shell .main-area main h2,.app-shell .main-area main h3,.app-shell .main-area main p,.app-shell .main-area main .page-title,.app-shell .main-area main .subtitle,.app-shell .main-area main .armonia-module-title,.app-shell .main-area main .armonia-module-description,.app-shell .main-area main .period-pill,.app-shell .main-area main td,.app-shell .main-area main th,.app-shell .main-area main strong,.app-shell .main-area main b,.app-shell .main-area main small,.app-shell .main-area main label,.app-shell .main-area main span,.app-shell .main-area main dd,.app-shell .main-area main dt,.app-shell .main-area main .cr-phone-btn span{overflow-wrap:anywhere;min-width:0}.app-shell .main-area main .db2-field,.app-shell .main-area main .db2-filter,.app-shell .main-area main select,.app-shell .main-area main input,.app-shell .main-area main textarea{min-width:0;max-width:100%}.app-shell .main-area main [class*=table-wrap],.app-shell .main-area main [class*=table-box],.app-shell .main-area main [class*=table-scroll],.app-shell .main-area main [class*=table-responsive]{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.app-shell .main-area main .kpi-icon i,.app-shell .main-area main .db2-card-kpi i,.app-shell .main-area main .rp-kpi-icon i,.app-shell .main-area main .stat-icon i{font-size:16px;line-height:1}.app-shell .main-area main .sales-reports,.app-shell .main-area main .topline,.app-shell .main-area main .roles-hero,.app-shell .main-area main .roles-hero-main{min-width:0;max-width:100%;display:block}.app-shell .main-area main .heading-actions,.app-shell .main-area main .catalog-tools,.app-shell .main-area main .ranking-name{flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.app-shell .main-area main .heading-actions .ghost-btn,.app-shell .main-area main .heading-actions .primary-btn,.app-shell .main-area main .catalog-tools>*{flex:none;width:auto;max-width:100%}.app-shell .main-area main .armonia-import-file-label,.app-shell .main-area main .pu-file,.app-shell .main-area main .pi-file-box,.app-shell .main-area main .cbl-field,.app-shell .main-area main .tr-route-card,.app-shell .main-area main .pview-contact-item{min-width:0;max-width:100%}.app-shell .main-area main .armonia-badge,.app-shell .main-area main .roles-period-pill,.app-shell .main-area main .period-pill{white-space:normal;max-width:100%}.app-shell .main-area main .sales-redesign .filter-actions,.app-shell .main-area main .sales-redesign .command-center .filter-zone .filter-actions,.app-shell .main-area main .sales-redesign .command-center .search-zone .filter-actions{height:auto;min-height:0}.app-shell .main-area main [class*=-page]:not([class*=pos]):not(.app-page-link):not(.app-page-current):not(.app-page-disabled):not(.app-page-dots):not(.pr-page-link):not(.pr-page-current):not(.pr-page-disabled):not(.pr-page-dots),.app-shell .main-area main [class*=report]:not([class*=pos]):not(.reports-tabbar):not(.reports-tab),.app-shell .main-area main [class*=-stack]:not(.badge-stack):not(.toast-stack):not(.armonia-toast-stack),.app-shell .main-area main .pc-grid-panes,.app-shell .main-area main .roles-card-head,.app-shell .main-area main .roles-filter-bar{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;display:block}.app-shell .main-area main i[class*=fa-]{font-size:min(1em,34px)}.app-shell .main-area main .rp-nav-tabs,.app-shell .main-area main .role-action-btn,.app-shell .main-area main .checker-message,.app-shell .main-area main .checker-command-main,.app-shell .main-area main .ranking-title,.app-shell .main-area main .ranking-subtitle{overflow-wrap:anywhere;min-width:0;max-width:100%}.app-shell .topbar{flex-wrap:nowrap;align-items:center}.app-shell .topbar .topbar-left{flex:auto;min-width:0;overflow:hidden}.app-shell .topbar .topbar-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.app-shell .topbar .db2-top-right{flex-wrap:nowrap;flex:none;align-items:center;height:44px;max-height:44px}.app-shell .topbar .db2-top-right>*{flex:none}.app-shell .topbar .menu-button{justify-content:center;width:44px;min-width:44px;padding:0}.app-shell .topbar .menu-button span{display:none}.app-shell .topbar .notif-anchor{height:38px;max-height:38px;position:relative}.app-shell .topbar #notifBell{position:relative;overflow:visible}.app-shell .topbar .notif-badge{z-index:1;min-width:16px;height:16px;margin:0;padding:0 4px;font-size:min(1em,12px);line-height:1;position:absolute;top:-4px;right:-4px}.app-shell .topbar .db2-user{height:36px;max-height:36px}.app-shell .main-area main .db2-field{width:100%;margin-bottom:8px;display:block}.app-shell .main-area main .db2-field>label{white-space:normal;width:100%;margin-bottom:4px;display:block}.app-shell .main-area main .db2-field select,.app-shell .main-area main .db2-field input{width:100%;max-width:100%}.fs-dialog{max-height:calc(100dvh - 16px);margin:auto}.fs-dialog .fs-dialog-shell{flex-direction:column;max-height:calc(100dvh - 16px);display:flex}.fs-dialog .fs-dialog-head,.fs-dialog .fs-dialog-footer{flex:none}.fs-dialog .fs-dialog-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:none;overflow-y:auto}.fs-dialog .fs-dialog-footer{flex-flow:column;align-items:stretch}.fs-dialog .fs-dialog-footer .armonia-btn{justify-content:center;width:100%}.fs-dialog .fs-dialog-head p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}dialog.advance-dialog[open],dialog.pc-dialog[open]{max-height:calc(100dvh - 16px);overflow:hidden}.advance-dialog form{flex-direction:column;max-height:calc(100dvh - 16px);display:flex;overflow:hidden}dialog.pc-dialog[open]{flex-direction:column;display:flex}.advance-dialog .advance-dialog-body,.pc-dialog .pc-dialog-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:none;overflow-y:auto}.advance-dialog .advance-dialog-head,.advance-dialog .advance-dialog-footer,.pc-dialog .pc-dialog-head,.pc-dialog .pc-dialog-actions{flex:none}.advance-dialog .advance-dialog-footer,.pc-dialog .pc-dialog-actions{flex-wrap:wrap}dialog#customerDialog[open]{flex-direction:column;max-height:calc(100dvh - 16px);display:flex;overflow:hidden}dialog#customerDialog .sv-head{flex:none}dialog#customerDialog .sv-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:none;overflow-y:auto}dialog#customerDialog>.sv-actions{background:#fff;border-top:1px solid #e2e8f0;flex:none;padding:10px 12px}dialog#creditAuthorizationDialog{max-height:calc(100dvh - 16px);overflow:hidden}dialog#creditAuthorizationDialog .sv-body{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 150px);overflow-y:auto}dialog#creditAuthorizationDialog .sv-actions{background:#fff;border-top:1px solid #e2e8f0;margin-top:12px;padding:10px 0;position:sticky;bottom:0}dialog.ex-modal[open]{flex-direction:column;max-height:calc(100dvh - 16px);display:flex;overflow:hidden}.ex-modal>form{flex-direction:column;flex:auto;min-height:0;max-height:calc(100dvh - 16px);display:flex;overflow:hidden}.ex-modal .ex-modal-head,.ex-modal .ex-modal-foot{flex:none}.ex-modal .ex-modal-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;max-height:none;overflow-y:auto}.ex-modal .ex-modal-foot{flex-wrap:wrap;gap:8px}.ex-modal .ex-modal-foot .ex-foot-hint{flex:100%}.ex-modal .ex-modal-foot .ex-foot-actions{flex-wrap:wrap;flex:100%;justify-content:stretch;gap:8px}.ex-modal .ex-modal-foot .ex-foot-actions>*{white-space:normal;flex:100%;justify-content:center;max-width:100%}.ex-modal .ex-modal-foot>button{flex:100%;justify-content:center;max-width:100%}dialog.cbl-dialog[open],.cbl-dialog .cbl-dialog-shell{max-height:calc(100dvh - 16px)}.cbl-dialog .cbl-dialog-footer{flex-wrap:wrap;gap:8px}.cbl-dialog .cbl-dialog-footer>.cbl-btn{white-space:normal;flex:100%;justify-content:center;max-width:100%}}