.mobile-finance-nav,.mobile-finance-cards {display:none}
.mobile-finance-group-title{display:none}
.mobile-finance-filters>summary{cursor:pointer;padding:14px;font-weight:600;min-height:44px}
.mobile-navigation-content {display:grid;gap:12px;padding:20px}
.mobile-finance-card header,.mobile-finance-card footer {display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}
.mobile-finance-card {background:white;border:1px solid #dfe5ef;border-radius:12px;padding:16px;overflow-wrap:anywhere;min-width:0}
.mobile-finance-card header span {font-size:13px;color:#45617b}
.mobile-finance-amount {font-size:24px;font-weight:700;margin:12px 0}
.mobile-finance-card p,.mobile-finance-card dt {color:#65758a;font-size:13px}
.mobile-finance-card dl {margin:12px 0}.mobile-finance-card dl>div {display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;margin:8px 0}
.mobile-finance-card dd {margin:0;white-space:pre-wrap}.mobile-finance-card footer {justify-content:flex-start;border-top:1px solid #eee;padding-top:12px}
@media(max-width:720px){
  .mobile-finance-group-title{display:block;font-size:15px;margin:0;border-bottom:1px solid #e5eaf1;padding:12px 0;color:#246086}
  .mobile-finance-history table,.mobile-finance-history tbody,.mobile-finance-history tr,.mobile-finance-history td{display:block;min-width:0;width:auto}
  .mobile-finance-history thead{display:none}.mobile-finance-history tr{padding:10px 0;border-bottom:1px solid #e5eaf1}
  .mobile-finance-history td{border:0;padding:5px;white-space:normal;overflow-wrap:anywhere}.mobile-finance-history td:before{content:attr(data-label) '：';color:#65758a}
  .app-shell>.sidebar {display:none}
  .app-shell>.main {min-width:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .app-shell .topbar {align-items:center}.app-shell .topbar .role-switcher{display:none}
  .mobile-finance-nav {display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:white;border-top:1px solid #dfe5ef;padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:4px}
  .mobile-finance-nav button {flex:1;min-height:48px;border:0;background:white;color:#233954;font-size:15px;border-radius:8px}
  .mobile-finance-nav button:focus-visible {outline:2px solid #00a5d6}
  .mobile-finance-desktop-table {display:none}.mobile-finance-cards {display:grid;gap:12px}
  .mobile-finance-panel.modal {width:100%;height:100vh;height:var(--mobile-panel-height,100dvh);max-height:100vh;max-height:var(--mobile-panel-height,100dvh);border-radius:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-finance-panel .modal-header {position:sticky;top:0;background:white;z-index:2;padding:14px 16px}
  .mobile-finance-panel .form-grid {grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}
  .mobile-finance-panel .form-field,.mobile-finance-panel .form-wide,.mobile-finance-panel .form-actions {grid-column:1;min-width:0}
  .mobile-finance-panel input,.mobile-finance-panel select,.mobile-finance-panel textarea,.mobile-navigation-content select {font-size:16px;max-width:100%;min-height:44px}
  .mobile-finance-panel button,.mobile-finance-card button {min-height:44px;min-width:44px}
  .mobile-finance-panel .form-actions {position:sticky;bottom:0;background:white;z-index:1;padding:12px 0 calc(12px + env(safe-area-inset-bottom));display:flex;gap:12px}
  .mobile-finance-panel .form-actions button {flex:1}
  .mobile-finance-panel .form-meta {display:grid;gap:8px}
  .mobile-finance-panel .table-wrap {max-width:100%;overflow:auto}
  .mobile-finance-panel .form-error {white-space:normal;overflow-wrap:anywhere}
  .mobile-finance-panel .form-error button {display:block;margin-top:12px}
}