/* #region zone:finance.style.mobile — เมนูมือถือไม่บังเนื้อหาและเป้าสัมผัสแนวนอน */
@media (max-width: 900px) {
  .fin-nav,
  .fin-v3 .fin-nav,
  .settings-nav {
    position: static;
  }
}
@media (pointer: coarse) {
  body .ui-calendar-grid {
    column-gap: var(--sp-2);
  }
  body .ui-calendar-grid button {
    width: 44px;
    height: 44px;
  }
  body .ui-calendar-head {
    grid-template-columns: 44px 1fr 44px;
  }
}
.cash-plot {
  max-width: 100%;
  min-width: 0;
}
.cash-cols .cash-value {
  max-width: 100%;
  overflow-wrap: anywhere;
}
/* The v2 launcher occupies its own header slot on phones, so it never sits over a card action. */
@media (max-width: 600px) {
  :root:not(.fin-v3) .header-actions {
    margin-right: 52px;
  }
  :root:not(.fin-v3) .luna-launcher {
    top: 8px;
    bottom: auto;
    right: 12px;
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
  :root:not(.fin-v3) .luna-launcher .luna-portrait {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 420px) {
  :root:not(.fin-v3) .brand span {
    display: none;
  }
  :root:not(.fin-v3) .brand img {
    width: 44px;
    height: 44px;
  }
}
/* #endregion */