/*
 * Zenara Gold OS V5.17.0b5g — Mobile CSS Reset & Clean Two-Mode System
 * Scope: presentation only for phone viewports (<=768px).
 * No DOM, event, API, calculation, session, database, or desktop behavior changes.
 */

@media (max-width: 768px) {
  :root {
    --zm-page-x: 14px;
    --zm-card-pad: 16px;
    --zm-card-radius: 20px;
    --zm-control-h: 52px;
    --zm-nav-h: 72px;
    --zm-nav-gap: 10px;
  }

  html,
  body {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body,
  body.zenara-hostinger-shell,
  html.mobile-ux-force body,
  body.mobile-ux-force {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  body * {
    box-sizing: border-box !important;
  }

  /* ---------- Authentication ---------- */
  body.zenara-hostinger-shell .auth-screen,
  html.mobile-ux-force body.auth-required .auth-screen,
  html.mobile-ux-force body:not(.auth-ready) .auth-screen {
    align-items: center !important;
    justify-content: center !important;
    min-height: 100dvh !important;
    width: 100% !important;
    padding: max(18px, env(safe-area-inset-top, 0px)) 16px max(22px, env(safe-area-inset-bottom, 0px)) !important;
    overflow-y: auto !important;
  }

  body.zenara-hostinger-shell .auth-card,
  html.mobile-ux-force body.auth-required .auth-card,
  html.mobile-ux-force body:not(.auth-ready) .auth-card {
    width: min(100%, 420px) !important;
    max-width: 420px !important;
    min-height: 0 !important;
    margin: auto !important;
    padding: 22px !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 48px rgba(15, 23, 42, .13) !important;
  }

  body.zenara-hostinger-shell .auth-brand,
  html.mobile-ux-force body .auth-brand {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
  }

  body.zenara-hostinger-shell .auth-brand .logo,
  html.mobile-ux-force body .auth-brand .logo {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    border-radius: 20px !important;
    font-size: 22px !important;
  }

  body.zenara-hostinger-shell .auth-brand h1,
  html.mobile-ux-force body .auth-brand h1 {
    margin: 0 0 3px !important;
    font-size: clamp(25px, 7vw, 30px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
  }

  body.zenara-hostinger-shell .auth-brand p,
  html.mobile-ux-force body .auth-brand p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  body.zenara-hostinger-shell .auth-tabs,
  html.mobile-ux-force body .auth-tabs {
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 0 18px !important;
    padding: 4px !important;
    border-radius: 16px !important;
  }

  body.zenara-hostinger-shell .auth-tabs button,
  html.mobile-ux-force body .auth-tabs button {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.zenara-hostinger-shell .auth-form,
  html.mobile-ux-force body .auth-form {
    gap: 14px !important;
  }

  body.zenara-hostinger-shell .auth-form label,
  html.mobile-ux-force body .auth-form label {
    gap: 7px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body.zenara-hostinger-shell .auth-form input,
  html.mobile-ux-force body .auth-form input {
    min-height: 54px !important;
    height: 54px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell .auth-form input::placeholder,
  html.mobile-ux-force body .auth-form input::placeholder {
    font-size: 16px !important;
  }

  body.zenara-hostinger-shell .auth-form .primary-btn,
  html.mobile-ux-force body .auth-form .primary-btn {
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 18px !important;
    border-radius: 17px !important;
    font-size: 17px !important;
  }

  body.zenara-hostinger-shell .auth-status,
  html.mobile-ux-force body .auth-status {
    margin-top: 10px !important;
    font-size: 13px !important;
  }

  body.zenara-hostinger-shell .auth-note,
  html.mobile-ux-force body .auth-note {
    margin: 18px 2px 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* ---------- Loading ---------- */
  body.zenara-hostinger-shell .loading-overlay,
  html.mobile-ux-force.loading .loading-overlay,
  html.mobile-ux-force body.loading .loading-overlay {
    align-items: center !important;
    justify-content: center !important;
    min-height: 100dvh !important;
    padding: 20px !important;
  }

  body.zenara-hostinger-shell .loading-overlay .loader-card,
  html.mobile-ux-force .loading-overlay .loader-card {
    width: min(280px, calc(100vw - 40px)) !important;
    max-width: 280px !important;
    min-height: 0 !important;
    padding: 28px 22px !important;
    border-radius: 28px !important;
  }

  body.zenara-hostinger-shell .loading-overlay .loader-logo,
  html.mobile-ux-force .loading-overlay .loader-logo {
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto 18px !important;
    border-radius: 23px !important;
    font-size: 24px !important;
  }

  body.zenara-hostinger-shell .loading-overlay .loader-card strong,
  html.mobile-ux-force .loading-overlay .loader-card strong {
    margin-bottom: 8px !important;
    font-size: 27px !important;
    line-height: 1.18 !important;
  }

  body.zenara-hostinger-shell .loading-overlay .loader-card span,
  html.mobile-ux-force .loading-overlay .loader-card span {
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  /* ---------- App shell ---------- */
  body.zenara-hostinger-shell .shell,
  html.mobile-ux-force body.auth-ready .shell,
  body.mobile-ux-force.auth-ready .shell {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 var(--zm-page-x) calc(98px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.zenara-hostinger-shell .sidebar,
  html.mobile-ux-force body.auth-ready .sidebar {
    display: none !important;
  }

  body.zenara-hostinger-shell .app,
  html.mobile-ux-force body.auth-ready .app,
  body.mobile-ux-force.auth-ready .app {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: max(14px, env(safe-area-inset-top, 0px)) 0 0 !important;
  }

  body.zenara-hostinger-shell .topbar,
  html.mobile-ux-force body.auth-ready .topbar {
    display: flex !important;
    align-items: flex-start !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 4px 2px 0 !important;
    gap: 10px !important;
  }

  body.zenara-hostinger-shell .sidebar-toggle,
  html.mobile-ux-force body.auth-ready .sidebar-toggle,
  body.zenara-hostinger-shell .topbar > .primary-btn {
    display: none !important;
  }

  body.zenara-hostinger-shell .topbar-copy,
  html.mobile-ux-force body.auth-ready .topbar-copy {
    min-width: 0 !important;
    width: 100% !important;
  }

  body.zenara-hostinger-shell .topbar-copy h2,
  html.mobile-ux-force body.auth-ready .topbar-copy h2 {
    margin: 0 !important;
    font-size: clamp(26px, 7.2vw, 30px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
  }

  body.zenara-hostinger-shell .topbar-copy p,
  html.mobile-ux-force body.auth-ready .topbar-copy p {
    margin: 5px 0 0 !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

  body.zenara-hostinger-shell .zenara-stage-banner {
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 14px !important;
    padding: 10px 11px !important;
    border-radius: 14px !important;
  }

  body.zenara-hostinger-shell .zenara-stage-banner strong {
    font-size: 12px !important;
  }

  body.zenara-hostinger-shell .zenara-stage-banner span {
    margin-top: 1px !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  body.zenara-hostinger-shell .zenara-stage-badge {
    padding: 5px 7px !important;
    font-size: 8.5px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  body.zenara-hostinger-shell .page,
  html.mobile-ux-force body.auth-ready .page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 calc(94px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.zenara-hostinger-shell .panel,
  body.zenara-hostinger-shell .form-card,
  html.mobile-ux-force body.auth-ready .panel,
  html.mobile-ux-force body.auth-ready .form-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 14px !important;
    padding: var(--zm-card-pad) !important;
    border-radius: var(--zm-card-radius) !important;
  }

  body.zenara-hostinger-shell .mt {
    margin-top: 14px !important;
  }

  body.zenara-hostinger-shell .page-card-hero,
  html.mobile-ux-force body.auth-ready .page-card-hero {
    min-height: 0 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.zenara-hostinger-shell .page-card-hero h2,
  html.mobile-ux-force body.auth-ready .page-card-hero h2 {
    margin: 0 !important;
    font-size: 27px !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
  }

  body.zenara-hostinger-shell input,
  body.zenara-hostinger-shell select,
  body.zenara-hostinger-shell textarea,
  html.mobile-ux-force body.auth-ready input,
  html.mobile-ux-force body.auth-ready select,
  html.mobile-ux-force body.auth-ready textarea {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* ---------- Bottom navigation ---------- */
  body.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) .bottom-nav,
  html.mobile-ux-force body.auth-ready:not(.auth-required):not(.loading) .bottom-nav,
  body.mobile-ux-force.auth-ready:not(.auth-required):not(.loading) .bottom-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 2px !important;
    position: fixed !important;
    left: max(12px, env(safe-area-inset-left, 0px)) !important;
    right: max(12px, env(safe-area-inset-right, 0px)) !important;
    bottom: calc(var(--zm-nav-gap) + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: var(--zm-nav-h) !important;
    height: var(--zm-nav-h) !important;
    margin: 0 !important;
    padding: 6px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(226, 232, 240, .94) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .14) !important;
    backdrop-filter: blur(16px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
    z-index: 9998 !important;
    transform: none !important;
  }

  body.zenara-hostinger-shell.auth-ready .bottom-nav .bottom-nav-item,
  body.zenara-hostinger-shell.auth-ready .bottom-nav .bottom-nav-primary,
  html.mobile-ux-force body.auth-ready .bottom-nav .bottom-nav-item,
  html.mobile-ux-force body.auth-ready .bottom-nav .bottom-nav-primary,
  body.mobile-ux-force.auth-ready .bottom-nav .bottom-nav-item,
  body.mobile-ux-force.auth-ready .bottom-nav .bottom-nav-primary {
    all: unset !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 5px 2px !important;
    border-radius: 17px !important;
    color: #667386 !important;
    background: transparent !important;
    cursor: pointer !important;
    text-align: center !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.zenara-hostinger-shell.auth-ready .bottom-nav .bottom-nav-item::before,
  body.zenara-hostinger-shell.auth-ready .bottom-nav .bottom-nav-item::after,
  html.mobile-ux-force body.auth-ready .bottom-nav .bottom-nav-item::before,
  html.mobile-ux-force body.auth-ready .bottom-nav .bottom-nav-item::after {
    content: none !important;
    display: none !important;
  }

  body.zenara-hostinger-shell.auth-ready .bottom-nav .bottom-nav-item.active,
  body.zenara-hostinger-shell.auth-ready .bottom-nav .bottom-nav-primary.active,
  html.mobile-ux-force body.auth-ready .bottom-nav .bottom-nav-item.active,
  html.mobile-ux-force body.auth-ready .bottom-nav .bottom-nav-primary.active {
    color: #7b5f12 !important;
    background: #fff4c9 !important;
    box-shadow: inset 0 0 0 1px rgba(201, 162, 39, .22) !important;
  }

  body.zenara-hostinger-shell.auth-ready .bottom-nav .gw-nav-icon,
  body.zenara-hostinger-shell.auth-ready .bottom-nav svg,
  html.mobile-ux-force body.auth-ready .bottom-nav .gw-nav-icon,
  html.mobile-ux-force body.auth-ready .bottom-nav svg {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    display: block !important;
  }

  body.zenara-hostinger-shell.auth-ready .bottom-nav strong,
  html.mobile-ux-force body.auth-ready .bottom-nav strong {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    letter-spacing: -.015em !important;
    font-weight: 800 !important;
  }

  /* ---------- Dashboard ---------- */
  body.zenara-hostinger-shell #dashboard .desktop-dashboard-content,
  html.mobile-ux-force body.auth-ready #dashboard .desktop-dashboard-content {
    display: none !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard,
  html.mobile-ux-force body.auth-ready #mobileNativeDashboard,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard,
  body.gw-mobile-dashboard-stable #mobileNativeDashboard {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 calc(94px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-hero-card,
  body.zenara-hostinger-shell #mobileNativeDashboard .mn-market-data-card,
  body.zenara-hostinger-shell #mobileNativeDashboard .mn-goal-planner-card,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-hero-card,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-market-data-card,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-goal-planner-card,
  body.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-hero-card,
  body.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-market-data-card,
  body.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-goal-planner-card {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 30px rgba(39, 31, 13, .10) !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-market-hero,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-market-hero,
  body.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-market-hero {
    min-height: 0 !important;
    display: block !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-hero-top,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-hero-top {
    gap: 5px !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-hero-top span,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-hero-top span {
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: .075em !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-hero-top strong,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-hero-top strong,
  body.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-hero-top strong {
    font-size: clamp(34px, 10.5vw, 42px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard #mnReturnText,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard #mnReturnText {
    margin-top: 5px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-real-profit-card,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-real-profit-card,
  body.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-real-profit-card {
    min-height: 0 !important;
    margin-top: 14px !important;
    padding: 14px !important;
    border-radius: 17px !important;
    gap: 3px !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-real-profit-card span,
  body.zenara-hostinger-shell #mobileNativeDashboard .mn-real-profit-card small,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-real-profit-card span,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-real-profit-card small {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-real-profit-card strong,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-real-profit-card strong {
    font-size: 25px !important;
    line-height: 1.12 !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-section-title,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-section-title span,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-section-title span {
    font-size: 15px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-section-title small,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-section-title small {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-section-title button,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-section-title button {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 11px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-market-data-grid,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-market-data-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-market-data-grid > div,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-market-data-grid > div {
    min-height: 72px !important;
    padding: 11px !important;
    border-radius: 14px !important;
    gap: 3px !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-market-data-grid span,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-market-data-grid span {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-market-data-grid strong,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-market-data-grid strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-goal-list,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-goal-list {
    gap: 9px !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-goal-item,
  body.zenara-hostinger-shell #mobileNativeDashboard .mn-goal-empty,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-goal-item,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-goal-empty {
    min-height: 0 !important;
    padding: 13px !important;
    border-radius: 15px !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-goal-item-head,
  body.zenara-hostinger-shell #mobileNativeDashboard .mn-goal-item-head span,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-goal-item-head,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-goal-item-head span {
    gap: 7px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-progress,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-progress {
    height: 9px !important;
    margin: 10px 0 !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-goal-meta,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-goal-meta {
    gap: 8px !important;
    margin-top: 8px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .goal-status-pill,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .goal-status-pill {
    margin-top: 8px !important;
    padding: 5px 8px !important;
    font-size: 10.5px !important;
  }

  body.zenara-hostinger-shell #mobileNativeDashboard .mn-goal-summary,
  html.gw-mobile-dashboard-stable #mobileNativeDashboard .mn-goal-summary {
    min-height: 46px !important;
    height: auto !important;
    margin-top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    font-size: 12.5px !important;
  }

  /* ---------- Portfolio ---------- */
  body.zenara-hostinger-shell #portfolio,
  body.mobile-ux-force #portfolio {
    --pf40-radius: 20px !important;
    --pf40-gap: 12px !important;
    --pf40-card-pad: 16px !important;
    --pf40-field-h: 52px !important;
    padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.zenara-hostinger-shell #portfolio > .panel,
  body.zenara-hostinger-shell #portfolio .portfolio-health-card,
  body.zenara-hostinger-shell #portfolio .portfolio-composition-hero,
  body.zenara-hostinger-shell #portfolio .portfolio-detail-hero,
  body.zenara-hostinger-shell #portfolio .portfolio-detail-panel,
  body.mobile-ux-force #portfolio > .panel,
  body.mobile-ux-force #portfolio .portfolio-health-card,
  body.mobile-ux-force #portfolio .portfolio-composition-hero,
  body.mobile-ux-force #portfolio .portfolio-detail-hero,
  body.mobile-ux-force #portfolio .portfolio-detail-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    overflow: visible !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-health-head,
  body.mobile-ux-force #portfolio .portfolio-health-head {
    display: block !important;
    margin: 0 0 12px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-health-head span,
  body.mobile-ux-force #portfolio .portfolio-health-head span {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #portfolio #portfolioHealthStatus,
  body.mobile-ux-force #portfolio #portfolioHealthStatus {
    margin-top: 3px !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #portfolio #portfolioHealthHint,
  body.mobile-ux-force #portfolio #portfolioHealthHint {
    display: block !important;
    max-width: none !important;
    margin-top: 4px !important;
    text-align: left !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-health-grid,
  body.mobile-ux-force #portfolio .portfolio-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-health-grid > div,
  body.mobile-ux-force #portfolio .portfolio-health-grid > div {
    min-height: 70px !important;
    padding: 11px !important;
    border-radius: 14px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-health-grid span,
  body.mobile-ux-force #portfolio .portfolio-health-grid span {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-health-grid strong,
  body.mobile-ux-force #portfolio .portfolio-health-grid strong {
    font-size: 22px !important;
    line-height: 1.05 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-composition-hero,
  body.mobile-ux-force #portfolio .portfolio-composition-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;
    gap: 14px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-composition-chart,
  body.zenara-hostinger-shell #portfolio .portfolio-composition-detail,
  body.mobile-ux-force #portfolio .portfolio-composition-chart,
  body.mobile-ux-force #portfolio .portfolio-composition-detail {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.zenara-hostinger-shell #portfolio .css-donut,
  body.zenara-hostinger-shell #portfolio #portfolioDonut,
  body.mobile-ux-force #portfolio .css-donut,
  body.mobile-ux-force #portfolio #portfolioDonut {
    width: 176px !important;
    height: 176px !important;
    min-width: 176px !important;
    min-height: 176px !important;
    margin: 0 auto !important;
  }

  body.zenara-hostinger-shell #portfolio .css-donut-center strong,
  body.zenara-hostinger-shell #portfolio #donutTotalGram,
  body.mobile-ux-force #portfolio .css-donut-center strong,
  body.mobile-ux-force #portfolio #donutTotalGram {
    font-size: 27px !important;
    line-height: 1.05 !important;
  }

  body.zenara-hostinger-shell #portfolio .css-donut-center span,
  body.mobile-ux-force #portfolio .css-donut-center span {
    font-size: 12px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-composition-head,
  body.mobile-ux-force #portfolio .portfolio-composition-head {
    margin: 0 0 8px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-composition-head h3,
  body.mobile-ux-force #portfolio .portfolio-composition-head h3,
  body.zenara-hostinger-shell #portfolio .portfolio-detail-hero > h3,
  body.zenara-hostinger-shell #portfolio .portfolio-detail-panel h3,
  body.mobile-ux-force #portfolio .portfolio-detail-hero > h3,
  body.mobile-ux-force #portfolio .portfolio-detail-panel h3 {
    margin: 0 0 10px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #portfolio .legend,
  body.zenara-hostinger-shell #portfolio #portfolioAllocationLegend,
  body.mobile-ux-force #portfolio .legend,
  body.mobile-ux-force #portfolio #portfolioAllocationLegend {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px 10px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-grid,
  body.mobile-ux-force #portfolio .portfolio-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card,
  body.zenara-hostinger-shell #portfolio .portfolio-asset-card,
  body.mobile-ux-force #portfolio .portfolio-card,
  body.mobile-ux-force #portfolio .portfolio-asset-card {
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card-top,
  body.mobile-ux-force #portfolio .portfolio-card-top {
    gap: 10px !important;
    margin: 0 0 10px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card-label,
  body.mobile-ux-force #portfolio .portfolio-card-label {
    margin-bottom: 2px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card-top strong,
  body.mobile-ux-force #portfolio .portfolio-card-top strong {
    font-size: 28px !important;
    line-height: 1.05 !important;
  }

  body.zenara-hostinger-shell #portfolio .audit-badge,
  body.mobile-ux-force #portfolio .audit-badge {
    padding: 5px 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card-meta,
  body.zenara-hostinger-shell #portfolio .mobile-native-meta,
  body.mobile-ux-force #portfolio .portfolio-card-meta,
  body.mobile-ux-force #portfolio .mobile-native-meta {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 5px 9px !important;
    margin: 9px 0 10px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card-values,
  body.zenara-hostinger-shell #portfolio .mobile-native-wallet-row,
  body.mobile-ux-force #portfolio .portfolio-card-values,
  body.mobile-ux-force #portfolio .mobile-native-wallet-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card-values > div,
  body.zenara-hostinger-shell #portfolio .mobile-native-wallet-row > div,
  body.mobile-ux-force #portfolio .portfolio-card-values > div,
  body.mobile-ux-force #portfolio .mobile-native-wallet-row > div {
    min-height: 68px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card-values span,
  body.zenara-hostinger-shell #portfolio .mobile-native-wallet-row span,
  body.mobile-ux-force #portfolio .portfolio-card-values span,
  body.mobile-ux-force #portfolio .mobile-native-wallet-row span {
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card-values strong,
  body.zenara-hostinger-shell #portfolio .mobile-native-wallet-row strong,
  body.mobile-ux-force #portfolio .portfolio-card-values strong,
  body.mobile-ux-force #portfolio .mobile-native-wallet-row strong {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-card-foot,
  body.mobile-ux-force #portfolio .portfolio-card-foot {
    margin-top: 9px !important;
    font-size: 11px !important;
  }

  body.zenara-hostinger-shell #portfolio .detail-summary,
  body.zenara-hostinger-shell #portfolio .portfolio-health-summary,
  body.mobile-ux-force #portfolio .detail-summary,
  body.mobile-ux-force #portfolio .portfolio-health-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body.zenara-hostinger-shell #portfolio .detail-summary > div,
  body.mobile-ux-force #portfolio .detail-summary > div {
    min-height: 68px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  body.zenara-hostinger-shell #portfolio .detail-summary span,
  body.mobile-ux-force #portfolio .detail-summary span {
    font-size: 9px !important;
  }

  body.zenara-hostinger-shell #portfolio .detail-summary strong,
  body.mobile-ux-force #portfolio .detail-summary strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-detail-toolbar,
  body.mobile-ux-force #portfolio .portfolio-detail-toolbar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-detail-toolbar label,
  body.mobile-ux-force #portfolio .portfolio-detail-toolbar label {
    gap: 5px !important;
    font-size: 11px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-detail-toolbar label:last-child,
  body.mobile-ux-force #portfolio .portfolio-detail-toolbar label:last-child {
    grid-column: 1 / -1 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-detail-toolbar input,
  body.zenara-hostinger-shell #portfolio .portfolio-detail-toolbar select,
  body.mobile-ux-force #portfolio .portfolio-detail-toolbar input,
  body.mobile-ux-force #portfolio .portfolio-detail-toolbar select {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-goal-groups,
  body.mobile-ux-force #portfolio .portfolio-goal-groups {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-goal-card,
  body.mobile-ux-force #portfolio .portfolio-goal-card {
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-goal-card span,
  body.zenara-hostinger-shell #portfolio .portfolio-goal-card strong,
  body.zenara-hostinger-shell #portfolio .portfolio-goal-card small,
  body.mobile-ux-force #portfolio .portfolio-goal-card span,
  body.mobile-ux-force #portfolio .portfolio-goal-card strong,
  body.mobile-ux-force #portfolio .portfolio-goal-card small {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-grid,
  body.mobile-ux-force #portfolio .portfolio-lot-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-card,
  body.mobile-ux-force #portfolio .portfolio-lot-card {
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-head,
  body.mobile-ux-force #portfolio .portfolio-lot-head {
    gap: 10px !important;
    margin-bottom: 9px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-head strong,
  body.mobile-ux-force #portfolio .portfolio-lot-head strong {
    font-size: 25px !important;
    line-height: 1.08 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-mobile-summary,
  body.zenara-hostinger-shell #portfolio .portfolio-lot-serial-line,
  body.mobile-ux-force #portfolio .portfolio-lot-mobile-summary,
  body.mobile-ux-force #portfolio .portfolio-lot-serial-line {
    margin: 7px 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-info-grid,
  body.mobile-ux-force #portfolio .portfolio-lot-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-info-grid > div,
  body.mobile-ux-force #portfolio .portfolio-lot-info-grid > div {
    min-height: 64px !important;
    padding: 9px !important;
    border-radius: 12px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-info-grid span,
  body.mobile-ux-force #portfolio .portfolio-lot-info-grid span {
    font-size: 8.5px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-info-grid strong,
  body.mobile-ux-force #portfolio .portfolio-lot-info-grid strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-actions,
  body.mobile-ux-force #portfolio .portfolio-lot-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body.zenara-hostinger-shell #portfolio .portfolio-lot-actions button,
  body.mobile-ux-force #portfolio .portfolio-lot-actions button {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 10px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
  }

  /* ---------- Transactions ---------- */
  body.zenara-hostinger-shell #transactions,
  html.mobile-ux-force body.auth-ready #transactions.transaction-page {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  body.zenara-hostinger-shell #transactionForm,
  html.mobile-ux-force body.auth-ready #transactionForm.transaction-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body.zenara-hostinger-shell #transactionForm > .full,
  html.mobile-ux-force body.auth-ready #transactionForm > .full {
    grid-column: 1 / -1 !important;
  }

  body.zenara-hostinger-shell #transactionForm > label:nth-of-type(9),
  html.mobile-ux-force body.auth-ready #transactionForm > label:nth-of-type(9) {
    grid-column: 1 / -1 !important;
  }

  body.zenara-hostinger-shell #transactionForm label,
  html.mobile-ux-force body.auth-ready #transactions .transaction-form label {
    min-width: 0 !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  body.zenara-hostinger-shell #transactionForm input,
  body.zenara-hostinger-shell #transactionForm select,
  html.mobile-ux-force body.auth-ready #transactions .transaction-form input,
  html.mobile-ux-force body.auth-ready #transactions .transaction-form select {
    min-height: var(--zm-control-h) !important;
    height: var(--zm-control-h) !important;
    padding: 0 13px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body.zenara-hostinger-shell #transactionForm input::placeholder,
  html.mobile-ux-force body.auth-ready #transactions .transaction-form input::placeholder {
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  body.zenara-hostinger-shell #transactionForm .single-piece-helper {
    margin-top: 1px !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
  }

  body.zenara-hostinger-shell #computedGramLabel,
  html.mobile-ux-force body.auth-ready #transactions #computedGramLabel {
    min-height: 48px !important;
    height: auto !important;
    padding: 13px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body.zenara-hostinger-shell #saveTransactionBtn,
  html.mobile-ux-force body.auth-ready #transactions #saveTransactionBtn {
    min-height: 54px !important;
    height: 54px !important;
    padding: 0 16px !important;
    border-radius: 15px !important;
    font-size: 15px !important;
  }

  body.zenara-hostinger-shell #transactions .transaction-history-panel,
  html.mobile-ux-force body.auth-ready #transactions .transaction-history-panel {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body.zenara-hostinger-shell #transactions .transaction-history-head,
  html.mobile-ux-force body.auth-ready #transactions .transaction-history-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 9px !important;
    margin-bottom: 12px !important;
  }

  body.zenara-hostinger-shell #transactions .transaction-history-head h3,
  html.mobile-ux-force body.auth-ready #transactions .transaction-history-head h3 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #transactions .transaction-filter,
  html.mobile-ux-force body.auth-ready #transactions .transaction-filter {
    gap: 2px !important;
    padding: 3px !important;
    border-radius: 12px !important;
  }

  body.zenara-hostinger-shell #transactions .transaction-filter-btn,
  html.mobile-ux-force body.auth-ready #transactions .transaction-filter-btn {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    font-size: 10.5px !important;
  }

  body.zenara-hostinger-shell #transactionHistory .history-row,
  html.mobile-ux-force body.auth-ready #transactionHistory .history-row {
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 14px !important;
    gap: 9px !important;
  }

  body.zenara-hostinger-shell #transactionHistory .history-row strong,
  html.mobile-ux-force body.auth-ready #transactionHistory .history-row strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body.zenara-hostinger-shell #transactionHistory .history-row small,
  html.mobile-ux-force body.auth-ready #transactionHistory .history-row small {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  body.zenara-hostinger-shell #transactionHistory .new-badge,
  body.zenara-hostinger-shell #transactionHistory .transaction-type,
  html.mobile-ux-force body.auth-ready #transactionHistory .new-badge,
  html.mobile-ux-force body.auth-ready #transactionHistory .transaction-type {
    font-size: 9px !important;
  }

  body.zenara-hostinger-shell #transactionHistory .history-row-value strong,
  html.mobile-ux-force body.auth-ready #transactionHistory .history-row-value strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  body.zenara-hostinger-shell #transactionHistory .history-row-value small,
  html.mobile-ux-force body.auth-ready #transactionHistory .history-row-value small {
    font-size: 11px !important;
  }

  /* ---------- Settings ---------- */
  body.zenara-hostinger-shell #settings .settings-wide,
  body.zenara-hostinger-shell #settings .content-narrow,
  html.mobile-ux-force body.auth-ready #settings .settings-wide,
  html.mobile-ux-force body.auth-ready #settings .content-narrow {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.zenara-hostinger-shell #settingsForm,
  html.mobile-ux-force body.auth-ready #settings .settings-grid-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body.zenara-hostinger-shell #settingsForm > .full,
  html.mobile-ux-force body.auth-ready #settingsForm > .full {
    grid-column: 1 / -1 !important;
  }

  body.zenara-hostinger-shell #settingsForm > label:nth-of-type(3),
  html.mobile-ux-force body.auth-ready #settingsForm > label:nth-of-type(3) {
    grid-column: 1 / -1 !important;
  }

  body.zenara-hostinger-shell #settingsForm label,
  html.mobile-ux-force body.auth-ready #settings .settings-grid-form label {
    min-width: 0 !important;
    gap: 6px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  body.zenara-hostinger-shell #settingsForm input,
  body.zenara-hostinger-shell #settingsForm select,
  html.mobile-ux-force body.auth-ready #settings .settings-grid-form input,
  html.mobile-ux-force body.auth-ready #settings .settings-grid-form select {
    min-height: var(--zm-control-h) !important;
    height: var(--zm-control-h) !important;
    padding: 0 13px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }

  body.zenara-hostinger-shell #saveSettingsBtn,
  html.mobile-ux-force body.auth-ready #settings #saveSettingsBtn {
    min-height: 54px !important;
    height: 54px !important;
    border-radius: 15px !important;
    font-size: 15px !important;
  }

  body.zenara-hostinger-shell #settings .account-card,
  body.zenara-hostinger-shell #settings .goal-planner-panel,
  html.mobile-ux-force body.auth-ready #settings .account-card,
  html.mobile-ux-force body.auth-ready #settings .goal-planner-panel {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body.zenara-hostinger-shell #settings .panel-head,
  html.mobile-ux-force body.auth-ready #settings .panel-head {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body.zenara-hostinger-shell #settings .panel-head h3,
  html.mobile-ux-force body.auth-ready #settings .panel-head h3 {
    font-size: 19px !important;
  }

  body.zenara-hostinger-shell #settings .panel-head > span,
  html.mobile-ux-force body.auth-ready #settings .panel-head > span {
    padding: 5px 7px !important;
    font-size: 9px !important;
  }

  body.zenara-hostinger-shell #settings .account-profile-row,
  html.mobile-ux-force body.auth-ready #settings .account-profile-row {
    gap: 11px !important;
    margin-bottom: 12px !important;
  }

  body.zenara-hostinger-shell #settings .account-avatar,
  html.mobile-ux-force body.auth-ready #settings .account-avatar {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    font-size: 17px !important;
  }

  body.zenara-hostinger-shell #settings .account-profile-row strong,
  html.mobile-ux-force body.auth-ready #settings .account-profile-row strong {
    font-size: 16px !important;
  }

  body.zenara-hostinger-shell #settings .account-profile-row small,
  html.mobile-ux-force body.auth-ready #settings .account-profile-row small {
    font-size: 11px !important;
  }

  body.zenara-hostinger-shell #settings .account-grid,
  html.mobile-ux-force body.auth-ready #settings .account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.zenara-hostinger-shell #settings .account-grid > div,
  html.mobile-ux-force body.auth-ready #settings .account-grid > div {
    min-height: 64px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  body.zenara-hostinger-shell #settings .account-grid span,
  body.zenara-hostinger-shell #settings .account-grid small,
  html.mobile-ux-force body.auth-ready #settings .account-grid span,
  html.mobile-ux-force body.auth-ready #settings .account-grid small {
    font-size: 9px !important;
  }

  body.zenara-hostinger-shell #settings .account-grid strong,
  html.mobile-ux-force body.auth-ready #settings .account-grid strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
  }

  body.zenara-hostinger-shell #settings .account-actions,
  html.mobile-ux-force body.auth-ready #settings .account-actions {
    margin-top: 12px !important;
  }

  body.zenara-hostinger-shell #settings .account-actions button,
  html.mobile-ux-force body.auth-ready #settings .account-actions button {
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  body.zenara-hostinger-shell #settings .account-note,
  html.mobile-ux-force body.auth-ready #settings .account-note {
    margin-top: 7px !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  body.zenara-hostinger-shell #settings .goal-editor-row,
  html.mobile-ux-force body.auth-ready #settings .goal-editor-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    padding: 13px !important;
    border-radius: 16px !important;
  }

  body.zenara-hostinger-shell #settings .goal-editor-row .goal-field:first-child,
  html.mobile-ux-force body.auth-ready #settings .goal-editor-row .goal-field:first-child {
    grid-column: 1 / -1 !important;
    padding-right: 34px !important;
  }

  body.zenara-hostinger-shell #settings .goal-field,
  html.mobile-ux-force body.auth-ready #settings .goal-field {
    min-width: 0 !important;
    gap: 5px !important;
  }

  body.zenara-hostinger-shell #settings .goal-field label,
  html.mobile-ux-force body.auth-ready #settings .goal-field label {
    font-size: 10.5px !important;
  }

  body.zenara-hostinger-shell #settings .goal-field input,
  body.zenara-hostinger-shell #settings .goal-field select,
  html.mobile-ux-force body.auth-ready #settings .goal-field input,
  html.mobile-ux-force body.auth-ready #settings .goal-field select {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 11px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  body.zenara-hostinger-shell #settings .goal-delete-btn,
  html.mobile-ux-force body.auth-ready #settings .goal-delete-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
  }

  body.zenara-hostinger-shell #settings .goal-editor-actions,
  html.mobile-ux-force body.auth-ready #settings .goal-editor-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body.zenara-hostinger-shell #settings .goal-editor-actions button,
  html.mobile-ux-force body.auth-ready #settings .goal-editor-actions button {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  /* ---------- Modals ---------- */
  body.zenara-hostinger-shell #sellModalBackdrop.open,
  body.zenara-hostinger-shell #assetEditModalBackdrop.open {
    padding: 12px !important;
  }

  body.zenara-hostinger-shell #sellModalBackdrop > .sell-modal,
  body.zenara-hostinger-shell #assetEditModalBackdrop > .sell-modal {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    max-height: calc(100dvh - 24px) !important;
    padding: 18px !important;
    border-radius: 23px !important;
  }

  body.zenara-hostinger-shell .sell-modal-head {
    gap: 10px !important;
    margin-bottom: 13px !important;
  }

  body.zenara-hostinger-shell .modal-eyebrow {
    font-size: 9px !important;
  }

  body.zenara-hostinger-shell .sell-modal-head h3 {
    margin-top: 3px !important;
    font-size: 25px !important;
  }

  body.zenara-hostinger-shell .modal-close-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 13px !important;
    font-size: 24px !important;
  }

  body.zenara-hostinger-shell .sell-product-card {
    min-height: 0 !important;
    padding: 14px !important;
    border-radius: 17px !important;
  }

  body.zenara-hostinger-shell .sell-product-label,
  body.zenara-hostinger-shell .sell-stock-pill span {
    font-size: 10px !important;
  }

  body.zenara-hostinger-shell .sell-product-card strong,
  body.zenara-hostinger-shell .sell-stock-pill strong {
    font-size: 20px !important;
  }

  body.zenara-hostinger-shell .sell-stock-pill {
    min-width: 96px !important;
    padding: 10px 14px !important;
    border-radius: 15px !important;
  }

  body.zenara-hostinger-shell .sell-warning {
    margin: 11px 0 !important;
    padding: 12px !important;
    border-radius: 15px !important;
  }

  body.zenara-hostinger-shell .sell-warning strong,
  body.zenara-hostinger-shell .sell-warning span {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  body.zenara-hostinger-shell .sell-modal-grid,
  body.zenara-hostinger-shell .asset-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.zenara-hostinger-shell .asset-edit-grid > label:first-child,
  body.zenara-hostinger-shell .asset-edit-grid > label.full {
    grid-column: 1 / -1 !important;
  }

  body.zenara-hostinger-shell .sell-modal-grid label,
  body.zenara-hostinger-shell .asset-edit-grid label {
    gap: 5px !important;
    font-size: 11px !important;
  }

  body.zenara-hostinger-shell .sell-modal-grid input,
  body.zenara-hostinger-shell .asset-edit-grid input,
  body.zenara-hostinger-shell .asset-edit-grid select {
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
  }

  body.zenara-hostinger-shell .sell-modal-grid small,
  body.zenara-hostinger-shell .asset-edit-grid small,
  body.zenara-hostinger-shell .field-helper {
    font-size: 9.5px !important;
    line-height: 1.3 !important;
  }

  body.zenara-hostinger-shell .sell-summary {
    gap: 8px !important;
    margin: 12px 0 !important;
  }

  body.zenara-hostinger-shell .sell-summary > div {
    min-height: 70px !important;
    padding: 11px !important;
    border-radius: 14px !important;
  }

  body.zenara-hostinger-shell .sell-summary span {
    font-size: 9px !important;
  }

  body.zenara-hostinger-shell .sell-summary strong {
    font-size: 17px !important;
  }

  body.zenara-hostinger-shell .sell-modal-actions {
    gap: 8px !important;
  }

  body.zenara-hostinger-shell .sell-modal-actions button {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
  }

  /* ---------- General overflow safeguards ---------- */
  body.zenara-hostinger-shell img,
  body.zenara-hostinger-shell svg,
  body.zenara-hostinger-shell canvas {
    max-width: 100% !important;
  }

  body.zenara-hostinger-shell h1,
  body.zenara-hostinger-shell h2,
  body.zenara-hostinger-shell h3,
  body.zenara-hostinger-shell h4,
  body.zenara-hostinger-shell p,
  body.zenara-hostinger-shell strong,
  body.zenara-hostinger-shell small,
  body.zenara-hostinger-shell span {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 380px) {
  :root {
    --zm-page-x: 12px;
    --zm-control-h: 50px;
  }

  body.zenara-hostinger-shell .auth-card {
    padding: 19px !important;
  }

  body.zenara-hostinger-shell .topbar-copy h2 {
    font-size: 25px !important;
  }

  body.zenara-hostinger-shell .zenara-stage-banner {
    align-items: flex-start !important;
  }

  body.zenara-hostinger-shell .zenara-stage-badge {
    font-size: 7.8px !important;
  }

  body.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) .bottom-nav,
  html.mobile-ux-force body.auth-ready:not(.auth-required):not(.loading) .bottom-nav {
    left: max(8px, env(safe-area-inset-left, 0px)) !important;
    right: max(8px, env(safe-area-inset-right, 0px)) !important;
  }

  body.zenara-hostinger-shell.auth-ready .bottom-nav strong,
  html.mobile-ux-force body.auth-ready .bottom-nav strong {
    font-size: 9.5px !important;
  }

  body.zenara-hostinger-shell #transactionForm,
  body.zenara-hostinger-shell #settingsForm {
    gap: 10px 8px !important;
  }

  body.zenara-hostinger-shell #portfolio .css-donut,
  body.zenara-hostinger-shell #portfolio #portfolioDonut {
    width: 162px !important;
    height: 162px !important;
    min-width: 162px !important;
    min-height: 162px !important;
  }
}

/* Explicitly preserve desktop mode for >=769px, including touch-capable laptops. */
@media (min-width: 769px) {
  body.zenara-hostinger-shell .bottom-nav,
  html.mobile-ux-force body.auth-ready .bottom-nav,
  body.mobile-ux-force.auth-ready .bottom-nav {
    display: none !important;
  }
}

/* Specificity seal: neutralizes legacy V5.15 mobile XXL rules loaded inline before this file. */
@media (max-width: 768px) {
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page {
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide .page-card-hero h2 {
    font-size: 27px !important;
    line-height: 1.15 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide label,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide label.full {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide label > input,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide label > select,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide input.money-input,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide input[name],
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide select[name] {
    min-height: var(--zm-control-h) !important;
    height: var(--zm-control-h) !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide input::placeholder {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide div#computedGramLabel.computed-gram.full {
    min-height: 48px !important;
    height: auto !important;
    padding: 13px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page form#transactionForm.transaction-form.transaction-wide button#saveTransactionBtn.primary-btn.full {
    min-height: 54px !important;
    height: 54px !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page div.transaction-history-panel .transaction-history-head h3 {
    font-size: 19px !important;
    line-height: 1.2 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page div.transaction-history-panel .transaction-filter-btn {
    min-height: 32px !important;
    height: 32px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: 10.5px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page div#transactionHistory .history-row {
    min-height: 0 !important;
    padding: 12px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page div#transactionHistory .history-row strong,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page div#transactionHistory .history-row-value > strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page div#transactionHistory .history-row small,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready section#transactions.transaction-page div#transactionHistory .history-row-value > small {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .settings-grid-form {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .settings-grid-form .page-card-hero h2 {
    font-size: 27px !important;
    line-height: 1.15 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .settings-grid-form label {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .settings-grid-form input,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .settings-grid-form select {
    min-height: var(--zm-control-h) !important;
    height: var(--zm-control-h) !important;
    padding: 0 13px !important;
    font-size: 15px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .account-card,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .goal-planner-panel {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .account-profile-row strong {
    font-size: 16px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .account-profile-row small {
    font-size: 11px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .account-grid > div {
    min-height: 64px !important;
    padding: 10px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .account-grid span,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .account-grid small {
    font-size: 9px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .account-grid strong,
  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .account-grid b {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .goal-editor-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 13px !important;
    border-radius: 16px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .goal-editor-row .goal-field:first-child {
    grid-column: 1 / -1 !important;
    padding-right: 34px !important;
  }

  html.mobile-ux-force body.zenara-hostinger-shell.auth-ready #settings.settings-page .goal-editor-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}


/* ==========================================================================
   V5.17.0b5g FINAL MOBILE V2 OVERRIDES
   Legacy classes mobile-ux-force and gw-mobile-dashboard-stable are removed
   by the runtime before the app is displayed. These selectors are the only
   final mobile contract for the Hostinger frontend.
   ========================================================================== */
@media (max-width: 768px) {
  html.zenara-mobile-v2,
  html.zenara-mobile-v2 body.zenara-mobile-v2 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2 {
    --zm-page-x: 12px;
    --zm-card-pad: 15px;
    --zm-card-radius: 19px;
    --zm-control-h: 48px;
    --zm-nav-h: 66px;
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2 *,
  html.zenara-mobile-v2 body.zenara-mobile-v2 *::before,
  html.zenara-mobile-v2 body.zenara-mobile-v2 *::after {
    box-sizing: border-box !important;
    min-width: 0;
  }

  /* Auth: compact, vertically centered, keyboard-safe. */
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-screen {
    width: 100% !important;
    min-height: 100dvh !important;
    padding: max(14px, env(safe-area-inset-top, 0px)) 12px max(16px, env(safe-area-inset-bottom, 0px)) !important;
    align-items: center !important;
    justify-content: center !important;
    overflow-y: auto !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-card {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    min-height: 0 !important;
    margin: auto !important;
    padding: 20px !important;
    border-radius: 22px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-brand { gap: 12px !important; margin-bottom: 16px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-brand .logo {
    width: 56px !important; height: 56px !important; min-width: 56px !important;
    border-radius: 18px !important; font-size: 20px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-brand h1 {
    font-size: 25px !important; line-height: 1.08 !important; white-space: nowrap !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-brand p { font-size: 13.5px !important; line-height: 1.35 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-tabs {
    height: 48px !important; min-height: 48px !important; margin-bottom: 15px !important; padding: 4px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-tabs button {
    height: 40px !important; min-height: 40px !important; font-size: 15px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-form { gap: 12px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-form label { gap: 6px !important; font-size: 13px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-form input {
    height: 50px !important; min-height: 50px !important; padding: 0 14px !important;
    border-radius: 15px !important; font-size: 16px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-form input::placeholder { font-size: 15px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-form .primary-btn {
    height: 52px !important; min-height: 52px !important; border-radius: 16px !important; font-size: 16px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-note { margin-top: 14px !important; font-size: 12px !important; }

  /* Loading */
  html.zenara-mobile-v2 body.zenara-mobile-v2 .loading-overlay { min-height: 100dvh !important; padding: 18px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .loading-overlay .loader-card {
    width: min(270px, calc(100vw - 36px)) !important; padding: 25px 20px !important; border-radius: 26px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .loading-overlay .loader-logo {
    width: 66px !important; height: 66px !important; border-radius: 21px !important; font-size: 23px !important; margin-bottom: 15px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .loading-overlay .loader-card strong { font-size: 25px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .loading-overlay .loader-card span { font-size: 14px !important; }

  /* Shell and header */
  html.zenara-mobile-v2 body.zenara-mobile-v2 .shell {
    display: block !important; width: 100% !important; max-width: 100% !important;
    margin: 0 !important; padding: 0 12px calc(86px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .sidebar { display: none !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .app {
    width: 100% !important; max-width: 100% !important; margin: 0 !important;
    padding: max(12px, env(safe-area-inset-top, 0px)) 0 0 !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .topbar {
    display: flex !important; min-height: 0 !important; margin: 0 0 12px !important; padding: 2px 2px 0 !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .sidebar-toggle,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .topbar > .primary-btn { display: none !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .topbar-copy h2 {
    margin: 0 !important; font-size: clamp(24px, 6.7vw, 28px) !important;
    line-height: 1.12 !important; letter-spacing: -.035em !important; overflow-wrap: anywhere !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .topbar-copy p { margin: 4px 0 0 !important; font-size: 13.5px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .page { gap: 12px !important; padding: 0 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .zenara-stage-banner {
    min-height: 0 !important; margin: 0 0 12px !important; padding: 11px 12px !important;
    border-radius: 15px !important; gap: 8px !important; align-items: center !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .zenara-stage-banner strong { font-size: 12.5px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .zenara-stage-banner span { font-size: 11px !important; line-height: 1.3 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .zenara-stage-badge {
    flex: 0 0 auto !important; max-width: 43% !important; padding: 5px 8px !important; font-size: 9.5px !important; white-space: nowrap !important;
  }

  /* Common panels/cards */
  html.zenara-mobile-v2 body.zenara-mobile-v2 .panel,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .form-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .portfolio-health-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .transaction-history-panel,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .account-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .goal-planner-panel {
    width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
    padding: 15px !important; border-radius: 19px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .page-card-hero {
    min-height: 0 !important; margin: 0 0 15px !important; padding: 0 !important;
    background: transparent !important; box-shadow: none !important; border: 0 !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .page-card-hero h2,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .panel h3,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .panel-head h3,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .transaction-history-head h3 {
    margin: 0 !important; font-size: 20px !important; line-height: 1.2 !important; letter-spacing: -.02em !important;
    overflow-wrap: normal !important; word-break: normal !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 label,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .form-label {
    font-size: 12.5px !important; line-height: 1.25 !important; gap: 6px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 input,
  html.zenara-mobile-v2 body.zenara-mobile-v2 select,
  html.zenara-mobile-v2 body.zenara-mobile-v2 textarea {
    min-height: 48px !important; height: 48px !important; padding: 0 13px !important;
    border-radius: 14px !important; font-size: 15px !important; line-height: 1.2 !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 textarea { height: auto !important; min-height: 76px !important; padding-top: 12px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 input::placeholder,
  html.zenara-mobile-v2 body.zenara-mobile-v2 textarea::placeholder { font-size: 14px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .primary-btn,
  html.zenara-mobile-v2 body.zenara-mobile-v2 .secondary-btn {
    min-height: 48px !important; height: 48px !important; padding: 0 14px !important;
    border-radius: 14px !important; font-size: 14px !important;
  }

  /* Bottom nav: stable 4-column bar, never XXL. */
  html.zenara-mobile-v2 body.zenara-mobile-v2.auth-ready .bottom-nav {
    display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    position: fixed !important; z-index: 1000 !important;
    left: 10px !important; right: 10px !important; bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important; max-width: 520px !important; height: 66px !important; min-height: 66px !important;
    margin: 0 auto !important; padding: 5px !important; gap: 2px !important; border-radius: 20px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2.auth-ready .bottom-nav-item {
    display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
    width: 100% !important; min-width: 0 !important; height: 56px !important; min-height: 56px !important;
    padding: 4px 2px !important; gap: 3px !important; border-radius: 15px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2.auth-ready .bottom-nav-item span {
    display: block !important; width: auto !important; height: auto !important; font-size: 22px !important; line-height: 1 !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2.auth-ready .bottom-nav-item strong {
    display: block !important; width: 100% !important; font-size: 9.5px !important; line-height: 1 !important;
    white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important;
  }

  /* Dashboard native */
  html.zenara-mobile-v2 body.zenara-mobile-v2 #dashboard .desktop-dashboard-content { display: none !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard {
    display: flex !important; flex-direction: column !important; gap: 12px !important;
    width: 100% !important; max-width: 100% !important; padding: 0 0 82px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-hero-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-market-data-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-planner-card {
    width: 100% !important; margin: 0 !important; padding: 16px !important; border-radius: 19px !important;
    box-shadow: 0 10px 24px rgba(39,31,13,.09) !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-market-hero { display: block !important; min-height: 0 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-hero-top {
    display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 3px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-hero-top span {
    font-size: 10px !important; line-height: 1.2 !important; letter-spacing: .06em !important; text-transform: uppercase !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-hero-top strong {
    display: block !important; max-width: 100% !important; font-size: clamp(30px, 9vw, 36px) !important;
    line-height: 1.03 !important; letter-spacing: -.045em !important; white-space: nowrap !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard #mnReturnText {
    display: block !important; margin-top: 4px !important; font-size: 11.5px !important; line-height: 1.25 !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-real-profit-card {
    display: flex !important; flex-direction: column !important; align-items: flex-start !important;
    margin-top: 11px !important; padding: 12px !important; border-radius: 15px !important; gap: 2px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-real-profit-card span,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-real-profit-card small { font-size: 11px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-real-profit-card strong {
    font-size: 22px !important; line-height: 1.15 !important; white-space: nowrap !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-section-title {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    gap: 8px !important; margin-bottom: 10px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-section-title span { font-size: 14.5px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-section-title small { font-size: 10.5px !important; text-align: right !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-section-title button {
    height: 32px !important; min-height: 32px !important; padding: 0 10px !important; font-size: 11px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-market-data-grid {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-market-data-grid > div {
    display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important;
    min-height: 66px !important; padding: 10px !important; border-radius: 13px !important; gap: 3px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-market-data-grid span { font-size: 10px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-market-data-grid strong {
    max-width: 100% !important; font-size: clamp(12px, 3.45vw, 14px) !important; line-height: 1.2 !important;
    white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-list { display: grid !important; gap: 8px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-item,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-empty {
    padding: 12px !important; border-radius: 14px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-item-head,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-item-head span { font-size: 13.5px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-meta {
    display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 5px 8px !important;
    font-size: 11.5px !important; line-height: 1.3 !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-summary { min-height: 42px !important; font-size: 11.5px !important; }

  /* Portfolio */
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio { padding-bottom: 82px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-health-head {
    display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 8px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-health-head strong { font-size: 18px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-health-head small { font-size: 11px !important; line-height: 1.3 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-health-grid,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .physical-summary-grid,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-values,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-info-grid,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .mobile-premium-lot-grid {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-health-grid > div,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .physical-summary-grid > div,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-values > div,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-info-grid > div,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .mobile-premium-lot-grid > div {
    min-height: 66px !important; padding: 10px !important; border-radius: 13px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-health-grid span,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .physical-summary-grid span,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-values span,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-info-grid span { font-size: 9.5px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-health-grid strong,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .physical-summary-grid strong,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-values strong,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-info-grid strong {
    font-size: 14px !important; line-height: 1.25 !important; overflow-wrap: anywhere !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-composition-hero {
    display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; align-items: center !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-composition-chart { display: grid !important; place-items: center !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .css-donut {
    width: 150px !important; height: 150px !important; min-width: 150px !important; min-height: 150px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .css-donut-center strong { font-size: 24px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .css-donut-center span { font-size: 11px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-composition-detail { width: 100% !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-composition-head h3 { font-size: 18px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .legend { font-size: 12.5px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-grid,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-grid {
    display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-asset-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .physical-detail-card {
    width: 100% !important; max-width: 100% !important; padding: 14px !important; border-radius: 17px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-top,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-head {
    display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 8px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-top strong,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-head strong { font-size: 21px !important; line-height: 1.15 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-meta,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-meta.mobile-native-meta,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-mobile-summary {
    display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px 10px !important;
    font-size: 12px !important; line-height: 1.3 !important; word-break: normal !important; overflow-wrap: normal !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-meta * { word-break: normal !important; overflow-wrap: normal !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-card-foot { font-size: 11px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .panel-head {
    display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 10px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio #portfolioDetailTitle { font-size: 21px !important; line-height: 1.2 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio #portfolioDetailPanel .panel-head span {
    max-width: 46% !important; font-size: 10.5px !important; line-height: 1.3 !important; text-align: right !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .physical-filter-grid {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .physical-filter-grid > :last-child { grid-column: 1 / -1 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio .portfolio-lot-actions {
    display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important;
  }

  /* Transactions */
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions { padding-bottom: 82px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .transaction-form {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 11px 10px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .transaction-form > .full,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .transaction-form > label:nth-of-type(7) { grid-column: 1 / -1 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .computed-gram { min-height: 44px !important; padding: 11px 12px !important; font-size: 13px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .transaction-history-head {
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .transaction-filter { height: 38px !important; min-height: 38px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .transaction-filter-btn { min-height: 34px !important; height: 34px !important; font-size: 11px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions #transactionHistory { display: grid !important; gap: 8px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .history-row {
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px !important;
    padding: 11px 12px !important; border-radius: 14px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .history-row h4,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .history-row strong { font-size: 14px !important; line-height: 1.25 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .history-row p,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .history-row small { font-size: 10.5px !important; line-height: 1.35 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .history-row-value { min-width: 74px !important; text-align: right !important; }

  /* Settings and Goal Planner */
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings { padding-bottom: 82px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .settings-grid-form {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 11px 10px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .settings-grid-form > .full,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .settings-grid-form > label:nth-of-type(3) { grid-column: 1 / -1 !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .panel-head {
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .panel-head h3 { font-size: 20px !important; word-break: normal !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .panel-head span { font-size: 10px !important; max-width: 50% !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .account-profile-row {
    display: flex !important; align-items: center !important; gap: 11px !important; margin: 13px 0 !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .account-avatar {
    width: 50px !important; height: 50px !important; min-width: 50px !important; font-size: 18px !important; border-radius: 16px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .account-profile-row strong { font-size: 15px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .account-profile-row small { font-size: 11px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .account-grid {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .account-grid > div {
    min-height: 64px !important; padding: 10px !important; border-radius: 13px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .account-grid span { font-size: 9px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .account-grid strong {
    font-size: 12px !important; line-height: 1.25 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .goal-editor-row,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .goal-editor-card {
    position: relative !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important; padding: 13px !important; border-radius: 15px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .goal-editor-row > label:first-child,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .goal-editor-card > label:first-child { grid-column: 1 / -1 !important; padding-right: 46px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings [data-delete-goal] {
    position: absolute !important; top: 13px !important; right: 13px !important;
    width: 38px !important; min-width: 38px !important; height: 38px !important; min-height: 38px !important;
    padding: 0 !important; border-radius: 12px !important; font-size: 18px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings .goal-editor-actions {
    display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important;
  }

  /* Modals */
  html.zenara-mobile-v2 body.zenara-mobile-v2 #sellModalBackdrop.open,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #assetEditModalBackdrop.open {
    display: grid !important; place-items: center !important; padding: 12px !important; overflow-y: auto !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #sellModalBackdrop .modal,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #assetEditModalBackdrop .modal,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #sellModalBackdrop .modal-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #assetEditModalBackdrop .modal-card {
    width: min(100%, 420px) !important; max-height: calc(100dvh - 24px) !important; padding: 16px !important; border-radius: 20px !important; overflow-y: auto !important;
  }
}

@media (max-width: 370px) {
  html.zenara-mobile-v2 body.zenara-mobile-v2 { --zm-page-x: 10px; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .shell { padding-left: 10px !important; padding-right: 10px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-card { padding: 18px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .auth-brand h1 { font-size: 23px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .topbar-copy h2 { font-size: 23px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-hero-top strong { font-size: 29px !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .zenara-stage-banner { align-items: flex-start !important; }
  html.zenara-mobile-v2 body.zenara-mobile-v2 .zenara-stage-badge { max-width: 47% !important; font-size: 8.8px !important; }
}

/* V5.17.0b5g verification refinements */
@media (max-width: 768px) {
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-item-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-item-head span {
    flex: 1 1 auto !important;
    font-size: 13.5px !important;
    overflow-wrap: anywhere !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #mobileNativeDashboard .mn-goal-item-head strong {
    flex: 0 0 auto !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .history-row > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .history-row-value {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 3px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions .history-row-value .transaction-type {
    padding: 3px 7px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }
}

/* ======================================================================
   V5.17.0b5h — Mobile Navigation Edge + Goal Delete Alignment
   Scope: mobile presentation only. No functional or desktop changes.
   ====================================================================== */
@media (max-width: 768px) {
  /* Bottom navigation becomes an edge-attached mobile app bar. */
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
    height: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    padding: 5px 5px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 20px 20px 0 0 !important;
  }

  /* Keep page actions/content clear of the edge-attached navigation. */
  html.zenara-mobile-v2 body.zenara-mobile-v2 .main,
  html.zenara-mobile-v2 body.zenara-mobile-v2 main,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #dashboard,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #transactions,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #settings {
    padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Goal name and delete action share one aligned visual row. */
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready #settings.settings-page .goal-planner-panel .goal-editor-row[data-goal-row] > .goal-field:first-child,
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready #settings.settings-page .goal-planner-panel .goal-editor-card > .goal-field:first-child {
    grid-column: 1 / -1 !important;
    padding-right: 58px !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready #settings.settings-page .goal-planner-panel .goal-editor-row[data-goal-row] > [data-delete-goal],
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready #settings.settings-page .goal-planner-panel .goal-editor-card > [data-delete-goal] {
    top: 32px !important;
    right: 13px !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }
}

/* ======================================================================
   V5.17.0b5i — Mobile Navigation Internal Alignment
   Scope: bottom navigation presentation only.
   ====================================================================== */
@media (max-width: 768px) {
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: stretch !important;
    align-content: center !important;
    justify-content: stretch !important;
    column-gap: 2px !important;
    row-gap: 0 !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav > button.bottom-nav-item,
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav > button.bottom-nav-primary {
    all: unset !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: grid !important;
    grid-template-rows: 24px 14px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    place-items: center !important;
    place-content: center !important;
    align-self: center !important;
    justify-self: stretch !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 5px 2px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: transparent !important;
    color: #667386 !important;
    text-align: center !important;
    vertical-align: middle !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav > button.bottom-nav-item.active,
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav > button.bottom-nav-primary.active {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 5px 2px !important;
    color: #7b5f12 !important;
    background: #fff4c9 !important;
    box-shadow: inset 0 0 0 1px rgba(201, 162, 39, .22) !important;
    transform: none !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav > button.bottom-nav-item::before,
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav > button.bottom-nav-item::after {
    content: none !important;
    display: none !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav > button.bottom-nav-item > span.gw-nav-icon {
    grid-row: 1 !important;
    grid-column: 1 !important;
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    line-height: 1 !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav > button.bottom-nav-item > span.gw-nav-icon > svg {
    display: block !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    overflow: visible !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell.auth-ready:not(.auth-required):not(.loading) nav.bottom-nav > button.bottom-nav-item > strong {
    grid-row: 2 !important;
    grid-column: 1 !important;
    display: block !important;
    align-self: center !important;
    justify-self: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-family: inherit !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 14px !important;
    letter-spacing: -.01em !important;
    text-align: center !important;
  }
}

/*
 * V5.17.0b5j — Auth Refresh + Portfolio Mobile Readability
 * Scope: frontend presentation/bootstrap only. No API, database, calculation,
 * purchase, edit, sell, Goal Planner, or desktop behavior changes.
 */

/* A valid local session suppresses the login card before first paint.
   The loading overlay remains visible until server validation + appdata finish. */
html.zenara-auth-restoring body.auth-required .auth-screen {
  display: none !important;
  visibility: hidden !important;
}
html.zenara-auth-restoring body.auth-required .loading-overlay,
html.zenara-auth-restoring.loading body.auth-required .loading-overlay {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html.zenara-auth-restoring body.auth-required .shell,
html.zenara-auth-restoring body.auth-required .bottom-nav,
html.zenara-auth-restoring body.auth-required .pwa-install-banner {
  display: none !important;
}

@media (max-width: 768px) {
  /* Portfolio Health: improve numeric scanning without enlarging the cards. */
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-health-grid > div > strong {
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
  }

  /* Profit uses exactly the same value typography as its sibling Nilai cell. */
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-card-values > div > strong > .profit-positive,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-card-values > div > strong > .profit-negative,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-card-values > div > strong > .profit-neutral,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .detail-summary > div > strong > .profit-positive,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .detail-summary > div > strong > .profit-negative,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .detail-summary > div > strong > .profit-neutral,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-lot-info-grid > div > strong > .profit-positive,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-lot-info-grid > div > strong > .profit-negative,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-lot-info-grid > div > strong > .profit-neutral {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    word-break: inherit !important;
    overflow-wrap: inherit !important;
  }

  /* Keep profit and value cells on the same readable mobile scale. */
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-card-values > div > strong,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .detail-summary > div > strong,
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-lot-info-grid > div > strong {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  /* Match the desktop ring proportion: thinner mobile ring, larger center hole. */
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-composition-chart .css-donut::after {
    inset: 28px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-composition-chart .css-donut-center {
    padding: 4px !important;
  }
  html.zenara-mobile-v2 body.zenara-mobile-v2 #portfolio
  .portfolio-composition-chart .css-donut-center strong {
    font-size: 23px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
}

/* ======================================================================
   V5.17.0b5k — Transaction Helper Cleanup + Mobile Modal Compact Layout
   Scope:
   - Mobile modal asset/stock header: two columns.
   - Mobile Edit/Sell action buttons: two columns.
   No other component or desktop presentation is modified.
   ====================================================================== */
@media (max-width: 768px) {
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #sellModalBackdrop .sell-product-card,
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #assetEditModalBackdrop .sell-product-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 12px !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #sellModalBackdrop .sell-product-card > div:first-child,
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #assetEditModalBackdrop .sell-product-card > div:first-child {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #sellModalBackdrop .sell-stock-pill,
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #assetEditModalBackdrop .sell-stock-pill {
    justify-self: end !important;
    align-self: center !important;
    width: auto !important;
    min-width: 96px !important;
    max-width: 42vw !important;
    margin: 0 !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #sellModalBackdrop .sell-modal-actions,
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #assetEditModalBackdrop .sell-modal-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #sellModalBackdrop .sell-modal-actions > button,
  html.zenara-mobile-v2 body.zenara-mobile-v2.zenara-hostinger-shell
  #assetEditModalBackdrop .sell-modal-actions > button {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
}