/* Mobile V3: simplified app layout. Desktop remains untouched. */
@media (max-width: 820px) {
  :root { --m3-top: 54px; --m3-bottom: 66px; --m3-gap: 10px; }
  body.mobile-simple-v3 {
    background:#071217 !important;
    padding-bottom:calc(var(--m3-bottom) + env(safe-area-inset-bottom)) !important;
  }
  body.mobile-simple-v3::before { opacity:.35 !important; }

  /* Simple top bar: brand + account only */
  body.mobile-simple-v3 .navbar {
    height:calc(var(--m3-top) + env(safe-area-inset-top)) !important;
    padding:env(safe-area-inset-top) 10px 0 !important;
    background:#061116 !important;
    border-bottom:1px solid rgba(45,220,210,.18) !important;
    box-shadow:none !important;
  }
  body.mobile-simple-v3 .nav-inner { height:var(--m3-top) !important; gap:8px !important; }
  body.mobile-simple-v3 .logo svg { width:25px !important; height:25px !important; }
  body.mobile-simple-v3 .logo span { font-size:15px !important; max-width:44vw !important; }
  body.mobile-simple-v3 .nav-right { gap:5px !important; }
  body.mobile-simple-v3 .nav-right .btn { height:34px !important; min-height:34px !important; padding:0 9px !important; border-radius:9px !important; }
  body.mobile-simple-v3 .nav-right .btn-tg,
  body.mobile-simple-v3 .nav-right .secondary-action { display:none !important; }
  body.mobile-simple-v3 .navbar .nav-menu { display:none !important; }

  /* Main canvas */
  body.mobile-simple-v3 .main,
  body.mobile-simple-v3 .page-main,
  body.mobile-simple-v3 .bin-wrap,
  body.mobile-simple-v3 main.wrap,
  body.mobile-simple-v3 .wrap {
    padding:calc(var(--m3-top) + env(safe-area-inset-top) + 8px) var(--m3-gap) 14px !important;
  }
  body.mobile-simple-v3 .global-notice-bar,
  body.mobile-simple-v3 .top-announcement,
  body.mobile-simple-v3 .announcement-bar {
    height:30px !important;
    margin:0 0 8px !important;
    border-radius:8px !important;
    background:#0b2026 !important;
  }
  body.mobile-simple-v3 .global-notice-track,
  body.mobile-simple-v3 .top-announcement-text,
  body.mobile-simple-v3 .announcement-text {
    line-height:28px !important;
    font-size:13px !important;
    font-weight:600 !important;
  }

  /* Remove decorative clutter */
  body.mobile-simple-v3 .intro { padding:13px 12px !important; margin-bottom:8px !important; border-radius:12px !important; }
  body.mobile-simple-v3 .intro h1 { font-size:22px !important; margin-bottom:4px !important; }
  body.mobile-simple-v3 .intro > p { font-size:12px !important; }
  body.mobile-simple-v3 .intro-tags { display:none !important; }
  body.mobile-simple-v3 .page-header { padding:12px !important; margin-bottom:8px !important; border-radius:12px !important; }
  body.mobile-simple-v3 .page-header h1 { font-size:20px !important; }
  body.mobile-simple-v3 .page-header p { font-size:12px !important; margin-top:4px !important; }

  body.mobile-simple-v3 .workspace { gap:8px !important; }
  body.mobile-simple-v3 .panel,
  body.mobile-simple-v3 .card,
  body.mobile-simple-v3 .page-card,
  body.mobile-simple-v3 .lookup-card,
  body.mobile-simple-v3 .generator-card,
  body.mobile-simple-v3 .invite-card {
    border-radius:12px !important;
    box-shadow:none !important;
    border-color:rgba(39,211,201,.17) !important;
  }
  body.mobile-simple-v3 .panel-header { min-height:44px !important; padding:9px 10px !important; }
  body.mobile-simple-v3 .panel-header h2 { font-size:14px !important; }
  body.mobile-simple-v3 .panel-body { padding:10px !important; }
  body.mobile-simple-v3 .panel-footer { padding:10px !important; }
  body.mobile-simple-v3 .panel-actions { margin-top:6px !important; }
  body.mobile-simple-v3 textarea { min-height:180px !important; }
  body.mobile-simple-v3 .task-circle { transform:scale(.72) !important; margin:-18px auto !important; }
  body.mobile-simple-v3 .panel-stats .chart-wrap,
  body.mobile-simple-v3 .decorative-chart,
  body.mobile-simple-v3 .radar-visual { display:none !important; }

  /* Compact cards and forms */
  body.mobile-simple-v3 .price-grid,
  body.mobile-simple-v3 .generator-grid,
  body.mobile-simple-v3 .lookup-grid,
  body.mobile-simple-v3 .invite-grid { gap:8px !important; }
  body.mobile-simple-v3 .price-card { padding:16px 12px 12px !important; border-radius:12px !important; }
  body.mobile-simple-v3 .price-amount { font-size:29px !important; }
  body.mobile-simple-v3 .brand-grid { gap:6px !important; }
  body.mobile-simple-v3 .brand-card { min-height:70px !important; padding:9px !important; border-radius:10px !important; }
  body.mobile-simple-v3 .form-row,
  body.mobile-simple-v3 .form-grid,
  body.mobile-simple-v3 .generator-options,
  body.mobile-simple-v3 .bin-form-grid { gap:8px !important; }
  body.mobile-simple-v3 input,
  body.mobile-simple-v3 select,
  body.mobile-simple-v3 textarea { min-height:44px !important; border-radius:9px !important; }
  body.mobile-simple-v3 .btn,
  body.mobile-simple-v3 button { min-height:42px !important; border-radius:9px !important; }

  /* Tables: simple horizontal scrolling */
  body.mobile-simple-v3 .table-wrap,
  body.mobile-simple-v3 .records-table,
  body.mobile-simple-v3 .history-table,
  body.mobile-simple-v3 .lookup-results { border-radius:10px !important; }

  /* Bottom app navigation */
  .mobile-bottom-nav-v3 {
    position:fixed; left:0; right:0; bottom:0; z-index:3000;
    height:calc(var(--m3-bottom) + env(safe-area-inset-bottom));
    padding:5px 6px env(safe-area-inset-bottom);
    display:grid; grid-template-columns:repeat(5,1fr); gap:2px;
    background:#061116; border-top:1px solid rgba(45,220,210,.2);
    box-shadow:0 -6px 20px rgba(0,0,0,.28);
  }
  .mobile-bottom-nav-v3 a,
  .mobile-bottom-nav-v3 button {
    border:0 !important; background:transparent !important; color:#789096 !important;
    min-width:0; min-height:56px !important; padding:5px 2px !important;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    font-size:10px !important; line-height:1.05; text-decoration:none; border-radius:9px !important;
  }
  .mobile-bottom-nav-v3 .m3-icon { font-size:19px; line-height:1; }
  .mobile-bottom-nav-v3 .active { color:#28ddd3 !important; background:rgba(40,221,211,.09) !important; }

  .mobile-more-sheet-v3 {
    position:fixed; inset:0; z-index:3100; display:none; align-items:flex-end;
    background:rgba(0,0,0,.56); padding:0;
  }
  .mobile-more-sheet-v3.open { display:flex; }
  .mobile-more-card-v3 {
    width:100%; background:#0a171d; border-radius:18px 18px 0 0;
    padding:10px 12px calc(14px + env(safe-area-inset-bottom));
    border-top:1px solid rgba(45,220,210,.25);
  }
  .mobile-more-handle-v3 { width:38px; height:4px; border-radius:4px; background:#426068; margin:0 auto 10px; }
  .mobile-more-grid-v3 { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
  .mobile-more-grid-v3 a { min-height:62px; border:1px solid rgba(45,220,210,.16); border-radius:11px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; color:#cce2e5; text-decoration:none; font-size:12px; background:#0c2026; }
  .mobile-more-grid-v3 span { font-size:20px; }

  /* Bottom sheet modals stay above nav */
  body.mobile-simple-v3 .modal-overlay { z-index:3200 !important; }
  body.mobile-simple-v3 .recharge-selection,
  body.mobile-simple-v3 .recharge-confirm { bottom:calc(var(--m3-bottom) + 6px) !important; }
}

@media (max-width:390px) {
  .mobile-more-grid-v3 { grid-template-columns:repeat(2,1fr); }
  body.mobile-simple-v3 .intro h1 { font-size:20px !important; }
}