/* Mobile experience polish: bottom nav, compact metrics, card-style business lists */
.mobile-bottom-nav {
  display: none;
}

@media (max-width: 767.98px) {
  body {
    padding-bottom: 5.8rem !important;
  }

  .app-shell {
    padding: 1rem .9rem 5.8rem !important;
  }

  .brand-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
  }

  .brand-nav .container-fluid {
    padding-left: .95rem !important;
    padding-right: .95rem !important;
  }

  .brand-system-name {
    font-size: 1rem !important;
    letter-spacing: 0 !important;
  }

  .brand-logo-image {
    width: 2.45rem !important;
    height: 2.45rem !important;
  }

  .mobile-bottom-nav {
    position: fixed;
    left: .72rem;
    right: .72rem;
    bottom: .72rem;
    z-index: 1045;
    display: flex;
    align-items: center;
    gap: .32rem;
    padding: .42rem;
    border: 1px solid rgba(7, 91, 136, .14);
    border-radius: 24px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 46px rgba(7, 39, 61, .18);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .mobile-bottom-link {
    flex: 1 1 0;
    min-width: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .16rem;
    padding: .42rem .18rem;
    border-radius: 18px;
    color: var(--hz-gray-700);
    -webkit-text-fill-color: var(--hz-gray-700);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.1;
    transition: color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
  }

  .mobile-bottom-link:hover,
  .mobile-bottom-link:focus {
    color: var(--hz-brand-dark);
    -webkit-text-fill-color: var(--hz-brand-dark);
    background: rgba(17, 148, 195, .08);
    transform: translateY(-1px);
  }

  .mobile-bottom-link.active {
    color: #fff;
    -webkit-text-fill-color: #fff;
    background: linear-gradient(135deg, var(--hz-brand-dark) 0%, var(--hz-brand) 100%);
    box-shadow: 0 10px 24px rgba(17, 148, 195, .26);
  }

  .mobile-bottom-icon {
    width: 1.52rem;
    height: 1.52rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(17, 148, 195, .1);
    color: inherit;
    -webkit-text-fill-color: inherit;
    font-size: .76rem;
    font-weight: 900;
  }

  .mobile-bottom-link.active .mobile-bottom-icon {
    background: rgba(255, 255, 255, .18);
  }

  .hz-metric-grid,
  .row.g-3.mb-4 {
    --bs-gutter-x: .72rem !important;
    --bs-gutter-y: .72rem !important;
  }

  .hz-metric-grid > [class*="col-"],
  .row.g-3.mb-4 > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }

  .metric-card {
    min-height: 108px !important;
    height: auto !important;
    padding: .95rem !important;
    border-radius: 22px !important;
    gap: .38rem !important;
  }

  .metric-card small {
    font-size: .74rem !important;
    line-height: 1.25 !important;
  }

  .metric-card strong {
    font-size: 1.38rem !important;
    line-height: 1.05 !important;
    word-break: break-word !important;
  }

  .metric-card .summary-time {
    max-width: 100% !important;
    padding: .22rem .5rem !important;
    border-radius: 999px !important;
    font-size: .68rem !important;
    line-height: 1.2 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .hz-workspace-card {
    border-radius: 24px !important;
  }

  .hz-workspace-card .card-body,
  .hz-workspace-card > .card-body {
    padding: 1rem !important;
  }

  .hz-workspace-card .hz-workspace-actions,
  .settlement-actionbar.hz-workspace-actions,
  .receipt-hero-actions.hz-workspace-actions,
  .station-list-hero-actions.hz-workspace-actions,
  .account-hero-actions.hz-workspace-actions,
  .hz-workspace-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .62rem !important;
    justify-content: stretch !important;
  }

  .hz-workspace-actions .action-btn,
  .hz-workspace-actions .btn {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    padding: .62rem .7rem !important;
    border-radius: 999px !important;
    font-size: .84rem !important;
    white-space: nowrap !important;
  }

  .hz-workspace-actions .action-btn-create {
    grid-column: 1 / -1;
  }

  .settlement-table-card,
  .receipt-table-panel {
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  .settlement-table-card .table-responsive,
  .receipt-table-panel .table-responsive {
    overflow: visible !important;
    padding: 0 !important;
  }

  .settlement-table-card table,
  .receipt-table-panel table,
  .settlement-table-card tbody,
  .receipt-table-panel tbody,
  .settlement-table-card tr,
  .receipt-table-panel tr {
    display: block !important;
    width: 100% !important;
  }

  .settlement-table-card thead,
  .receipt-table-panel thead {
    display: none !important;
  }

  .settlement-table-card tbody,
  .receipt-table-panel tbody {
    padding: .18rem .72rem .95rem !important;
  }

  .settlement-table-card tbody tr,
  .receipt-table-panel tbody tr {
    position: relative;
    margin: .78rem 0 !important;
    padding: .92rem .96rem !important;
    border: 1px solid rgba(7, 91, 136, .12) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #fff 0%, #fafdff 100%) !important;
    box-shadow: 0 12px 26px rgba(15, 52, 77, .08) !important;
  }

  .settlement-table-card tbody tr:hover,
  .receipt-table-panel tbody tr:hover {
    transform: none !important;
    box-shadow: 0 14px 30px rgba(15, 52, 77, .11) !important;
  }

  .settlement-table-card tbody td,
  .receipt-table-panel tbody td {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: .9rem !important;
    width: 100% !important;
    padding: .42rem 0 !important;
    border: 0 !important;
    text-align: right !important;
    white-space: normal !important;
  }

  .settlement-table-card tbody td::before,
  .receipt-table-panel tbody td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    color: var(--hz-gray-600);
    -webkit-text-fill-color: var(--hz-gray-600);
    font-size: .74rem;
    font-weight: 800;
    line-height: 1.45;
    white-space: nowrap;
  }

  .settlement-table-card tbody td.mobile-title-cell,
  .receipt-table-panel tbody td.mobile-title-cell,
  .settlement-table-card tbody td.mobile-primary-cell,
  .receipt-table-panel tbody td.mobile-primary-cell {
    display: block !important;
    text-align: left !important;
  }

  .settlement-table-card tbody td.mobile-title-cell::before,
  .receipt-table-panel tbody td.mobile-title-cell::before,
  .settlement-table-card tbody td.mobile-primary-cell::before,
  .receipt-table-panel tbody td.mobile-primary-cell::before {
    display: block;
    margin-bottom: .16rem;
  }

  .settlement-table-card tbody td.mobile-index-cell,
  .receipt-table-panel tbody td.mobile-index-cell {
    position: absolute;
    top: .84rem;
    right: .86rem;
    width: auto !important;
    padding: 0 !important;
  }

  .settlement-table-card tbody td.mobile-index-cell::before,
  .receipt-table-panel tbody td.mobile-index-cell::before {
    content: "";
    display: none;
  }

  .settlement-table-card tbody td.mobile-primary-cell,
  .receipt-table-panel tbody td.mobile-primary-cell {
    padding-right: 3.2rem !important;
  }

  .settlement-table-card tbody td.text-center[colspan],
  .receipt-table-panel tbody td.text-center[colspan] {
    display: block !important;
    text-align: center !important;
    padding: 1.6rem .8rem !important;
  }

  .settlement-table-card tbody td.text-center[colspan]::before,
  .receipt-table-panel tbody td.text-center[colspan]::before {
    content: none !important;
  }

  .settlement-amount-breakdown {
    align-items: flex-end !important;
    justify-content: flex-end !important;
  }

  .receipt-cell-main,
  .settlement-amount-main {
    font-size: .96rem !important;
  }

  .receipt-page > .row.g-3.mb-3 > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
}

/* Mobile form polish: compact sections, touch-friendly fields, sticky save actions */
@media (max-width: 767.98px) {
  .entry-page,
  .station-page,
  .sys-form-page,
  .form-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  .entry-hero,
  .station-hero,
  .sys-form-hero,
  .page-hero {
    margin-bottom: .85rem !important;
    padding: 1.05rem 1.05rem !important;
    border-radius: 22px !important;
    gap: .75rem !important;
  }

  .entry-hero h2,
  .station-hero h2,
  .sys-form-hero h2,
  .page-hero h2 {
    font-size: 1.32rem !important;
    line-height: 1.18 !important;
    letter-spacing: -.02em !important;
  }

  .entry-hero .small,
  .station-hero .small,
  .sys-form-hero .small,
  .page-hero .small,
  .entry-hero p,
  .station-hero p,
  .sys-form-hero p,
  .page-hero p {
    font-size: .82rem !important;
    line-height: 1.55 !important;
  }

  .entry-hero > a,
  .station-hero > a,
  .sys-form-hero > a {
    width: 100% !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
  }

  .entry-form-card,
  .station-main-card,
  .sys-form-card,
  .form-page .card {
    border-radius: 24px !important;
    overflow: visible !important;
    box-shadow: 0 14px 34px rgba(15, 52, 77, .08) !important;
  }

  .entry-form-card .card-body,
  .station-main-card .card-body,
  .sys-form-card .card-body,
  .form-page .card-body {
    padding: .95rem !important;
  }

  .entry-guide-strip,
  .station-guide-strip {
    margin: 0 0 .9rem !important;
    padding: .62rem !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: .5rem !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .entry-guide-strip::-webkit-scrollbar,
  .station-guide-strip::-webkit-scrollbar {
    display: none;
  }

  .entry-guide-pill,
  .station-guide-pill {
    flex: 0 0 auto !important;
    padding: .38rem .64rem !important;
    font-size: .74rem !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }

  .entry-section,
  .station-section-card,
  .entry-tip-card,
  .baseline-context-card,
  .allocation-side-card,
  .allocation-recommend-card,
  .account-status-section {
    padding: 1rem !important;
    margin-bottom: .85rem !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 24px rgba(15, 52, 77, .055) !important;
  }

  .entry-form-card .entry-section.p-4,
  .entry-form-card .entry-tip-card .card-body,
  .station-main-card .station-section-card.p-4,
  .station-main-card .station-section-card.p-3,
  .sys-form-card .p-4,
  .form-page .p-4 {
    padding: 1rem !important;
  }

  .entry-section-header,
  .station-section-header {
    align-items: flex-start !important;
    gap: .55rem !important;
    margin-bottom: .82rem !important;
    padding-bottom: .72rem !important;
  }

  .entry-section-header h5,
  .station-section-header h5 {
    font-size: 1rem !important;
    line-height: 1.22 !important;
    margin-bottom: .24rem !important;
  }

  .entry-section-header .small,
  .station-section-header .small {
    font-size: .78rem !important;
    line-height: 1.5 !important;
  }

  .entry-section-badge,
  .station-section-badge {
    flex: 0 0 auto !important;
    padding: .25rem .58rem !important;
    font-size: .68rem !important;
    border-radius: 999px !important;
  }

  .entry-section .row,
  .station-section-card .row,
  .sys-form-card .row,
  .form-page .row {
    --bs-gutter-x: .72rem !important;
    --bs-gutter-y: .72rem !important;
  }

  .entry-section [class*="col-md-"],
  .station-section-card [class*="col-md-"],
  .sys-form-card [class*="col-md-"],
  .form-page [class*="col-md-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .entry-field-col,
  .station-section-card .row > div,
  .sys-form-card .row > div,
  .form-page .row > div {
    margin-bottom: .08rem !important;
  }

  .entry-page .form-label,
  .station-page .form-label,
  .sys-form-page .form-label,
  .form-page .form-label {
    margin-bottom: .36rem !important;
    font-size: .86rem !important;
    line-height: 1.28 !important;
    font-weight: 800 !important;
    color: var(--hz-text) !important;
    -webkit-text-fill-color: var(--hz-text) !important;
  }

  .entry-page .form-control,
  .entry-page .form-select,
  .station-page .form-control,
  .station-page .form-select,
  .sys-form-page .form-control,
  .sys-form-page .form-select,
  .form-page .form-control,
  .form-page .form-select {
    min-height: 46px !important;
    padding: .66rem .82rem !important;
    border-radius: 14px !important;
    font-size: .92rem !important;
    font-weight: 650 !important;
    line-height: 1.32 !important;
    background-color: #fff !important;
  }

  .entry-page textarea.form-control,
  .station-page textarea.form-control,
  .sys-form-page textarea.form-control,
  .form-page textarea.form-control,
  .entry-page textarea,
  .station-page textarea {
    min-height: 86px !important;
    resize: vertical !important;
  }

  .entry-page .form-text,
  .station-page .form-text,
  .sys-form-page .form-text,
  .form-page .form-text,
  .station-link-hint,
  .allocation-select-search-note {
    margin-top: .34rem !important;
    font-size: .74rem !important;
    line-height: 1.45 !important;
    color: var(--hz-gray-600) !important;
    -webkit-text-fill-color: var(--hz-gray-600) !important;
  }

  .entry-required,
  .station-required {
    margin-left: .18rem !important;
  }

  .settlement-live-summary,
  .allocation-summary-grid,
  .baseline-context-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .62rem !important;
  }

  .settlement-live-card,
  .allocation-summary-card,
  .baseline-context-item {
    min-width: 0 !important;
    padding: .78rem !important;
    border-radius: 17px !important;
  }

  .settlement-live-card small,
  .allocation-summary-card small,
  .baseline-context-item small {
    font-size: .7rem !important;
  }

  .settlement-live-card strong,
  .allocation-summary-card strong,
  .baseline-context-item strong {
    font-size: 1rem !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
  }

  .allocation-top-grid,
  .allocation-recommend-grid,
  .allocation-form-grid {
    grid-template-columns: 1fr !important;
    gap: .8rem !important;
  }

  .allocation-recommend-card {
    display: block !important;
  }

  .allocation-recommend-side,
  .allocation-recommend-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
    margin-top: .72rem !important;
  }

  .allocation-recommend-actions .btn,
  .allocation-mini-btn,
  .allocation-carry-btn {
    min-height: 40px !important;
    border-radius: 999px !important;
    font-size: .8rem !important;
  }

  .entry-action-bar,
  .station-action-bar,
  .sys-form-card form > .d-flex:last-child,
  .form-page form > .d-flex:last-child {
    position: sticky !important;
    bottom: 5.15rem !important;
    z-index: 1020 !important;
    margin: 1rem -.95rem -.95rem !important;
    padding: .76rem .95rem calc(.76rem + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid rgba(7, 91, 136, .1) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 -14px 34px rgba(15, 52, 77, .1) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .entry-action-bar,
  .station-action-bar {
    justify-content: stretch !important;
  }

  .entry-action-bar .btn,
  .station-action-bar .btn,
  .sys-form-card form > .d-flex:last-child .btn,
  .form-page form > .d-flex:last-child .btn {
    flex: 1 1 0 !important;
    min-height: 44px !important;
    border-radius: 999px !important;
    font-size: .9rem !important;
    font-weight: 850 !important;
  }

  .station-action-bar > .form-check {
    width: 100% !important;
    margin-bottom: .4rem !important;
    padding: .72rem .82rem !important;
    border-radius: 16px !important;
    background: rgba(244, 249, 252, .86) !important;
  }

  .station-action-bar > .d-flex {
    width: 100% !important;
  }

  .station-action-bar > .d-flex .btn {
    width: 100% !important;
  }

  .account-status-card .checkbox-inline-clean,
  .entry-page .form-check,
  .station-page .form-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: .56rem !important;
  }

  .entry-page .form-check-input,
  .station-page .form-check-input {
    flex: 0 0 auto !important;
    margin-top: .16rem !important;
  }

  .allocation-records-panel .table-responsive {
    overflow-x: auto !important;
  }
}

/* Mobile archive cards: station and account lists become readable business cards */
@media (max-width: 767.98px) {
  .station-list-table-card,
  .account-table-panel {
    border-radius: 24px !important;
    overflow: hidden !important;
  }



  .station-list-table-card .table-responsive,
  .account-table-panel .table-responsive {
    overflow: visible !important;
    padding: 0 !important;
  }

  .station-list-table-card table,
  .account-table-panel table,
  .station-list-table-card tbody,
  .account-table-panel tbody,
  .station-list-table-card tr,
  .account-table-panel tr {
    display: block !important;
    width: 100% !important;
  }

  .station-list-table-card thead,
  .account-table-panel thead {
    display: none !important;
  }

  .station-list-table-card tbody,
  .account-table-panel tbody {
    padding: .12rem .72rem .95rem !important;
  }

  .station-list-table-card tbody tr,
  .account-table-panel tbody tr {
    position: relative !important;
    margin: .78rem 0 !important;
    padding: .94rem .96rem !important;
    border: 1px solid rgba(7, 91, 136, .12) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #fff 0%, #fafdff 100%) !important;
    box-shadow: 0 12px 26px rgba(15, 52, 77, .08) !important;
  }

  .station-list-table-card tbody tr:hover,
  .account-table-panel tbody tr:hover {
    transform: none !important;
    box-shadow: 0 14px 30px rgba(15, 52, 77, .11) !important;
  }

  .station-list-table-card tbody td,
  .account-table-panel tbody td {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: .9rem !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: .48rem 0 !important;
    border: 0 !important;
    text-align: right !important;
    white-space: normal !important;
  }

  .station-list-table-card tbody td::before,
  .account-table-panel tbody td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    color: var(--hz-gray-600);
    -webkit-text-fill-color: var(--hz-gray-600);
    font-size: .74rem;
    font-weight: 800;
    line-height: 1.45;
    white-space: nowrap;
  }

  .station-list-table-card tbody td.mobile-title-cell,
  .account-table-panel tbody td.mobile-title-cell {
    display: block !important;
    padding-right: 3.25rem !important;
    text-align: left !important;
  }

  .station-list-table-card tbody td.mobile-title-cell::before,
  .account-table-panel tbody td.mobile-title-cell::before {
    display: block;
    margin-bottom: .18rem;
  }

  .station-list-table-card tbody td.mobile-index-cell,
  .account-table-panel tbody td.mobile-index-cell {
    position: absolute !important;
    top: .84rem !important;
    right: .86rem !important;
    width: auto !important;
    padding: 0 !important;
  }

  .station-list-table-card tbody td.mobile-index-cell::before,
  .account-table-panel tbody td.mobile-index-cell::before {
    content: none !important;
  }

  .station-list-table-card .station-name-main,
  .account-table-panel .account-name-link {
    font-size: 1.02rem !important;
    line-height: 1.35 !important;
  }

  .station-list-table-card .station-meta-badges,
  .account-table-panel .account-submeta,
  .account-table-panel .biz-summary,
  .account-table-panel .quick-links,
  .station-list-table-card .station-quick-links {
    justify-content: flex-start !important;
  }

  .station-list-table-card .station-kv-grid {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
  }

  .station-list-table-card .station-kv-item {
    text-align: right !important;
  }

  .station-list-table-card .station-kv-item[style] {
    grid-column: auto !important;
  }

  .station-list-table-card .station-primary-text,
  .account-table-panel .table-primary-text,
  .account-table-panel .bank-main {
    font-size: .92rem !important;
    line-height: 1.4 !important;
  }

  .station-list-table-card .station-subtext,
  .account-table-panel .bank-meta,
  .account-table-panel .table-subtext,
  .account-table-panel .biz-metric-line {
    font-size: .76rem !important;
    line-height: 1.45 !important;
  }

  .station-list-table-card .station-capacity-card {
    margin-left: auto !important;
  }

  .station-list-table-card tbody td.mobile-action-cell,
  .account-table-panel tbody td.mobile-action-cell {
    display: block !important;
    padding-top: .72rem !important;
    margin-top: .35rem !important;
    border-top: 1px solid rgba(7, 91, 136, .1) !important;
    text-align: left !important;
  }

  .station-list-table-card tbody td.mobile-action-cell::before,
  .account-table-panel tbody td.mobile-action-cell::before {
    display: block;
    margin-bottom: .42rem;
  }

  .station-list-table-card .station-link-chip,
  .station-list-table-card .station-edit-link,
  .account-table-panel .table-action .btn {
    width: 100% !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
  }

  .station-list-table-card tbody td.text-center[colspan],
  .account-table-panel tbody td.text-center[colspan] {
    display: block !important;
    text-align: center !important;
    padding: 1.8rem .8rem !important;
  }

  .station-list-table-card tbody td.text-center[colspan]::before,
  .account-table-panel tbody td.text-center[colspan]::before {
    content: none !important;
  }
}

/* Mobile filter collapse: keep quick views visible and tuck advanced filters away */
.mobile-filter-toggle {
  display: none;
}

@media (max-width: 767.98px) {
  .mobile-filter-collapsible {
    position: relative;
  }

  .mobile-filter-collapsible .hz-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .65rem !important;
    margin-bottom: .58rem !important;
  }

  .mobile-filter-toggle {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: .32rem .72rem;
    border: 1px solid rgba(7, 91, 136, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: var(--hz-brand-dark);
    -webkit-text-fill-color: var(--hz-brand-dark);
    box-shadow: 0 8px 18px rgba(15, 52, 77, .07);
    font-size: .74rem;
    font-weight: 850;
    line-height: 1;
    transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
  }

  .mobile-filter-toggle:hover,
  .mobile-filter-toggle:focus {
    background: rgba(17, 148, 195, .09);
    color: var(--hz-brand-dark);
    -webkit-text-fill-color: var(--hz-brand-dark);
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(15, 52, 77, .1);
  }

  .mobile-filter-collapsible.is-collapsed .hz-filter-panel {
    display: none !important;
  }

  .mobile-filter-collapsible:not(.is-collapsed) .hz-filter-panel {
    display: block !important;
    animation: mobileFilterReveal .18s ease-out both;
  }

  .mobile-filter-collapsible:not(.is-collapsed) .hz-filter-panel.hz-filter-grid,
  .mobile-filter-collapsible:not(.is-collapsed) form.hz-filter-panel {
    display: grid !important;
  }

  .mobile-filter-collapsible .hz-filter-panel {
    margin-top: .62rem !important;
  }

  .mobile-filter-collapsible .hz-section-note {
    display: none !important;
  }
}

@keyframes mobileFilterReveal {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile workspace compaction: the four main list pages share this card.
   Keep the title, action buttons and filters in natural flow so hidden or
   wrapped action areas no longer leave a large blank block on phones. */
@media (max-width: 767.98px) {
  .settlement-filter-card.hz-workspace-card,
  .receipt-page .settlement-filter-card.hz-workspace-card,
  .station-list-filter-card.hz-workspace-card,
  .account-filter-panel.hz-workspace-card {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 1rem !important;
  }

  .settlement-filter-card.hz-workspace-card > .card-body,
  .receipt-page .settlement-filter-card.hz-workspace-card > .card-body,
  .station-list-filter-card.hz-workspace-card > .card-body,
  .account-filter-panel.hz-workspace-card > .card-body {
    min-height: 0 !important;
    height: auto !important;
    padding: 1rem !important;
  }

  .hz-workspace-card .settlement-filter-head,
  .hz-workspace-card .receipt-hero-head,
  .hz-workspace-card .station-list-workspace-head,
  .hz-workspace-card .account-workspace-head {
    min-height: 0 !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: .78rem !important;
    padding: 0 0 .78rem !important;
    margin: 0 0 .78rem !important;
  }

  .hz-workspace-card .settlement-filter-title,
  .hz-workspace-card .receipt-hero-head > div:first-child,
  .hz-workspace-card .station-list-workspace-title,
  .hz-workspace-card .account-workspace-title {
    min-height: 0 !important;
    height: auto !important;
    flex: none !important;
    width: 100% !important;
  }

  .hz-workspace-card .hz-workspace-actions,
  .hz-workspace-card .settlement-actionbar,
  .hz-workspace-card .receipt-hero-actions,
  .hz-workspace-card .station-list-hero-actions,
  .hz-workspace-card .account-hero-actions {
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .52rem !important;
    width: calc(100vw - 3.6rem) !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin: 0 !important;
    padding: .08rem .05rem .18rem !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .hz-workspace-card .hz-workspace-actions::-webkit-scrollbar,
  .hz-workspace-card .settlement-actionbar::-webkit-scrollbar,
  .hz-workspace-card .receipt-hero-actions::-webkit-scrollbar,
  .hz-workspace-card .station-list-hero-actions::-webkit-scrollbar,
  .hz-workspace-card .account-hero-actions::-webkit-scrollbar {
    display: none !important;
  }

  .hz-workspace-card .hz-workspace-actions .action-btn,
  .hz-workspace-card .hz-workspace-actions .btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: auto !important;
    min-height: 38px !important;
    padding: .52rem .82rem !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .hz-workspace-card .hz-workspace-actions .action-btn-create {
    grid-column: auto !important;
  }

  .hz-workspace-card .hz-filter-section,
  .hz-workspace-card .settlement-filter-section,
  .hz-workspace-card .receipt-filter-section,
  .hz-workspace-card .station-filter-section,
  .hz-workspace-card .account-filter-section {
    min-height: 0 !important;
    height: auto !important;
    margin-top: .72rem !important;
    margin-bottom: .78rem !important;
  }

  .account-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: .5rem !important;
    margin: .1rem 0 .72rem !important;
    padding: .16rem !important;
    border: 1px solid rgba(7, 91, 136, .08) !important;
    border-radius: 999px !important;
    background: rgba(244, 249, 252, .88) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .account-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .account-tabs .nav-item {
    flex: 0 0 auto !important;
  }

  .account-tabs .nav-link {
    min-height: 36px !important;
    padding: .48rem .75rem !important;
    border-radius: 999px !important;
    font-size: .78rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .account-tabs .badge {
    padding: .14rem .4rem !important;
    font-size: .68rem !important;
  }
}

/* Mobile readable cards: replace dense list tables with business cards.
   Desktop keeps the original tables; phones get clear title, key values and actions. */
@media (max-width: 767.98px) {
  .settlement-table-card,
  .receipt-table-panel,
  .station-list-table-card,
  .account-table-panel {
    border-radius: 24px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .96) !important;
  }

  .settlement-table-card .table-responsive,
  .receipt-table-panel .table-responsive,
  .station-list-table-card .table-responsive,
  .account-table-panel .table-responsive {
    overflow: visible !important;
    padding: 0 !important;
  }

  .settlement-table-card table,
  .receipt-table-panel table,
  .station-list-table-card table,
  .account-table-panel table,
  .settlement-table-card tbody,
  .receipt-table-panel tbody,
  .station-list-table-card tbody,
  .account-table-panel tbody,
  .settlement-table-card tr,
  .receipt-table-panel tr,
  .station-list-table-card tr,
  .account-table-panel tr {
    display: block !important;
    width: 100% !important;
  }

  .settlement-table-card thead,
  .receipt-table-panel thead,
  .station-list-table-card thead,
  .account-table-panel thead {
    display: none !important;
  }

  .settlement-table-card tbody,
  .receipt-table-panel tbody,
  .station-list-table-card tbody,
  .account-table-panel tbody {
    padding: .18rem .7rem 1rem !important;
    background: linear-gradient(180deg, rgba(244, 249, 252, .48), rgba(250, 253, 255, .92)) !important;
  }

  .settlement-table-card tbody tr,
  .receipt-table-panel tbody tr,
  .station-list-table-card tbody tr,
  .account-table-panel tbody tr {
    position: relative !important;
    margin: .82rem 0 !important;
    padding: 1rem .96rem .92rem !important;
    border: 1px solid rgba(7, 91, 136, .11) !important;
    border-radius: 22px !important;
    background:
      linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    box-shadow: 0 14px 30px rgba(15, 52, 77, .08) !important;
  }

  .settlement-table-card tbody tr:hover,
  .receipt-table-panel tbody tr:hover,
  .station-list-table-card tbody tr:hover,
  .account-table-panel tbody tr:hover {
    transform: none !important;
    box-shadow: 0 15px 32px rgba(15, 52, 77, .1) !important;
  }

  .settlement-table-card tbody td,
  .receipt-table-panel tbody td,
  .station-list-table-card tbody td,
  .account-table-panel tbody td {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: .86rem !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: .46rem 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(7, 91, 136, .07) !important;
    color: var(--hz-gray-900) !important;
    -webkit-text-fill-color: var(--hz-gray-900) !important;
    text-align: right !important;
    white-space: normal !important;
  }

  .settlement-table-card tbody td::before,
  .receipt-table-panel tbody td::before,
  .station-list-table-card tbody td::before,
  .account-table-panel tbody td::before {
    content: attr(data-label);
    flex: 0 0 auto;
    color: var(--hz-gray-600);
    -webkit-text-fill-color: var(--hz-gray-600);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.45;
    white-space: nowrap;
  }

  .settlement-table-card tbody td.mobile-index-cell,
  .receipt-table-panel tbody td.mobile-index-cell,
  .station-list-table-card tbody td.mobile-index-cell,
  .account-table-panel tbody td.mobile-index-cell {
    position: absolute !important;
    top: .9rem !important;
    right: .9rem !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .settlement-table-card tbody td.mobile-index-cell::before,
  .receipt-table-panel tbody td.mobile-index-cell::before,
  .station-list-table-card tbody td.mobile-index-cell::before,
  .account-table-panel tbody td.mobile-index-cell::before {
    content: none !important;
  }

  .settlement-table-card tbody td.mobile-primary-cell,
  .receipt-table-panel tbody td.mobile-primary-cell,
  .settlement-table-card tbody td.mobile-title-cell,
  .receipt-table-panel tbody td.mobile-title-cell,
  .station-list-table-card tbody td.mobile-title-cell,
  .account-table-panel tbody td.mobile-title-cell {
    display: block !important;
    padding: 0 3rem .72rem 0 !important;
    border-top: 0 !important;
    text-align: left !important;
  }

  .settlement-table-card tbody td.mobile-primary-cell::before,
  .receipt-table-panel tbody td.mobile-primary-cell::before,
  .settlement-table-card tbody td.mobile-title-cell::before,
  .receipt-table-panel tbody td.mobile-title-cell::before,
  .station-list-table-card tbody td.mobile-title-cell::before,
  .account-table-panel tbody td.mobile-title-cell::before {
    display: block !important;
    margin-bottom: .2rem !important;
    color: #7c94a6 !important;
    -webkit-text-fill-color: #7c94a6 !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
  }

  .settlement-table-card tbody td.mobile-primary-cell a,
  .receipt-table-panel tbody td.mobile-primary-cell a,
  .settlement-table-card tbody td.mobile-title-cell a,
  .receipt-table-panel tbody td.mobile-title-cell a,
  .station-list-table-card tbody td.mobile-title-cell a,
  .account-table-panel tbody td.mobile-title-cell a {
    color: #0f344d !important;
    -webkit-text-fill-color: #0f344d !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  .settlement-table-card tbody td[data-label="月份"] a,
  .receipt-table-panel tbody td[data-label="到账日期"] a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: .26rem .66rem !important;
    border-radius: 999px !important;
    background: rgba(17, 148, 195, .1) !important;
    color: #075b88 !important;
    -webkit-text-fill-color: #075b88 !important;
    font-size: .9rem !important;
    font-weight: 900 !important;
  }

  .settlement-table-card tbody td[data-label="应收"],
  .settlement-table-card tbody td[data-label="已收"],
  .settlement-table-card tbody td[data-label="未收"],
  .receipt-table-panel tbody td[data-label="到账金额"],
  .receipt-table-panel tbody td[data-label="已分配"],
  .receipt-table-panel tbody td[data-label="待分配"] {
    align-items: center !important;
    margin-top: .34rem !important;
    padding: .6rem .72rem !important;
    border: 1px solid rgba(7, 91, 136, .08) !important;
    border-radius: 16px !important;
    background: rgba(244, 249, 252, .72) !important;
  }

  .settlement-table-card tbody td[data-label="应收"],
  .receipt-table-panel tbody td[data-label="到账金额"] {
    background: rgba(17, 148, 195, .08) !important;
  }

  .settlement-table-card tbody td[data-label="已收"],
  .receipt-table-panel tbody td[data-label="已分配"] {
    background: rgba(22, 128, 79, .08) !important;
  }

  .settlement-table-card tbody td[data-label="未收"],
  .receipt-table-panel tbody td[data-label="待分配"] {
    background: rgba(185, 72, 72, .08) !important;
  }

  .settlement-table-card tbody td[data-label="应收"] > :not(:first-child),
  .settlement-table-card tbody td[data-label="已收"] > :not(:first-child),
  .settlement-table-card tbody td[data-label="未收"] > :not(:first-child),
  .receipt-table-panel tbody td[data-label="到账金额"] > :not(:first-child),
  .receipt-table-panel tbody td[data-label="已分配"] > :not(:first-child),
  .receipt-table-panel tbody td[data-label="待分配"] > :not(:first-child) {
    font-size: .98rem !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
  }

  .settlement-table-card .settlement-amount-breakdown,
  .receipt-table-panel .receipt-cell-main {
    align-items: flex-end !important;
    text-align: right !important;
  }

  .settlement-table-card tbody td[data-label="发电量"],
  .settlement-table-card tbody td[data-label="消纳率"],
  .settlement-table-card tbody td[data-label="利用小时"],
  .station-list-table-card tbody td[data-label="结算主体"],
  .station-list-table-card tbody td[data-label="当前结算主体"],
  .station-list-table-card tbody td[data-label="账户关联"],
  .station-list-table-card tbody td[data-label="结算规则"],
  .station-list-table-card tbody td[data-label="当前结算规则"],
  .account-table-panel tbody td[data-label="收款账户"],
  .account-table-panel tbody td[data-label="付款账户"],
  .account-table-panel tbody td[data-label="关联业务"],
  .account-table-panel tbody td[data-label="开票资料"] {
    align-items: flex-start !important;
  }

  .settlement-table-card tbody td[data-label="异常"],
  .settlement-table-card tbody td[data-label="回款状态"],
  .receipt-table-panel tbody td[data-label="状态"],
  .station-list-table-card tbody td[data-label="状态"],
  .account-table-panel tbody td[data-label="启停状态"] {
    align-items: center !important;
  }

  .receipt-table-panel tbody td[data-label="操作"],
  .station-list-table-card tbody td.mobile-action-cell,
  .account-table-panel tbody td.mobile-action-cell {
    display: block !important;
    margin-top: .42rem !important;
    padding-top: .76rem !important;
    border-top: 1px solid rgba(7, 91, 136, .1) !important;
    text-align: left !important;
  }

  .receipt-table-panel tbody td[data-label="操作"]::before,
  .station-list-table-card tbody td.mobile-action-cell::before,
  .account-table-panel tbody td.mobile-action-cell::before {
    display: block !important;
    margin-bottom: .44rem !important;
  }

  .receipt-table-panel tbody td[data-label="操作"] .btn,
  .station-list-table-card .station-link-chip,
  .station-list-table-card .station-edit-link,
  .account-table-panel .table-action .btn {
    width: 100% !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-weight: 850 !important;
  }

  .settlement-table-card tbody td.text-center[colspan],
  .receipt-table-panel tbody td.text-center[colspan],
  .station-list-table-card tbody td.text-center[colspan],
  .account-table-panel tbody td.text-center[colspan] {
    display: block !important;
    padding: 1.8rem .9rem !important;
    border: 0 !important;
    text-align: center !important;
  }

  .settlement-table-card tbody td.text-center[colspan]::before,
  .receipt-table-panel tbody td.text-center[colspan]::before,
  .station-list-table-card tbody td.text-center[colspan]::before,
  .account-table-panel tbody td.text-center[colspan]::before {
    content: none !important;
  }
}

/* Mobile refinement for receipt and account cards: make long business records
   scan like compact product cards instead of stacked table rows. */
@media (max-width: 767.98px) {
  .receipt-table-panel tbody,
  .account-table-panel tbody {
    padding-inline: .62rem !important;
  }

  .receipt-table-panel tbody tr,
  .account-table-panel tbody tr {
    padding: .96rem .9rem .88rem !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 28px rgba(15, 52, 77, .075) !important;
  }

  .receipt-table-panel tbody td.mobile-index-cell,
  .account-table-panel tbody td.mobile-index-cell {
    top: .82rem !important;
    right: .82rem !important;
  }

  .receipt-table-panel .receipt-card-date {
    padding: 0 3rem .28rem 0 !important;
    min-height: 30px !important;
  }

  .receipt-table-panel .receipt-card-date::before {
    display: none !important;
  }

  .receipt-table-panel .receipt-card-date a {
    background: rgba(7, 91, 136, .08) !important;
    color: #075b88 !important;
    -webkit-text-fill-color: #075b88 !important;
    border: 1px solid rgba(7, 91, 136, .08) !important;
  }

  .receipt-table-panel .receipt-card-title {
    padding-top: .18rem !important;
    padding-bottom: .74rem !important;
  }

  .receipt-table-panel .receipt-card-title::before,
  .account-table-panel .account-card-title::before {
    display: none !important;
  }

  .receipt-table-panel .receipt-card-title .receipt-cell-main,
  .account-table-panel .account-card-title .account-name-link {
    display: block !important;
    max-width: 100% !important;
    color: #0f344d !important;
    -webkit-text-fill-color: #0f344d !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.36 !important;
  }

  .receipt-table-panel .receipt-card-title .receipt-cell-sub,
  .account-table-panel .account-submeta {
    margin-top: .3rem !important;
    color: #7890a0 !important;
    -webkit-text-fill-color: #7890a0 !important;
    font-size: .72rem !important;
    line-height: 1.48 !important;
  }

  .receipt-table-panel .receipt-card-type,
  .receipt-table-panel .receipt-card-account,
  .receipt-table-panel .receipt-card-recommend,
  .receipt-table-panel .receipt-card-status {
    padding: .5rem 0 !important;
  }

  .receipt-table-panel .receipt-card-type {
    justify-content: flex-start !important;
    gap: .55rem !important;
  }

  .receipt-table-panel .receipt-card-type::after {
    content: "";
    order: 1;
  }

  .receipt-table-panel .receipt-card-type {
    color: #075b88 !important;
    -webkit-text-fill-color: #075b88 !important;
    font-weight: 850 !important;
  }

  .receipt-table-panel .receipt-card-account,
  .account-table-panel .account-card-bank,
  .account-table-panel .account-card-business,
  .account-table-panel .account-card-invoice {
    display: block !important;
    padding: .66rem .72rem !important;
    margin-top: .42rem !important;
    border: 1px solid rgba(7, 91, 136, .08) !important;
    border-radius: 16px !important;
    background: rgba(244, 249, 252, .68) !important;
    text-align: left !important;
  }

  .receipt-table-panel .receipt-card-account::before,
  .account-table-panel .account-card-bank::before,
  .account-table-panel .account-card-business::before,
  .account-table-panel .account-card-invoice::before {
    display: block !important;
    margin-bottom: .32rem !important;
    color: #6b8292 !important;
    -webkit-text-fill-color: #6b8292 !important;
    font-size: .7rem !important;
    font-weight: 900 !important;
  }

  .receipt-table-panel .receipt-card-account .receipt-cell-main,
  .account-table-panel .account-card-bank .bank-main,
  .account-table-panel .account-card-bank .table-primary-text,
  .account-table-panel .account-card-business .table-primary-text,
  .account-table-panel .account-card-invoice .table-primary-text {
    color: #12384f !important;
    -webkit-text-fill-color: #12384f !important;
    font-size: .88rem !important;
    font-weight: 850 !important;
    line-height: 1.38 !important;
  }

  .receipt-table-panel .receipt-card-account .receipt-cell-sub,
  .account-table-panel .bank-meta,
  .account-table-panel .table-subtext,
  .account-table-panel .biz-metric-line {
    color: #7890a0 !important;
    -webkit-text-fill-color: #7890a0 !important;
    font-size: .72rem !important;
    line-height: 1.45 !important;
    word-break: break-all !important;
  }

  .receipt-table-panel .receipt-card-amount,
  .receipt-table-panel .receipt-card-allocated,
  .receipt-table-panel .receipt-card-unallocated {
    display: inline-grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    gap: .18rem !important;
    width: calc((100% - .42rem) / 3) !important;
    min-width: 0 !important;
    margin-top: .5rem !important;
    padding: .56rem .42rem !important;
    text-align: left !important;
    vertical-align: top !important;
  }

  .receipt-table-panel .receipt-card-amount {
    margin-top: .72rem !important;
  }

  .receipt-table-panel .receipt-card-allocated,
  .receipt-table-panel .receipt-card-unallocated {
    margin-top: .72rem !important;
    margin-left: .16rem !important;
  }

  .receipt-table-panel .receipt-card-amount::before,
  .receipt-table-panel .receipt-card-allocated::before,
  .receipt-table-panel .receipt-card-unallocated::before {
    font-size: .64rem !important;
    line-height: 1.2 !important;
  }

  .receipt-table-panel .receipt-card-amount,
  .receipt-table-panel .receipt-card-allocated,
  .receipt-table-panel .receipt-card-unallocated,
  .receipt-table-panel .receipt-card-amount *,
  .receipt-table-panel .receipt-card-allocated *,
  .receipt-table-panel .receipt-card-unallocated * {
    font-size: .82rem !important;
    line-height: 1.18 !important;
  }

  .receipt-table-panel .receipt-card-amount {
    background: rgba(17, 148, 195, .09) !important;
  }

  .receipt-table-panel .receipt-card-allocated {
    background: rgba(22, 128, 79, .09) !important;
  }

  .receipt-table-panel .receipt-card-unallocated {
    background: rgba(185, 72, 72, .08) !important;
  }

  .receipt-table-panel .receipt-card-amount,
  .receipt-table-panel .receipt-card-amount * {
    color: #075b88 !important;
    -webkit-text-fill-color: #075b88 !important;
  }

  .receipt-table-panel .receipt-card-allocated,
  .receipt-table-panel .receipt-card-allocated * {
    color: #16804f !important;
    -webkit-text-fill-color: #16804f !important;
  }

  .receipt-table-panel .receipt-card-unallocated,
  .receipt-table-panel .receipt-card-unallocated * {
    color: #b94848 !important;
    -webkit-text-fill-color: #b94848 !important;
  }

  .receipt-table-panel .recommend-badge,
  .receipt-table-panel .receipt-status,
  .account-table-panel .soft-badge {
    min-height: 26px !important;
    padding: .28rem .56rem !important;
    border-radius: 999px !important;
    font-size: .72rem !important;
    line-height: 1 !important;
  }

  .account-table-panel .account-card-title {
    padding: 0 3rem .72rem 0 !important;
  }

  .account-table-panel .account-card-business,
  .account-table-panel .account-card-invoice {
    margin-top: .5rem !important;
  }

  .account-table-panel .account-card-business .table-primary-text,
  .account-table-panel .account-card-invoice .table-primary-text {
    display: block !important;
    margin-bottom: .22rem !important;
  }

  .account-table-panel .biz-metric-list {
    margin-top: .12rem !important;
    padding: .34rem .48rem !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .72) !important;
  }

  .account-table-panel .biz-metric-line {
    display: flex !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    padding: .08rem 0 !important;
  }

  .account-table-panel .biz-metric-value {
    color: #0f344d !important;
    -webkit-text-fill-color: #0f344d !important;
    font-weight: 850 !important;
    text-align: right !important;
  }

  .account-table-panel .biz-summary {
    margin-top: .34rem !important;
    gap: .34rem !important;
  }

  .account-table-panel .quick-links {
    display: none !important;
    margin-top: .34rem !important;
    gap: .42rem !important;
  }

  .account-table-panel .table-inline-link {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: .3rem .58rem !important;
    border: 1px solid rgba(7, 91, 136, .12) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #075b88 !important;
    -webkit-text-fill-color: #075b88 !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
  }

  .account-table-panel .account-card-status {
    justify-content: flex-start !important;
    gap: .52rem !important;
    padding: .52rem 0 !important;
  }

  .receipt-table-panel tbody td[data-label="操作"],
  .account-table-panel tbody td.mobile-action-cell {
    padding-top: .72rem !important;
  }
}