/* Mobile release enhancements: compact asset lists, safer sync UI and mobile value-history actions. */
.mobile-holdings-list,.mobile-other-list,.mobile-transactions-list,.mobile-value-footer-save{display:none}
.asset-cloud-live-note{margin-top:10px;color:#6f7a89;font-size:11px;line-height:1.4}
#asset-cloud-live{background:#172033!important;color:#fff!important;border-color:#172033!important}
#asset-cloud-live:disabled{opacity:.45;cursor:not-allowed}

@media(max-width:760px){
  #holdings .card>.table-wrap,#other>.table-wrap,#transactions>.table-wrap{display:none!important}
  .mobile-holdings-list,.mobile-other-list,.mobile-transactions-list{display:grid;gap:9px}
  .mobile-holdings-list{margin-top:8px}
  .mobile-other-list,.mobile-transactions-list{margin-top:2px}
  .mobile-compact-item{background:#fff;border:1px solid #e0e8f0;border-radius:15px;overflow:hidden;box-shadow:0 3px 12px rgba(22,45,70,.045)}
  .mobile-compact-summary{width:100%;border:0;background:#fff;color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:10px;text-align:left;padding:13px 12px;min-height:72px;cursor:pointer}
  .mobile-compact-summary:active{background:#f7faff}
  .mobile-compact-identity{min-width:0;display:block}.mobile-compact-identity b{display:block;font-size:17px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-compact-identity small{display:block;margin-top:4px;color:#788596;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-other-list .mobile-compact-identity b{font-size:15px;line-height:1.22;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mobile-transactions-list .mobile-compact-identity b{font-size:16px}
  .mobile-compact-figures{text-align:right;min-width:102px}.mobile-compact-figures>b{display:block;font-size:16px;line-height:1.15}.mobile-compact-figures>small{display:block;margin-top:5px;font-size:11px;font-weight:800;white-space:nowrap}
  .mobile-transactions-list .mobile-compact-figures>small{font-weight:700;color:#788596}
  .mobile-expand-arrow{width:30px;height:30px;border-radius:50%;background:#f0f5fa;display:grid;place-items:center;font-size:20px;font-weight:800;color:#557089;transition:transform .18s ease}
  .mobile-compact-item.open .mobile-expand-arrow{transform:rotate(180deg);background:#e8f2ff;color:#1768c9}
  .mobile-compact-details{border-top:1px solid #e9eef4;background:#fbfcfe;padding:4px 12px 12px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
  .mobile-compact-details[hidden]{display:none!important}
  .mobile-compact-details>div:not(.mobile-detail-actions){display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid #edf1f5;min-width:0}.mobile-compact-details>div>span{font-size:10px;text-transform:uppercase;letter-spacing:.35px;color:#8490a0;font-weight:800}.mobile-compact-details>div>b{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
  .mobile-detail-notes{grid-column:1/-1}.mobile-detail-action{grid-column:1/-1;margin-top:11px;width:100%}.mobile-detail-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;border-bottom:0!important;padding:12px 0 0!important}.mobile-detail-actions .btn{width:100%;min-width:0;padding:8px 5px;font-size:11px}
  .mobile-tx-actions{grid-template-columns:1fr 1fr!important}
  .mobile-tx-select{grid-column:1/-1;display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px 0 2px;font-size:12px;font-weight:750;color:#5f6d7d}.mobile-tx-select input{width:20px;height:20px;margin:0}
  .mobile-compact-empty{padding:22px 12px;text-align:center;color:var(--muted);background:#fff;border-radius:14px;border:1px solid #e1e8f0}

  /* Loan history gets its own compact mobile row instead of the generic stacked table card. */
  #loanHistoryModal .table-wrap{margin-top:14px}
  #loanHistoryModal table.table tbody{display:grid!important;gap:8px!important}
  #loanHistoryModal table.table tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto;gap:3px 12px;width:100%;padding:12px 13px!important;border:1px solid #e1e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 9px rgba(22,45,70,.04)!important;overflow:visible!important}
  #loanHistoryModal table.table td{display:block!important;width:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:left!important;font-size:12px!important;line-height:1.35!important}
  #loanHistoryModal table.table td:nth-child(1){grid-column:1;grid-row:1;font-size:14px!important;font-weight:850!important;color:var(--ink)}
  #loanHistoryModal table.table td:nth-child(2){grid-column:2;grid-row:1;text-align:right!important;font-size:15px!important;font-weight:850!important;color:var(--ink)}
  #loanHistoryModal table.table td:nth-child(2):before{content:'Balance';display:block;margin-bottom:2px;color:#8793a1;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
  #loanHistoryModal table.table td:nth-child(3){grid-column:1;grid-row:2;font-size:12px!important;font-weight:800!important}
  #loanHistoryModal table.table td:nth-child(3):before{content:'Change ';color:#8793a1;font-weight:700}
  #loanHistoryModal table.table td:nth-child(4){grid-column:1/-1;grid-row:3;color:#647184;margin-top:4px!important}
  #loanHistoryModal table.table td:nth-child(4):empty{display:none!important}
  #loanHistoryModal table.table td:nth-child(5){grid-column:2;grid-row:2 / span 2;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;gap:14px!important;text-align:right!important}
  #loanHistoryModal table.table td:nth-child(5) .link{min-height:28px!important;padding:2px 0!important;font-size:12px!important}
  #loanHistoryModal .loan-entry-form{margin-bottom:4px}
  #loanHistoryModal #loanHistorySubmitBtn{width:100%}

  #otherValueSubmitBtn{display:none!important}
  .mobile-value-footer-save{display:block!important}
  #otherValueModal .mf{grid-template-columns:1fr 1fr!important}

  body.mobile-sheet-open #asset-cloud-sync,
  body:has(#mobileMoreSheet.open) #asset-cloud-sync,
  body:has(.app-menu.open) #asset-cloud-sync,
  body:has(.modal-bg.open) #asset-cloud-sync,
  body:has(.goal-modal-bg.open) #asset-cloud-sync{display:none!important}

  #asset-cloud-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  #asset-cloud-live{grid-column:1/-1;width:100%}
  #asset-cloud-actions button{min-height:42px}
  .asset-cloud-live-note{font-size:11px;margin-top:9px;padding:9px 10px;border-radius:9px;background:#f5f7fa}
}

@media(max-width:390px){
  .mobile-compact-summary{grid-template-columns:minmax(0,1fr) auto 30px;padding:12px 10px}.mobile-compact-figures{min-width:94px}.mobile-compact-details{grid-template-columns:1fr}.mobile-detail-actions{grid-template-columns:1fr!important}.mobile-tx-actions{grid-template-columns:1fr 1fr!important}
  #loanHistoryModal table.table tr{grid-template-columns:minmax(0,1fr) auto!important}
}