/* PulseBoard V19 — reliable mobile navigation and YouTube card editor layout. */
:root{
  --pb19-mobile-gutter:clamp(8px,2.5vw,14px);
  --pb19-mobile-header:74px;
}

/* Every responsive grid child must be allowed to shrink inside its column. */
.theme-manager .manager-shell,
.theme-manager .manager-main,
.theme-manager .manager-panel,
.theme-manager .cards,
.theme-manager .manager-card,
.theme-manager .card-body,
.theme-manager .edit-box,
.theme-manager .edit-row,
.theme-manager .card-actions,
.theme-manager .video-frame-wrap{
  min-width:0;
  max-width:100%;
}

.theme-manager .manager-card input,
.theme-manager .manager-card textarea,
.theme-manager .manager-card select,
.theme-manager .bulk-card input,
.theme-manager .bulk-card textarea,
.theme-manager .bulk-card select{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  max-width:100%;
}

.theme-manager .card-query,
.theme-manager .save-note,
.theme-manager .manager-card label,
.theme-manager .manager-card h3,
.theme-manager .manager-card p{
  overflow-wrap:anywhere;
}

/* Mobile and touch-device navigation: one stable document flow, no overlapping columns. */
@media (max-width:980px), (max-width:1180px) and (hover:none) and (pointer:coarse){
  body.menu-open{
    overflow:hidden!important;
    touch-action:none;
  }

  body.menu-open .pb-social-launcher,
  body.menu-open .pb-social-drawer,
  body.menu-open .floating-wa,
  body.menu-open .cookie-settings-fab{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .site-header .header-tools .menu-toggle,
  .site-header .menu-toggle{
    z-index:2147483646!important;
  }

  .pb-menu-backdrop{
    position:fixed!important;
    inset:var(--pb19-mobile-header) 0 0!important;
    z-index:2147483600!important;
    background:rgba(0,7,11,.88)!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  body.menu-open .pb-menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .mobile-menu.pb-astoria-menu{
    position:fixed!important;
    top:calc(var(--pb19-mobile-header) + max(6px,env(safe-area-inset-top)))!important;
    right:max(var(--pb19-mobile-gutter),env(safe-area-inset-right))!important;
    bottom:max(var(--pb19-mobile-gutter),env(safe-area-inset-bottom))!important;
    left:max(var(--pb19-mobile-gutter),env(safe-area-inset-left))!important;
    inset-block-start:calc(var(--pb19-mobile-header) + max(6px,env(safe-area-inset-top)))!important;
    inset-block-end:max(var(--pb19-mobile-gutter),env(safe-area-inset-bottom))!important;
    inset-inline-start:max(var(--pb19-mobile-gutter),env(safe-area-inset-left))!important;
    inset-inline-end:max(var(--pb19-mobile-gutter),env(safe-area-inset-right))!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    border:1px solid rgba(var(--accent-rgb),.32)!important;
    border-radius:22px!important;
    background:#06131d!important;
    box-shadow:0 28px 80px rgba(0,0,0,.62)!important;
    isolation:isolate;
    z-index:2147483601!important;
    transform:translateY(-10px) scale(.99)!important;
  }

  .mobile-menu.pb-astoria-menu.is-open,
  .mobile-menu.pb-astoria-menu[aria-hidden="false"]{
    transform:none!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-main,
  .mobile-menu.pb-astoria-menu .pb-menu-visual{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
    box-shadow:none!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-main{
    display:block!important;
    padding:18px 14px 16px!important;
    background:linear-gradient(160deg,rgba(var(--accent-rgb),.08),transparent 38%),#071821!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-top{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:start!important;
    margin:-18px -14px 18px!important;
    padding:16px 14px 15px!important;
    border-bottom:1px solid rgba(var(--accent-rgb),.22)!important;
    background:linear-gradient(180deg,#071821 78%,rgba(7,24,33,.94))!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-title{
    max-width:none!important;
    margin:.28em 0 0!important;
    font-size:clamp(1.9rem,9vw,3rem)!important;
    line-height:.92!important;
    overflow-wrap:anywhere;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-close{
    position:static!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
    border-radius:12px!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-groups{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:0!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-group,
  .mobile-menu.pb-astoria-menu .pb-menu-links{
    min-width:0!important;
    max-width:100%!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-group h3{
    margin:0 0 8px!important;
    padding:0 0 9px!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-links{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding-left:10px!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-links a{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:12px 13px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.025)!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-links a:hover,
  .mobile-menu.pb-astoria-menu .pb-menu-links a.is-active{
    padding-left:15px!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-status{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:18px!important;
    padding-top:16px!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-stat{
    min-width:0!important;
    padding:12px!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-stat strong{
    overflow-wrap:anywhere!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-visual{
    display:block!important;
    padding:18px 14px 24px!important;
    border-top:1px solid rgba(var(--accent-rgb),.24)!important;
    background:linear-gradient(155deg,rgba(var(--accent-rgb),.12),transparent 42%),#081b25!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-visual::before,
  .mobile-menu.pb-astoria-menu .pb-menu-orbit{
    display:none!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-language{
    margin:0!important;
  }

  .mobile-menu.pb-astoria-menu .pb-language-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .mobile-menu.pb-astoria-menu .pb-language-option{
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    padding:9px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  .mobile-menu.pb-astoria-menu .pb-language-copy,
  .mobile-menu.pb-astoria-menu .pb-language-copy strong,
  .mobile-menu.pb-astoria-menu .pb-language-copy small{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }

  .mobile-menu.pb-astoria-menu .pb-menu-farm{
    width:100%!important;
    min-width:0!important;
    margin-top:12px!important;
    border-radius:12px!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:430px){
  .mobile-menu.pb-astoria-menu .pb-language-grid{
    grid-template-columns:1fr!important;
  }
}

/* YouTube card editor — fluid, readable and keyboard-safe on phones. */
@media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){
  :root{--pb19-mobile-header:74px}

  .theme-manager{
    position:relative!important;
    overflow-x:hidden!important;
  }

  .theme-manager .manager-shell.shell{
    width:calc(100% - 12px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-top:84px!important;
    padding-bottom:190px!important;
  }

  .theme-manager .manager-main{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  .theme-manager .manager-panel.sidebar,
  .theme-manager .manager-panel.content{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    position:static!important;
    padding:12px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }

  .theme-manager .content-topbar,
  .theme-manager .content-actions{
    width:100%!important;
    align-items:stretch!important;
  }

  .theme-manager .content-actions,
  .theme-manager .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .theme-manager .content-actions>* ,
  .theme-manager .hero-actions>*{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }

  .theme-manager .cards{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  .theme-manager .manager-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:13px!important;
    padding:12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .theme-manager .video-frame-wrap,
  .theme-manager .video-frame,
  .theme-manager .video-frame iframe,
  .theme-manager .placeholder{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .theme-manager .placeholder{
    min-height:190px!important;
  }

  .theme-manager .card-meta-line{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    align-items:stretch!important;
  }

  .theme-manager .card-meta-cluster{
    min-width:0!important;
  }

  .theme-manager .card-meta-line .delete-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    white-space:normal!important;
    justify-content:center!important;
  }

  .theme-manager .card-title{
    font-size:clamp(1.4rem,7vw,1.85rem)!important;
    line-height:1.08!important;
  }

  .theme-manager .card-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }

  .theme-manager .card-actions .button,
  .theme-manager .card-actions .ghost-button,
  .theme-manager .card-actions a,
  .theme-manager .card-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:12px 14px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
  }

  .theme-manager .edit-box{
    width:100%!important;
    min-width:0!important;
    gap:9px!important;
  }

  .theme-manager .edit-row,
  .theme-manager .edit-row--single{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }

  .theme-manager .manager-card input,
  .theme-manager .manager-card textarea,
  .theme-manager .manager-card select,
  .theme-manager .bulk-card input,
  .theme-manager .bulk-card textarea,
  .theme-manager .bulk-card select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:50px!important;
    padding:13px 14px!important;
    border-radius:10px!important;
    font-size:16px!important;
    line-height:1.35!important;
    scroll-margin-top:110px;
    scroll-margin-bottom:35vh;
  }

  .theme-manager .manager-card textarea,
  .theme-manager .bulk-card textarea{
    min-height:116px!important;
    resize:vertical!important;
  }

  .theme-manager .edit-row .save-video,
  .theme-manager .edit-row .save-meta{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    justify-content:center!important;
  }

  .theme-manager .bulk-card{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    padding:16px!important;
    overflow-x:hidden!important;
  }

  .theme-manager .pb-social-launcher{
    position:absolute!important;
    right:10px!important;
    bottom:92px!important;
  }

  .theme-manager .floating-wa{
    position:absolute!important;
    right:10px!important;
    bottom:24px!important;
  }
}

@media (max-width:380px){
  .theme-manager .manager-shell.shell{width:calc(100% - 8px)!important}
  .theme-manager .manager-panel.sidebar,
  .theme-manager .manager-panel.content,
  .theme-manager .manager-card{padding:10px!important}
}

@media (prefers-reduced-motion:reduce){
  .mobile-menu.pb-astoria-menu,
  .pb-menu-backdrop{transition:none!important}
}