/* Shared phone shell only: retain desktop markup, routes and original handlers. */
.phone-accounting-shortcut { display: none; }
@media (max-width: 680px) {
  html.easemyway-phone-navigation body:not(.app-auth-screen) > .app-header {
    display: grid; grid-template-columns: 44px minmax(0,1fr) auto;
    align-items: center; gap: 6px; min-height: 64px; width: 100%; box-sizing: border-box;
    padding: max(8px,env(safe-area-inset-top)) 10px 8px;
    background: #fff; border: 0; border-bottom: 1px solid #e3e9f3; box-shadow: 0 2px 10px #17336605;
  }
  html.easemyway-phone-navigation .app-header .app-header-native-action {
    display: inline-grid; place-items: center; position: relative; width: 44px; height: 44px; min-width: 44px;
    padding: 0; border: 0; border-radius: 12px; background: transparent; color: #18345c; font-size: 22px;
  }
  html.easemyway-phone-navigation .app-header .app-header-native-menu { grid-column: 1; grid-row: 1; font-size: 26px; }
  html.easemyway-phone-navigation .app-header .app-header-brand {
    grid-column: 2; grid-row: 1; display: block; justify-self: start; width: 100%; min-width: 0; max-width: 160px;
    height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
  }
  html.easemyway-phone-navigation .app-header-brand .app-header-brand-icon,
  html.easemyway-phone-navigation .app-header-brand .app-header-brand-icon img {
    display: block; width: 100%; max-width: 160px; height: 44px; padding: 0; border: 0; background: none;
    object-fit: contain; object-position: left center;
  }
  html.easemyway-phone-navigation .app-header .auth-toolbar {
    grid-column: 3; grid-row: 1; display: flex; width: auto; min-width: 0; flex-wrap: nowrap; align-items: center; gap: 2px; padding: 0;
  }
  html.easemyway-phone-navigation .app-header #downloadCurrentDataBtn,
  html.easemyway-phone-navigation .app-header #headerDashboardBtn,
  html.easemyway-phone-navigation .app-header #storageQuotaChip,
  html.easemyway-phone-navigation .app-header .app-header-search,
  html.easemyway-phone-navigation .app-header .app-header-profile-copy,
  html.easemyway-phone-navigation .app-header .app-header-profile > i { display: none !important; }
  html.easemyway-phone-navigation .app-header .app-header-profile {
    display: grid; place-items: center; width: 44px; min-width: 44px; height: 44px;
    padding: 0; border: 0; border-radius: 50%; background: none; box-shadow: none;
  }
  html.easemyway-phone-navigation .app-header .app-header-profile-avatar {
    display: grid; place-items: center; width: 38px; height: 38px; font-size: 13px; box-shadow: none;
  }
  html.easemyway-phone-navigation .app-header-native-notification span {
    position: absolute; top: 2px; right: 1px; min-width: 16px; padding: 2px; border: 2px solid #fff;
    border-radius: 20px; background: #df3852; color: #fff; font-size: 9px; line-height: 1; text-align: center;
  }
  html.easemyway-phone-navigation .app-header-native-notification span[hidden] { display: none; }
  html.easemyway-phone-navigation body.phone-header-search-open .app-header .app-header-search {
    display: flex !important; grid-column: 1/-1; grid-row: 2; width: 100%; min-width: 0;
    margin: 4px 0 0; padding: 4px 8px; border: 1px solid #dce5f3; border-radius: 12px; background: #f6f8fc; box-sizing: border-box;
  }
  html.easemyway-phone-navigation .app-header-search #moduleJumpInput { min-width: 0; width: 0; flex: 1; min-height: 44px; font-size: 16px; }
  html.easemyway-phone-navigation .app-header-search .app-header-search-shortcut,
  html.easemyway-phone-navigation .app-header-search #moduleJumpBtn { display: none; }
  html.easemyway-phone-navigation .page-shell.accounting-context #dashboardSidebar { display: none !important; }
  html.easemyway-phone-navigation .page-shell.accounting-context { grid-template-columns: minmax(0,1fr); }
  html.easemyway-phone-navigation body > #dashboardAppBottomNav > button[hidden] { display: none !important; }
  html.easemyway-phone-navigation body > #dashboardAppBottomNav.phone-accounting-navigation {
    grid-template-columns: repeat(var(--phone-nav-columns,5),minmax(0,1fr));
    height: calc(76px + env(safe-area-inset-bottom)); padding: 7px 4px env(safe-area-inset-bottom);
    border-radius: 18px 18px 0 0; box-shadow: 0 -4px 18px #1735660c;
  }
  html.easemyway-phone-navigation body > #dashboardAppBottomNav.phone-accounting-navigation > button {
    height: 62px; gap: 5px; padding: 4px 2px; font-size: 21px; color: #355578; align-content: start;
  }
  html.easemyway-phone-navigation body > #dashboardAppBottomNav.phone-accounting-navigation > button > span {
    font-size: 10px; font-weight: 650; line-height: 1.2; white-space: normal; max-width: 74px; min-height: 24px;
  }
  html.easemyway-phone-navigation body > #dashboardAppBottomNav.phone-accounting-navigation > button > i { line-height: 24px; }
  html.easemyway-phone-navigation .app-header button:focus-visible,
  html.easemyway-phone-navigation #dashboardAppBottomNav button:focus-visible { outline: 2px solid #2461df; outline-offset: -2px; }
}