/* Mwhib publisher dashboard responsive layer. Scoped by body.publisher-responsive-v1. */
html{-webkit-text-size-adjust:100%}
body.publisher-responsive-v1{overflow-x:hidden;overscroll-behavior-x:none}
body.publisher-responsive-v1 #publisher-dashboard-sidebar{height:100dvh;will-change:transform;padding-bottom:env(safe-area-inset-bottom)}
body.publisher-responsive-v1 main{min-width:0;width:100%;max-width:100vw;overflow-x:clip}
body.publisher-responsive-v1 main>*{min-width:0;max-width:100%}
body.publisher-responsive-v1 main img{max-width:100%;height:auto}
body.publisher-responsive-v1 main .overflow-x-auto,
body.publisher-responsive-v1 .pa2-table-wrap,
body.publisher-responsive-v1 .pa2-chart{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:none}
body.publisher-responsive-v1 button,
body.publisher-responsive-v1 select,
body.publisher-responsive-v1 input,
body.publisher-responsive-v1 textarea,
body.publisher-responsive-v1 #publisher-dashboard-sidebar a{touch-action:manipulation}
body.publisher-responsive-v1 main button,
body.publisher-responsive-v1 header button,
body.publisher-responsive-v1 #publisher-dashboard-sidebar button,
body.publisher-responsive-v1 #publisher-dashboard-sidebar a{min-height:40px}
body.publisher-responsive-v1 main section,
body.publisher-responsive-v1 main article{min-width:0}
body.publisher-responsive-v1 main [class*="shadow"]{backface-visibility:hidden}
body.publisher-responsive-v1 .pa2-shell,
body.publisher-responsive-v1 .cmv2-wrap{max-width:100%;box-sizing:border-box}
body.publisher-responsive-v1 .cmv2-content,
body.publisher-responsive-v1 .cmv2-article-title,
body.publisher-responsive-v1 .pa2-titlecell{overflow-wrap:anywhere}
body.publisher-responsive-v1 .cmv2-actions{flex-wrap:wrap}

@media (min-width:641px) and (max-width:1023px){
  body.publisher-responsive-v1 #publisher-dashboard-sidebar{width:min(20rem,86vw);max-width:min(20rem,86vw)}
  body.publisher-responsive-v1 main{padding:20px!important}
  body.publisher-responsive-v1 header{padding-inline:20px!important}
  body.publisher-responsive-v1 .pa2-shell{padding:20px!important}
  body.publisher-responsive-v1 .pa2-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  body.publisher-responsive-v1 .pa2-layout{grid-template-columns:1fr!important}
  body.publisher-responsive-v1 .pa2-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  body.publisher-responsive-v1 .cmv2-wrap{padding:18px!important}
  body.publisher-responsive-v1 .cmv2-panel{max-width:100%}
  body.publisher-responsive-v1 main [class*="xl:grid-cols-4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.publisher-responsive-v1 main [class*="md:grid-cols-4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:640px){
  body.publisher-responsive-v1{font-size:14px}
  body.publisher-responsive-v1 #publisher-dashboard-sidebar{width:min(20rem,88vw)!important;max-width:calc(100vw - 12px)!important}
  body.publisher-responsive-v1 header{height:60px!important;padding-right:max(12px,env(safe-area-inset-right))!important;padding-left:max(12px,env(safe-area-inset-left))!important}
  body.publisher-responsive-v1 main{padding-top:12px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;padding-right:max(12px,env(safe-area-inset-right))!important;padding-left:max(12px,env(safe-area-inset-left))!important}
  body.publisher-responsive-v1 main button,
  body.publisher-responsive-v1 header button,
  body.publisher-responsive-v1 #publisher-dashboard-sidebar button,
  body.publisher-responsive-v1 #publisher-dashboard-sidebar a{min-height:44px}
  body.publisher-responsive-v1 main input,
  body.publisher-responsive-v1 main select,
  body.publisher-responsive-v1 main textarea{font-size:16px!important;min-height:44px}
  body.publisher-responsive-v1 main [class*="text-3xl"]{font-size:1.5rem!important;line-height:2rem!important}
  body.publisher-responsive-v1 main [class*="text-2xl"]{font-size:1.25rem!important;line-height:1.8rem!important}
  body.publisher-responsive-v1 main [class~="gap-8"]{gap:1rem!important}
  body.publisher-responsive-v1 main [class~="gap-6"]{gap:.875rem!important}
  body.publisher-responsive-v1 main [class*="rounded-2xl"]{border-radius:14px!important}
  body.publisher-responsive-v1 header .w-80{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:72dvh;overflow:auto}
  body.publisher-responsive-v1 .pa2-shell{padding:12px!important}
  body.publisher-responsive-v1 .pa2-head{align-items:stretch!important;flex-direction:column!important;gap:10px!important;margin-bottom:14px!important}
  body.publisher-responsive-v1 .pa2-refresh{width:100%;min-height:44px}
  body.publisher-responsive-v1 .pa2-grid{grid-template-columns:1fr!important;gap:10px!important}
  body.publisher-responsive-v1 .pa2-card{padding:14px!important;min-height:88px!important}
  body.publisher-responsive-v1 .pa2-card .v{font-size:20px!important;margin-top:7px!important}
  body.publisher-responsive-v1 .pa2-layout{grid-template-columns:1fr!important;gap:12px!important}
  body.publisher-responsive-v1 .pa2-side{grid-template-columns:1fr!important;gap:12px!important}
  body.publisher-responsive-v1 .pa2-panel-head{padding:14px!important}
  body.publisher-responsive-v1 .pa2-bars{padding:14px!important}
  body.publisher-responsive-v1 .pa2-table{min-width:660px!important;font-size:12px!important}
  body.publisher-responsive-v1 .pa2-table th,
  body.publisher-responsive-v1 .pa2-table td{padding:10px!important}
  body.publisher-responsive-v1 .pa2-chart{padding:14px 10px!important;height:220px!important;gap:4px!important}
  body.publisher-responsive-v1 .pa2-day{min-width:32px!important;height:174px!important}
  body.publisher-responsive-v1 .cmv2-wrap{padding:12px!important}
  body.publisher-responsive-v1 .cmv2-head{gap:10px!important}
  body.publisher-responsive-v1 .cmv2-tools{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.publisher-responsive-v1 .cmv2-input,
  body.publisher-responsive-v1 .cmv2-select,
  body.publisher-responsive-v1 .cmv2-btn{width:100%!important;min-height:44px!important}
  body.publisher-responsive-v1 .cmv2-item{gap:10px!important}
  body.publisher-responsive-v1 .cmv2-avatar{width:40px!important;height:40px!important;min-width:40px!important}
  body.publisher-responsive-v1 .cmv2-actions{gap:6px!important}
  body.publisher-responsive-v1 main table{font-size:12px}
  body.publisher-responsive-v1 main .overflow-x-auto{margin-inline:-2px;padding-bottom:4px}
}

@media (max-width:380px){
  body.publisher-responsive-v1 main{padding-right:10px!important;padding-left:10px!important}
  body.publisher-responsive-v1 .pa2-shell,
  body.publisher-responsive-v1 .cmv2-wrap{padding:10px!important}
  body.publisher-responsive-v1 .pa2-card{padding:12px!important}
}

@media (prefers-reduced-motion:reduce){
  body.publisher-responsive-v1 *,
  body.publisher-responsive-v1 *::before,
  body.publisher-responsive-v1 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


