/* Esparta Brasil — shell mobile dedicada 256. Desktop permanece intacto. */
.mobile256-menu,.mobile256-backdrop,.mobile256-bottom,.mobile256-drawer-search{display:none}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body.mobile256-menu-open{overflow:hidden}
  .app{display:block!important;min-height:100dvh;width:100%!important}
  .workspace{width:100%!important;min-width:0!important;min-height:100dvh!important}

  /* Topo mobile */
  .topbar{position:sticky!important;top:0!important;z-index:70!important;height:62px!important;min-height:62px!important;padding:0 12px 0 58px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;background:rgba(7,10,15,.96)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(18px)!important}
  .topbar>div:first-of-type{min-width:0!important;display:block!important}
  .topbar h1{font-size:15px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .topbar p{font-size:9px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:62vw!important;margin-top:3px!important}
  .topbar .top-actions{display:none!important}
  .mobile256-menu{display:grid;place-items:center;position:absolute;left:11px;top:10px;width:42px;height:42px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#101720;color:#f3f5f8;cursor:pointer;padding:0;z-index:2}
  .mobile256-menu span,.mobile256-menu:before,.mobile256-menu:after{content:"";display:block;width:18px;height:2px;border-radius:2px;background:#e6eaf0;transition:.18s ease}
  .mobile256-menu span{position:relative}.mobile256-menu:before{position:absolute;transform:translateY(-6px)}.mobile256-menu:after{position:absolute;transform:translateY(6px)}
  body.mobile256-menu-open .mobile256-menu span{opacity:0}body.mobile256-menu-open .mobile256-menu:before{transform:rotate(45deg)}body.mobile256-menu-open .mobile256-menu:after{transform:rotate(-45deg)}

  /* Sidebar vira drawer lateral */
  .sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:120!important;width:min(86vw,340px)!important;height:100dvh!important;max-height:100dvh!important;padding:17px 14px calc(22px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;gap:12px!important;overflow-y:auto!important;overscroll-behavior:contain;background:linear-gradient(180deg,#090e15,#070b10)!important;border-right:1px solid rgba(239,186,39,.18)!important;box-shadow:28px 0 80px rgba(0,0,0,.52)!important;transform:translateX(-105%);transition:transform .22s ease!important}
  body.mobile256-menu-open .sidebar{transform:translateX(0)}
  .sidebar .brand{display:flex!important;flex:0 0 auto!important;padding:2px 4px 10px!important}
  .sidebar .usercard{display:block!important;flex:0 0 auto!important;min-height:auto!important;padding:12px!important}
  .sidebar .nav{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;gap:3px!important}
  .sidebar .nav button{width:100%!important;min-height:44px!important;padding:9px 12px!important;border-radius:12px!important}
  .sidebar .nav .sep{display:block!important;margin:7px 6px!important}
  .sidebar .logout{display:block!important;min-height:44px!important;margin-top:10px!important}
  .mobile256-drawer-search{display:block;margin:0 0 2px}
  .mobile256-drawer-search form{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px}
  .mobile256-drawer-search input{width:100%;min-width:0;height:42px;border:1px solid #263140;background:#0d141e;color:#fff;border-radius:11px;padding:0 11px;font-size:16px;outline:0}
  .mobile256-drawer-search button{height:42px;border:1px solid rgba(239,186,39,.25);background:rgba(239,186,39,.09);color:#efc34d;border-radius:11px}
  .mobile256-backdrop{display:block;position:fixed;inset:0;z-index:110;background:rgba(0,0,0,.63);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease}
  body.mobile256-menu-open .mobile256-backdrop{opacity:1;pointer-events:auto}

  /* Barra inferior única */
  .mobile256-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:95;height:66px;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(10,15,22,.94);box-shadow:0 14px 48px rgba(0,0,0,.46);backdrop-filter:blur(20px)}
  .mobile256-bottom button{min-width:0;border:0;background:transparent;color:#737f8e;border-radius:15px;display:grid;place-items:center;align-content:center;gap:3px;padding:3px 2px;cursor:pointer}
  .mobile256-bottom .ico{font-size:19px;line-height:1}.mobile256-bottom .label{font-size:8px;font-weight:850;white-space:nowrap}
  .mobile256-bottom button.active{color:#f0c449;background:linear-gradient(180deg,rgba(239,186,39,.12),rgba(239,186,39,.035))}
  body:has(#modalRoot .messages245-chat) .mobile256-bottom,body:has(.story237-overlay) .mobile256-bottom,body:has(.modalbg) .mobile256-bottom{display:none!important}

  /* Conteúdo base mobile */
  .content{width:100%!important;max-width:100%!important;margin:0!important;padding:12px 10px calc(92px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
  .content>.page,.page,.feed{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;min-width:0!important}
  .content *{min-width:0}
  .content [style*="min-width"]{min-width:0!important}
  .content [style*="position:sticky"]{position:static!important}
  .home-feed-layout{display:block!important}.ad-sidebar{display:none!important}.feed{gap:10px!important}
  .hero{min-height:0!important;padding:16px!important;border-radius:16px!important}.hero h2{font-size:23px!important}
  .card,.post{border-radius:14px!important}.card{padding:12px!important}.posthead{padding:11px 12px!important}.postbody{padding:0 12px 12px!important}.postactions{padding:8px 9px!important}
  .postmedia img,.postmedia video{max-height:72dvh!important}
  .grid,.grid3{grid-template-columns:1fr!important;gap:10px!important}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.productbody{padding:10px!important}.productimg{aspect-ratio:1.2/1!important}.price{font-size:15px!important}
  .toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:12px 0!important}.toolbar>*{width:100%!important;max-width:100%!important}.toolbar .input{min-width:0!important}
  .input,.select,.textarea,.card input,.card select,.card textarea,.modal input,.modal select,.modal textarea{width:100%;max-width:100%;font-size:16px}
  .btn{min-height:42px}.iconbtn{min-width:42px;min-height:42px}
  table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  pre,code{max-width:100%;overflow-x:auto}
  img,video{max-width:100%}
  .empty{padding:22px 14px!important}

  /* Modais como bottom-sheet; Direct continua tela cheia */
  .modalbg{padding:0!important;align-items:end!important;place-items:end center!important}
  .modalbg>.modal:not(.chat){width:100%!important;max-width:100%!important;max-height:92dvh!important;border-radius:21px 21px 0 0!important;padding:15px!important;border-left:0!important;border-right:0!important;border-bottom:0!important}
  .modalgrid{grid-template-columns:1fr!important;gap:12px!important}.modalgrid img{max-height:35dvh!important}
  #modalRoot .messages245-chat{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important}

  /* Mensagens */
  .messages245{width:100%!important}.messages245-hero{padding:14px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.messages245-layout{display:block!important}.messages245-side{display:none!important}.messages245-inbox{width:100%!important}.msgcard{grid-template-columns:46px minmax(0,1fr) auto!important;padding:10px!important}.msgpreview{max-width:100%!important}

  /* Stories */
  .stories237{border-radius:15px!important}.stories237-track{overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity}.story237{scroll-snap-align:start}
  .story237-overlay,.story237-create-overlay{z-index:1500!important}

  /* Tribo e Amigos: elimina largura desktop herdada */
  .t251-page{width:100%!important;max-width:100%!important;padding-bottom:0!important;gap:10px!important}
  .t251-mainhero{min-height:0!important;padding:16px!important;border-radius:17px!important;align-items:flex-start!important}.t251-mainhero h2{font-size:24px!important}.t251-mainhero p{font-size:12px!important}.t251-hero-art{display:none!important}
  .t251-mainnav{grid-template-columns:1fr!important;gap:8px!important}.t251-mainnav button{padding:11px 12px!important;border-radius:14px!important;grid-template-columns:38px minmax(0,1fr)!important}.t251-mainnav button>span{width:38px!important;height:38px!important}
  .t251-section-head,.t251-pane-head{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.t251-section-head h3,.t251-pane-head h3{font-size:21px!important}
  .t251-stat-grid.three,.t251-stat-grid.four,.t251-stat-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))!important}.t251-stat-grid>div{padding:11px!important}.t251-stat-grid b{font-size:19px!important}
  .t251-people-grid,.t251-tribe-grid,.t251-note-grid,.t251-location-grid,.t251-member-grid,.t251-dashboard-grid,.t251-dashboard-grid.lower,.t251-kanban,.t251-management-grid{grid-template-columns:1fr!important}
  .t251-tribe-grid{gap:9px!important}.t251-tribe-card{border-radius:16px!important}.t251-tribe-numbers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .t251-group-hero{min-height:0!important;border-radius:17px!important}.t251-group-content{padding:15px!important;grid-template-columns:1fr!important;gap:10px!important}.t251-group-logo{width:64px!important;height:64px!important}.t251-group-copy h2{font-size:21px!important}.t251-group-meta{grid-column:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.t251-group-meta span{padding:9px 5px!important}.t251-group-meta b{font-size:17px!important}.t251-group-actions{padding:0 15px 15px!important;display:grid!important;grid-template-columns:1fr 1fr!important}.t251-group-actions>*{min-width:0!important}
  .t251-tribe-nav{margin:0 -10px!important;padding:10px!important;overflow-x:auto!important}.t251-tribe-nav button{padding:8px 10px!important;font-size:10px!important}
  .t251-pane{padding:11px!important;border-radius:16px!important;min-height:0!important}.t251-friend-search,.t251-tribe-search{padding:9px!important;flex-direction:column!important}.t251-friend-search>* ,.t251-tribe-search>*{width:100%!important}
  .t251-resource{grid-template-columns:1fr!important}.t251-resource>.select,.t251-resource>.t251-actions{grid-column:auto!important}.t251-management-card.wide{grid-column:auto!important}.t251-chat{height:min(52dvh,430px)!important}.t251-message{max-width:94%!important}.t251-bubble{min-width:0!important;max-width:100%!important}.t251-chat-form{grid-template-columns:1fr!important}.t251-form-grid{grid-template-columns:1fr!important}.t251-request{flex-direction:column!important}.t251-member-manage{grid-column:1/3!important;flex-direction:column!important}.t251-history>div{grid-template-columns:1fr!important}.t251-manage-goal{grid-template-columns:1fr!important}.t251-manage-goal .btn{grid-column:auto!important}

  /* Outras telas: qualquer grade de dashboard herdada passa a ser uma coluna */
  .content [class*="dashboard-grid"],.content [class*="management-grid"],.content [class*="layout-grid"],.content [class*="content-grid"]{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .products{grid-template-columns:1fr!important}
  .t251-stat-grid.three,.t251-stat-grid.four,.t251-stat-grid.five{grid-template-columns:1fr 1fr!important}
  .mobile256-bottom{left:6px;right:6px;height:64px;border-radius:18px}.mobile256-bottom .label{font-size:7.5px}
}

@media(prefers-reduced-motion:reduce){.sidebar,.mobile256-backdrop,.mobile256-menu span,.mobile256-menu:before,.mobile256-menu:after{transition:none!important}}