/* Mobile refinements 9-12: home transactions, cleaner tools menu, census controls and native date picking. */
.mobile-recent-transactions-list,.mobile-census-actions,.mobile-census-sheet,.mobile-native-date-picker{display:none}
.mobile-date-picker-wrap{display:contents}

@media(max-width:760px){
  .mobile-recent-transactions-list{display:grid;gap:9px;margin-top:2px}
  .mobile-recent-transactions-list .mobile-compact-identity b{font-size:16px}
  .mobile-recent-transactions-list .mobile-compact-figures>small{font-weight:700;color:#788596}

  /* Transparent native date input opens iOS/Android calendar while the visible field stays DD/MM/YYYY. */
  .mobile-date-picker-wrap{display:block;position:relative;width:100%}
  .mobile-date-picker-wrap>input.date-entry{width:100%;padding-right:42px!important;pointer-events:none;background:#fff}
  .mobile-date-picker-wrap:after{content:'▦';position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:17px;color:#6e7e90;pointer-events:none;z-index:3}
  .mobile-date-picker-wrap>.mobile-native-date-picker{display:block!important;position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;margin:0;z-index:4;cursor:pointer;-webkit-appearance:none;appearance:none}

  /* Cleaner portfolio tools menu. FX data/calculations remain active; only the visible conversion readout is removed. */
  #appMenu .menu-section{padding:13px 14px!important;margin:0!important;border-bottom:1px solid #e8edf3}
  #appMenu .menu-section:last-child{border-bottom:0}
  #appMenu .menu-title{font-size:14px!important;margin-bottom:5px!important}
  #appMenu .menu-section>.sub:not(#todayPriceStatus):not(#menuBackupStatus){display:none!important}
  #appMenu #menuFxRate,#appMenu #menuFxSource,#appMenu .mobile-menu-hidden{display:none!important}
  #appMenu #todayPriceStatus,#appMenu #menuBackupStatus{margin-top:6px;font-size:10px;line-height:1.35}
  #appMenu .mobile-census-section>.menu-row,
  #appMenu .mobile-census-section>#viewSnapshotsBtn,
  #appMenu .mobile-census-section>#importSnapshotsBtn,
  #appMenu .mobile-census-section>#generateHistoryBtn{display:none!important}
  #appMenu .mobile-census-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  #appMenu .mobile-census-actions .btn{width:100%;min-height:44px;margin:0!important;padding:9px 7px;font-size:12px}
  #appMenu .menu-section .btn{margin-top:7px!important;min-height:40px}

  .mobile-census-sheet{display:block;position:fixed;inset:0;z-index:2147483300;pointer-events:none;visibility:hidden}
  .mobile-census-sheet.open{pointer-events:auto;visibility:visible}
  .mobile-census-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(8,22,37,.5);opacity:0;transition:opacity .18s}
  .mobile-census-sheet.open .mobile-census-backdrop{opacity:1}
  .mobile-census-card{position:absolute;left:0;right:0;bottom:0;max-height:86dvh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:7px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -22px 60px rgba(8,22,37,.24);transform:translateY(105%);transition:transform .2s ease}
  .mobile-census-sheet.open .mobile-census-card{transform:translateY(0)}
  .mobile-census-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.mobile-census-head strong{display:block;font-size:21px}.mobile-census-head span{display:block;margin-top:3px;color:#7a8798;font-size:11px}.mobile-census-close{width:38px;height:38px;border:0;border-radius:50%;background:#f0f4f8;color:#556376;font-size:24px}
  .mobile-census-info,.mobile-census-footnote{margin:9px 0 13px;color:#657386;font-size:12px;line-height:1.45}.mobile-census-footnote{font-size:10px;margin-bottom:2px}
  #mobileCensusDate{width:100%;min-height:46px;border:1px solid #d6e0eb;border-radius:11px;padding:9px 11px;background:#fff;color:var(--ink)}
  #mobileSaveSelectedCensus{width:100%;margin-top:10px}
  .mobile-census-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mobile-census-option-grid .btn{width:100%;min-height:44px;font-size:11px}.mobile-census-option-grid .btn:last-child:nth-child(odd){grid-column:1/-1}
  body.mobile-census-open{overflow:hidden}
  body.mobile-census-open #mobileBottomNav,body.mobile-census-open #asset-cloud-sync{visibility:hidden!important}
}

@media(max-width:390px){
  .mobile-census-option-grid{grid-template-columns:1fr}
  .mobile-census-option-grid .btn:last-child:nth-child(odd){grid-column:auto}
}
