/* Mobile Chợ: two header rows, one bottom navigation, contextual tools. */
#cb-app .cb-mobile-nav,#cb-app .cb-account-icon,#cb-app .cb-list-saved{display:none}
#cb-app .cb-mobile-query-explanation{display:none}
#cb-app .cb-scene-shortcuts{display:none;position:absolute;top:12px;right:12px;z-index:3;pointer-events:none}
#cb-app .cb-scene-shortcuts button{pointer-events:auto;min-height:44px;font-size:12px;box-shadow:0 3px 10px #234f3815}
#cb-app .cb-own-actions,#cb-app .cb-directory-list{display:grid;gap:10px;margin:12px 0}
#cb-app .cb-own-actions button,#cb-app .cb-directory-list button{text-align:left;min-height:48px;white-space:normal;overflow-wrap:anywhere}
#cb-app .cb-own-actions small,#cb-app .cb-directory-list small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}
#cb-app .cb-own-more{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}
#cb-app .cb-own-more summary{padding:12px 0;min-height:44px;font-weight:600}
@media(max-width:800px){
  #cb-app{--cb-mobile-header-height:calc(110px + env(safe-area-inset-top));--cb-mobile-nav-height:calc(64px + env(safe-area-inset-bottom));min-height:0;height:var(--cb-market-height,100dvh);font-size:14px}
  #cb-app #cb-market-content{min-height:0;overflow:hidden}
  #cb-app .cb-topbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:44px 44px;gap:6px;padding:calc(6px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));min-height:var(--cb-mobile-header-height);flex-shrink:0}
  #cb-app .cb-brand{grid-column:1;grid-row:1;min-width:0;font-size:13px;gap:8px;letter-spacing:.5px}
  #cb-app .cb-logo{width:36px;height:36px;font-size:25px;flex-shrink:0}
  #cb-app .cb-brand small{font-size:9px;letter-spacing:1px;margin-top:4px}
  #cb-app .cb-top-actions{grid-column:2;grid-row:1;margin:0;gap:0}
  #cb-app #cb-new,#cb-app #cb-nav-mine,#cb-app .cb-account-name{display:none}
  #cb-app #cb-account{width:44px;height:44px;padding:0;min-width:44px;max-width:none;font-size:22px}
  #cb-app .cb-account-icon{display:block}
  #cb-app .cb-search{grid-column:1/-1;grid-row:2;order:initial;display:flex;gap:6px;width:100%;max-width:none;margin:0;min-width:0}
  #cb-app .cb-search input{flex:1;min-width:0;min-height:44px;height:44px;font-size:16px;padding:9px}
  #cb-app .cb-search button{flex-shrink:0;min-height:44px;height:44px;font-size:13px;padding:7px 10px}
  #cb-app #cb-social-entry,#cb-app #cb-stall-directory,#cb-app #cb-invitation{display:none}
  #cb-app #cb-search-summary{display:none}
  #cb-app .cb-mobile-query-explanation{display:block;font-size:12px;color:var(--muted);margin:0 0 12px;overflow-wrap:anywhere}
  #cb-app details.cb-mobile-query-explanation summary{min-height:44px;padding:10px 0;font-weight:600;color:var(--ink)}
  #cb-app details.cb-mobile-query-explanation p{margin:0 0 8px}
  #cb-app .cb-market-nav{min-height:52px;padding:4px 10px;gap:6px;flex-wrap:nowrap;flex-shrink:0}
  #cb-app[data-view="market"] .cb-market-nav{display:none}
  #cb-app .cb-market-nav .cb-mode-buttons{display:none}
  #cb-app .cb-market-nav #cb-result-count{font-size:11px;margin:0;white-space:normal;flex:1;min-width:0}
  #cb-app .cb-nav-secondary{width:auto;display:flex;flex-wrap:nowrap;margin:0;gap:0;flex-shrink:0}
  #cb-app .cb-nav-secondary button{display:none}
  #cb-app .cb-nav-secondary #cb-sort{margin:0;width:110px;min-width:0;min-height:44px;font-size:12px;padding:5px}
  #cb-app .cb-list-saved{display:block;min-height:44px;font-size:11px;padding:5px 7px;max-width:105px;white-space:normal}
  #cb-app .cb-active-filters{padding:0 10px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:48px;min-height:0;flex-shrink:0}
  #cb-app .cb-active-filters button{white-space:nowrap;flex-shrink:0;min-height:44px;margin:2px 0;font-size:11px}
  #cb-app .cb-active-filters .cb-price-scope{display:none}
  #cb-app #cb-health{max-height:72px;overflow-y:auto;flex-shrink:0}
  #cb-app #cb-health .cb-notice{padding:5px 12px;font-size:12px}
  #cb-app #cb-filters{position:absolute;top:var(--cb-mobile-header-height);bottom:var(--cb-mobile-nav-height);left:0;right:0;z-index:12;max-height:none;min-height:0;padding:12px;overflow-y:auto;overscroll-behavior:contain;border-bottom:0;box-shadow:0 6px 20px #123a2925}
  #cb-app .cb-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #cb-app .cb-filter-grid label{min-width:0;font-size:12px}
  #cb-app .cb-filter-grid input,#cb-app .cb-filter-grid select{min-height:44px;font-size:16px;padding:7px}
  #cb-app .cb-filter-footer{display:grid;gap:10px;position:sticky;bottom:-12px;padding:10px 0;background:#f8faf6}
  #cb-app .cb-filter-footer small{max-width:none;font-size:12px}
  #cb-app .cb-filter-footer .cb-actions{justify-content:flex-end;gap:6px}
  #cb-app .cb-filter-footer button{min-height:44px;font-size:12px;padding:7px 10px}
  #cb-app .cb-market-layout{flex:1;min-height:0;overflow:hidden}
  #cb-app .cb-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:0 0 var(--cb-mobile-nav-height);height:var(--cb-mobile-nav-height);padding:4px max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:4px;background:#fffef9;border-top:1px solid var(--line);z-index:13}
  #cb-app .cb-mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;min-width:0;max-width:100%;padding:3px;border:0;font-size:12px;background:transparent;border-radius:10px}
  #cb-app .cb-mobile-nav button>span:first-child{font-size:21px;line-height:24px;height:24px}
  #cb-app .cb-mobile-nav button[aria-pressed="true"]{background:#e4eee5;color:var(--green)}
  #cb-app #cb-mobile-chat-badge{background:var(--green);color:#fff;border-radius:10px;padding:1px 4px;font-size:10px}
  #cb-app .cb-scene-shortcuts{display:block;left:10px;right:auto;top:10px}
  #cb-app .cb-guide{top:62px;left:10px;right:10px;max-width:360px;font-size:12px;padding:8px 10px;gap:8px}
  #cb-app .cb-guide button{min-height:44px;min-width:44px}
  #cb-app .cb-world-tools{left:10px;right:10px;bottom:10px;gap:5px}
  #cb-app .cb-world-tools button{min-height:44px;font-size:11px;padding:5px 8px;flex:0 0 auto}
  #cb-app .cb-world-tools #cb-walk{margin-left:auto}
  #cb-app .cb-context-panel{left:10px;right:10px;bottom:64px;width:auto;max-width:none;max-height:calc(100% - 76px);overflow-y:auto}
  #cb-app .cb-sidepanel{width:100%;top:0;bottom:0;max-height:100%;border-radius:0}
  #cb-app #cb-toast{bottom:calc(var(--cb-mobile-nav-height) + 8px);max-width:calc(100% - 24px)}
  /* Only an observed keyboard with focused chat enables this compact state. */
  #cb-app[data-chat-keyboard="true"] .cb-topbar,
  #cb-app[data-chat-keyboard="true"] .cb-mobile-nav,
  #cb-app[data-chat-keyboard="true"] .cb-market-nav,
  #cb-app[data-chat-keyboard="true"] .cb-active-filters,
  #cb-app[data-chat-keyboard="true"] #cb-health,
  #cb-app[data-chat-keyboard="true"] #cb-market-ticker{display:none}
  #cb-app[data-chat-keyboard="true"] #cb-toast{bottom:8px}
}
@media(max-width:800px) and (max-height:500px){
  #cb-app{--cb-mobile-header-height:60px}
  #cb-app .cb-topbar{grid-template-rows:44px;min-height:60px;padding:6px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}
  #cb-app .cb-topbar .cb-brand,#cb-app .cb-topbar .cb-top-actions{display:none}
  #cb-app .cb-search{grid-row:1}
  #cb-app .cb-guide{display:none}
  #cb-app .cb-world-tools{bottom:6px}
  #cb-app #cb-health{max-height:44px}
}