/* CheckThenSend responsive consolidation layer */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.app-shell,.app-main,.workspace,.cts-page,.dash,.platform,.sec{min-width:0}
.app-main{width:auto;max-width:100%}
.cts-page,.workspace,.dash,.platform,.sec{box-sizing:border-box;max-width:100%}
.cts-table-wrap,.table-wrap,.table-card,.table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea,button{max-width:100%}

@media (min-width:901px){
  .app-shell{display:grid!important;grid-template-columns:248px minmax(0,1fr)!important;width:100%!important}
  .sidebar{width:248px!important;max-width:248px!important}
  .app-main{grid-column:2!important;margin-left:0!important;width:auto!important;min-width:0!important}
  .app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)!important}
  .app-shell.sidebar-collapsed .sidebar,.sidebar.collapsed{width:72px!important;max-width:72px!important}
}

@media (max-width:1100px) and (min-width:901px){
  .app-shell{grid-template-columns:220px minmax(0,1fr)!important}
  .sidebar{width:220px!important;max-width:220px!important}
  .workspace,.cts-page,.dash,.platform,.sec{padding-left:22px!important;padding-right:22px!important}
  .metric-grid,.metrics,.metric-row,.billing-kpis,.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:900px){
  .app-shell,.app-shell.sidebar-collapsed{display:block!important;width:100%!important;min-width:0!important}
  .sidebar,.sidebar.collapsed,.app-shell.sidebar-collapsed .sidebar{
    position:fixed!important;inset:0 auto 0 0!important;width:272px!important;max-width:86vw!important;height:100vh!important;
    transform:translateX(-105%)!important;transition:transform .2s ease!important;z-index:1000!important
  }
  .sidebar.mobile-open{transform:translateX(0)!important}
  .sidebar .brand-text,.sidebar .nav-item>span:not(.nav-icon),.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-item>span:not(.nav-icon){display:inline!important}
  .sidebar .nav-item,.sidebar.collapsed .nav-item{justify-content:flex-start!important;padding-left:14px!important;padding-right:14px!important}
  .app-main,.app-shell.sidebar-collapsed .app-main{display:block!important;width:100%!important;max-width:100%!important;margin-left:0!important;grid-column:auto!important}
  .topbar{width:100%!important;padding-left:14px!important;padding-right:14px!important}
  .collapse-btn{display:none!important}
  .mobile-menu-btn{display:grid!important}
  .topbar-actions{min-width:0!important;gap:6px!important}
  .top-search-btn{min-width:40px!important;width:40px!important;padding:0!important}
  .top-search-btn span,.top-search-btn kbd{display:none!important}
  .profile-copy{display:none!important}
  .btn-upload{padding:0 12px!important;white-space:nowrap!important}
  .workspace,.cts-page,.dash,.platform,.sec{width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important;margin-left:0!important;margin-right:0!important}
  .workspace-head,.cts-page-head,.documents-intro,.panel-head,.panel-section-head,.team-detail-head{flex-wrap:wrap!important}
  .workspace-grid,.team-layout,.cts-grid,.privacy-grid,.identity-grid,.developer-grid,.integrations-grid{grid-template-columns:1fr!important}
  .metric-grid,.metrics,.metric-row,.billing-kpis,.dashboard-summary,.dashboard-summary.dashboard-summary-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-toolbar,.toolbar,.inline-form,.row,.v5-actions{flex-wrap:wrap!important}
  .notification-pop,.profile-pop{right:10px!important;max-width:calc(100vw - 20px)!important}
}

@media (max-width:640px){
  .topbar{height:60px!important;min-height:60px!important}
  .btn-upload{font-size:0!important;min-width:40px!important;width:40px!important;padding:0!important}
  .btn-upload::before{content:'+';font-size:22px!important;line-height:1}
  .notification-btn{width:40px!important;min-width:40px!important}
  .profile-menu{gap:4px!important;padding:0!important}
  .avatar{width:34px!important;height:34px!important}
  .chevron{display:none!important}
  .workspace,.cts-page,.dash,.platform,.sec{padding:18px 12px 32px!important}
  .workspace-head,.cts-page-head,.documents-intro,.panel-head,.panel-section-head,.team-detail-head{display:block!important}
  .metric-grid,.metrics,.metric-row,.billing-kpis,.dashboard-summary,.dashboard-summary.dashboard-summary-compact{grid-template-columns:1fr!important}
  .cts-grid,.workspace-grid,.team-layout,.privacy-grid,.identity-grid,.developer-grid,.integrations-grid,.billing-plan-list,#planList{grid-template-columns:1fr!important}
  .team-policy-form,.team-invite-form,.identity-form-grid,.developer-form-grid,.privacy-form-row{grid-template-columns:1fr!important}
  .tabs,.team-tabs,.cts-section-tabs{max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch}
  .cts-table,table{min-width:680px}
  .app-tour-modal{max-width:calc(100vw - 24px)!important}
}