/* Micro viewport mode: ClickBee app only, 20px–315px. Desktop/tablet and Article Studio untouched. */
@media(max-width:315px){
  html,body{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:clip!important}
  body,main,aside,section,article,header,footer,nav,form,.container,.row,.col,.card,.badge,.modal,.dropdown,.dialog-content{
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  }
  main{width:100%!important;margin:0!important;padding:clamp(1px,1.5vw,4px)!important}
  main :where(p,span,strong,small,b,label,a,button,h1,h2,h3,h4,div){overflow-wrap:anywhere}
  main :where(input,select,textarea,button){max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  :where(img,svg,video,iframe,canvas){max-width:100%;height:auto}
  main :where(.d-flex,.d-flex-column,.top-actions,.topbar,.badge,.card,.dropdown-item,.input-container){min-width:0!important;flex-wrap:wrap}
  :where(.g-1,.g-2,.g-3){column-gap:clamp(1px,1vw,4px)!important;row-gap:3px!important}
  main :where(.grid,.cb-ad-grid,.cb-create-ad-body,.cb-ad-summary){grid-template-columns:minmax(0,1fr)!important}
  main :where(.counter,.h3,.title,.value){max-width:100%;min-width:0!important;font-size:clamp(.9px,5vw,14px)!important;overflow-wrap:anywhere}
  main .counter .digit{font-size:inherit!important;min-width:0!important;width:auto!important}
  main .dropdown{left:0!important;right:auto!important;max-width:100%!important;min-width:0!important;transform:none!important}
  .topbar.cb-first-app{height:auto!important;min-height:0!important;padding:1px!important;gap:2px!important;flex-wrap:wrap!important}
  .topbar.cb-first-app button,.topbar.cb-first-app .avatar{min-height:0!important;min-width:0!important;width:auto!important;height:auto!important;padding:2px!important;font-size:clamp(1px,3vw,8px)!important}
  nav.bottom-nav.cb-first-app{width:calc(100% - 2px)!important;max-width:100%!important;min-width:0!important;left:1px!important;transform:none!important;bottom:1px!important;height:auto!important;padding:2px!important;border-radius:6px!important;flex-wrap:wrap!important;gap:2px!important}
  nav.bottom-nav.cb-first-app a,nav.bottom-nav.cb-first-app button{min-width:0!important;width:auto!important;max-width:100%!important;flex:1 1 auto!important;padding:1px!important}
  nav.bottom-nav.cb-first-app :where(img,svg){max-width:min(12px,25vw)!important;height:auto!important}
  main :where(.btn,.btn-popup,button,.dropdown-item){font-size:clamp(1px,3.4vw,11px)!important;line-height:1.25!important;white-space:normal!important}
  main :where(p,span,small,label,a,input,select,textarea){font-size:clamp(.9px,3.4vw,12px)!important;line-height:1.3!important}
  main .cb-main-balance-shell,.balance.cb-page-live,.cb-wallet-balance-trigger{width:100%!important;min-width:0!important;max-width:100%!important}
  main .balance.cb-page-live .cb-main-currency-dropdown{width:100%!important;left:0!important;transform:none!important;max-width:100%!important}
  .cb-create-ad-form,.cb-create-ad-preview,.cb-native-article-picker{min-width:0!important;max-width:100%!important;padding:clamp(1px,2vw,8px)!important}
  .cb-ad-field,.cb-ad-control,.cb-ad-money,.cb-ad-money-meta{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
  .cb-ad-platforms,.cb-ad-types,.cb-ad-summary,.cb-wallet-actions-modern,.cb-ad-toggle-row{display:flex!important;flex-wrap:wrap!important;min-width:0!important}
  .cb-ad-platform,.cb-ad-type{flex:1 1 auto!important;min-width:0!important}
  .cb-ad-control input,.cb-ad-control select,.cb-ad-control textarea{width:100%!important;max-width:100%!important}
  .cb-ad-time-control{width:100%!important;min-width:0!important;gap:0!important;flex-wrap:wrap!important;height:auto!important}
  .cb-ad-time-control button{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;width:auto!important;height:auto!important;min-height:0!important;padding:2px!important}
  .cb-ad-time-control strong{flex:1 1 100%!important;order:-1!important;white-space:normal!important}
  .cb-ad-v3-dialog,dialog,.modal,.popup,.cb-rich-float{max-width:100vw!important;min-width:0!important;overflow-wrap:anywhere}
  .cb-activity-reserved-slot{height:auto!important;min-height:25px!important}
  a.cb-latest-activity{max-width:100%!important;min-width:0!important}
  a.cb-latest-activity .badge{display:flex!important;flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;padding:2px!important;gap:2px!important}
  a.cb-latest-activity .badge .d-flex{min-width:0!important;flex-wrap:wrap!important;flex:1 1 auto!important}
  a.cb-latest-activity .badge .d-flex span{min-width:0!important;overflow-wrap:anywhere!important}
  :where(.table-wrap,.cb-task-table,pre,table){max-width:100%!important;overflow-x:auto}
}
@media(max-width:110px){
  main{padding:1px!important}
  main :where(.d-flex,.badge,.card,.cb-ad-field,.cb-article-native-item){flex-direction:column!important;align-items:stretch!important}
  main .cb-ad-preview-card{padding:1px!important}
  nav.bottom-nav.cb-first-app{position:static!important;margin:2px 0!important}
  main .cb-main-currency-dropdown .dropdown-item{grid-template-columns:minmax(0,1fr)!important}
  .cb-create-ad-title,.cb-ad-stat,.cb-ad-launch{padding:1px!important}
}
@media(max-width:50px){
  main :where(img,svg){max-width:9px!important;height:auto!important}
  main :where(button,input,select,textarea){border-radius:2px!important;padding:1px!important}
  main :where(.cb-ad-time-control button,.cb-article-native-check){min-height:4px!important}
}