/* Shared mobile safety layer. Loaded last so every platform follows one layout contract. */
html,body{max-width:100%;overflow-x:hidden}
body{width:100%}
img,video,canvas,svg{max-width:100%}
.page-wrap,.nav-wrap,.platform-bar-inner,footer{min-width:0}
.page-wrap>*,.listing-body,.account-main>div,.youtube-account,.youtube-recent{min-width:0}
h1,h2,h3,p,a,span,strong,small{overflow-wrap:anywhere}
input,select,textarea,button{max-width:100%}

@media(max-width:760px){
  .site-header{height:auto;min-height:0;padding:0;background:#fff}
  .nav-wrap{width:100%;padding:10px 14px 0;display:flex;align-items:center;flex-wrap:wrap;gap:9px}
  .brand-cluster{width:100%;min-height:54px}
  .brand-cluster .network-brand>.brand-mark{width:44px;height:44px;flex:0 0 44px}
  .brand-cluster .brand-lockup>strong{font-size:21px}
  .brand-cluster .brand-lockup>small{font-size:6px;letter-spacing:1.25px}
  .network-brand>strong{white-space:nowrap}
  .nav-actions{order:2;width:calc(100% + 28px);margin:0 -14px;padding:8px 14px 10px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;overflow:visible;border-top:1px solid #edf1f5}
  .nav-actions>*{flex:0 0 auto;min-width:0}
  .nav-actions form{display:flex}
  .nav-actions .nav-login,.nav-actions .btn-nav,.nav-actions .btn-ghost,.admin-menu summary{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:12px;line-height:1.1;white-space:nowrap}
  .nav-actions .btn-nav{background:var(--ink);border-color:var(--ink);color:#fff}
  .language-picker{min-width:0;max-width:120px}
  .language-picker select{width:100%;min-width:92px;height:38px;padding:7px 26px 7px 9px}
  .admin-menu summary{font-size:12px}
  .admin-menu summary::before{content:none}
  .admin-dropdown{position:fixed;z-index:100;top:8px;right:8px;left:8px;width:auto;max-height:calc(100dvh - 16px);overflow:auto}

  .platform-bar{position:relative;z-index:20}
  .platform-bar-inner{width:100%;height:54px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none}
  .platform-bar-inner::-webkit-scrollbar{display:none}
  .platform-home{flex:0 0 58px}
  .platform-home>span{width:31px;height:31px}
  .platform-tab{flex:1 0 128px;min-width:128px;padding:0 10px}
  .platform-tab div{min-width:0}
  .platform-tab b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .page-wrap{width:calc(100% - 28px);max-width:1180px;margin-inline:auto}
  .dashboard-head:not(.network-dashboard-head){padding:38px 0 24px}
  .dashboard-head h1,.youtube-head h1,.yt-market-head h1{max-width:100%;font-size:clamp(32px,10vw,40px);line-height:1.08;letter-spacing:-2px}
  .dashboard-head>p,.yt-market-head p{font-size:16px;line-height:1.55}

  .connection-policy-note{width:100%;padding:15px 15px 15px 45px}
  .platform-overview{width:100%}
  .account-grid,.youtube-account-grid,.yt-account-grid,.yt-listing-grid,.settings-grid,.workspace-grid,.account-choice-grid,.public-groups{grid-template-columns:minmax(0,1fr)!important}
  .telegram-account,.youtube-account,.yt-account-card,.listing-item,.workspace-empty{width:100%;max-width:100%}
  .account-main{width:100%;align-items:flex-start;flex-wrap:wrap}
  .account-main>div:not(.account-avatar){flex:1 1 150px;min-width:0}
  .account-main h3,.account-main p{overflow-wrap:anywhere;word-break:break-word}
  .account-main .status-pill{flex:0 0 auto;margin-left:auto}
  .youtube-join-form,.review-listing-form{grid-template-columns:minmax(0,1fr)!important}
  .youtube-join-form label,.youtube-join-form button,.review-listing-form label,.review-listing-form button{width:100%}

  .listing-item{grid-template-columns:38px minmax(0,1fr)!important;padding:13px}
  .listing-actions{grid-column:1/-1;width:100%;justify-content:stretch;flex-wrap:wrap}
  .listing-actions>a,.listing-actions>button,.listing-actions>form{flex:1 1 130px;text-align:center;justify-content:center}
  .listing-source,.listing-meta{flex-wrap:wrap}
  .listing-body p{max-width:100%;white-space:normal}
  .my-listings article{min-width:0}
  .my-actions{width:100%;flex-wrap:wrap}

  .yt-hero,.yt-create-panel{padding:28px 20px}
  .yt-market-head form{min-width:0;width:100%}
  .yt-mini-list article{grid-template-columns:64px minmax(0,1fr)}
  .yt-mini-list>article>strong{grid-column:2}
  .yt-account-tools{width:100%;margin-left:0;flex-wrap:wrap}
  .yt-tabs{max-width:100%;overflow-x:auto}

  .selection-bar,.youtube-selection-bar{position:static!important;display:flex!important;align-items:stretch!important;flex-direction:column;gap:12px}
  .selection-info{width:100%;align-items:stretch!important;flex-direction:column!important;gap:10px!important}
  .selection-info>*,.target-count,.target-count input{width:100%!important}
  .selection-actions{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px}
  .selection-actions button{width:100%}
  .post-card{min-width:0}
  .telegram-message{width:100%;min-width:0}

  .table-wrap,.admin-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{max-width:none}
  footer{width:calc(100% - 28px);height:auto;min-height:130px;padding:24px 0;gap:20px;align-items:flex-start;flex-direction:column}
  .footer-trust{align-items:flex-start}
}

@media(max-width:420px){
  .nav-wrap{padding-inline:10px}
  .nav-actions{width:calc(100% + 20px);margin-inline:-10px;padding-inline:10px}
  .network-brand-header{gap:10px}
  .brand-cluster .network-brand>.brand-mark{width:42px;height:42px;flex-basis:42px}
  .brand-cluster .brand-lockup>strong{font-size:19px}
  .brand-cluster .brand-lockup>small{font-size:5.5px;letter-spacing:1px}
  .nav-actions .nav-login,.nav-actions .btn-nav,.nav-actions .btn-ghost,.admin-menu summary{padding-inline:9px;font-size:11px}
  .language-picker{max-width:105px}
  .language-picker select{min-width:88px;font-size:11px}
  .platform-tab{flex-basis:126px;min-width:126px}
  .page-wrap{width:calc(100% - 20px)}
  .network-hero h1{font-size:38px;letter-spacing:-2.3px}
  .network-visual{height:320px}
  .connection-policy-note{padding-right:13px}
  .platform-overview>div{padding:13px 14px}
  .account-main .status-pill{width:100%;margin:8px 0 0;text-align:center;justify-content:center}
  .youtube-account .remove-account button{min-height:40px}
  .section-title-row{align-items:flex-start;flex-direction:column;gap:10px}
  .workspace-empty{align-items:flex-start;padding:17px}
  .yt-hero h1,.yt-market-head h1{font-size:36px}
  .yt-listing-media{height:165px}
  .post-card{padding:10px}
}

html[dir=rtl] .nav-actions{direction:rtl}
html[dir=rtl] .connection-policy-note{padding-right:45px;padding-left:15px}
html[dir=rtl] .account-main .status-pill{margin-right:auto;margin-left:0}