/* Account-specific presentation; shared controls live in components.css. */
.account-brand { display:flex; align-items:center; min-height:var(--control-min-height); padding-inline:var(--space-3); color:var(--color-text); font-size:var(--font-size-wordmark); font-weight:800; letter-spacing:var(--tracking-heading); }
.account-brand span { color:var(--color-primary); }
.account-body .account-nav { display:grid; gap:var(--space-2); margin:0; padding:0; list-style:none; }
.account-body .account-nav a { display:flex; align-items:center; gap:var(--space-3); min-height:var(--control-min-height); padding:var(--space-3); color:var(--color-text-muted); border-radius:var(--radius); font-size:var(--font-size-sm); line-height:1.4; text-decoration:none; transition:background var(--transition),color var(--transition); }
.account-body .account-nav svg { width:var(--icon-size); height:var(--icon-size); flex-shrink:0; }
.account-body .account-nav a:hover { color:var(--color-text); background:var(--color-surface-alt); }
.account-body .account-nav a.active { color:var(--color-primary); background:var(--color-primary-soft); font-weight:600; }
.account-body .support-notification { position:static; margin-left:auto; padding:var(--space-1) var(--space-2); color:var(--color-primary); background:var(--color-primary-soft); font-size:var(--text-xs); }
.sidebar-bottom { padding-top:var(--space-4); border-top:1px solid var(--color-border); }
.account-logout { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); min-height:var(--control-min-height); width:100%; padding:var(--space-3); color:var(--color-text-muted); background:none; border:0; border-radius:var(--radius); font-size:var(--font-size-sm); cursor:pointer; }
.account-logout:hover { color:var(--color-danger); background:var(--color-danger-soft); }
.user-avatar { display:grid; place-items:center; flex:0 0 auto; width:var(--avatar-size); height:var(--avatar-size); color:var(--color-primary); background:var(--color-primary-soft); border-radius:var(--radius-full); font-size:var(--font-size-base); font-weight:700; }
.user-name { font-size:var(--font-size-sm); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:240px; min-width:0; }
.user-email { font-size:var(--text-xs); color:var(--color-text-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:240px; min-width:0; }
.account-menu-toggle { flex:0 0 auto; margin:0; }
.account-welcome p { max-width:65ch; }
.account-welcome h2 { overflow-wrap:anywhere; }
.metric-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); color:var(--color-text-muted); }
.account-body .metric-heading h3 { color:var(--color-text-muted); font-size:var(--font-size-sm); font-weight:500; letter-spacing:0; }
.metric-value { display:block; margin:var(--space-3) 0 var(--space-2); color:var(--color-text); font-size:var(--font-size-metric); font-weight:650; line-height:1.2; letter-spacing:var(--tracking-heading); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.metric-card p { color:var(--color-text-muted); font-size:var(--text-xs); }
.metric-card .text-link { margin-top:var(--space-2); font-size:var(--text-xs); }
.account-eyebrow, .card-kicker { color:var(--color-text-muted); font-family:var(--font-body); font-size:var(--text-xs); text-transform:none; letter-spacing:0; }
.account-eyebrow { display:none; }
.account-body .recent-orders-card { margin-bottom:var(--space-6); }
.service-chart-content { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:var(--space-6); min-height:var(--chart-size); }
.service-donut { position:relative; width:var(--chart-size); height:var(--chart-size); flex-shrink:0; border-radius:var(--radius-full); background:var(--color-surface-alt); }
.service-donut::before { content:''; position:absolute; inset:var(--chart-inset); border-radius:var(--radius-full); background:var(--color-surface); }
.donut-center { position:absolute; inset:var(--chart-inset); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:var(--space-1); text-align:center; }
.donut-center strong { max-width:100%; font-size:var(--font-size-lg); font-weight:650; letter-spacing:var(--tracking-heading); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.donut-center span { color:var(--color-text-muted); font-size:var(--text-xs); }
.chart-legend { flex:1 1 var(--chart-size); max-height:var(--legend-height); overflow:auto; list-style:none; padding:0; }
.chart-legend li { display:grid; grid-template-columns:var(--space-2) minmax(0,1fr) auto; align-items:center; gap:var(--space-3); padding:var(--space-2) 0; font-size:var(--text-xs); }
.legend-dot { width:var(--space-2); height:var(--space-2); border-radius:var(--radius-full); }
.legend-name { color:var(--color-text-muted); overflow-wrap:anywhere; }
.chart-legend strong { font-weight:600; font-variant-numeric:tabular-nums; }
.activity-row { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); padding:var(--space-4) 0; border-top:1px solid var(--color-border); }
.activity-main { min-width:0; }
.activity-title { display:block; color:var(--color-text); font-size:var(--font-size-sm); font-weight:500; overflow-wrap:anywhere; }
.activity-meta { display:block; margin-top:var(--space-1); color:var(--color-text-muted); font-size:var(--text-xs); }
.activity-end { flex-shrink:0; text-align:right; font-size:var(--font-size-sm); font-variant-numeric:tabular-nums; }
.orders-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:var(--space-4); padding-bottom:var(--space-5); }
.orders-toolbar > div { flex:1 1 var(--sidebar-width); min-width:0; }
.orders-toolbar .input { width:100%; }
.orders-filter-note { margin-bottom:var(--space-4); color:var(--color-text-muted); font-size:var(--text-xs); }
.pagination { display:flex; align-items:center; justify-content:space-between; gap:var(--space-2); margin-top:var(--space-4); padding-top:var(--space-4); border-top:1px solid var(--color-border); color:var(--color-text-muted); font-size:var(--text-xs); }
.pagination:empty { display:none; }
.order-detail-list { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--space-4); }
.order-detail-list dt { color:var(--color-text-muted); font-size:var(--text-xs); }
.order-detail-list dd { margin:var(--space-1) 0 0; font-size:var(--font-size-sm); overflow-wrap:anywhere; }
.order-dialog-actions { display:flex; justify-content:flex-end; margin-top:var(--space-6); }
.settings-form { width:100%; }
.settings-form .form-group { margin-bottom:var(--space-5); }
.toggle-switch { display:flex; align-items:center; gap:var(--space-3); padding:var(--space-4); background:var(--color-bg); border-radius:var(--radius); }
.toggle-switch input, .referral-check input { flex-shrink:0; width:var(--icon-size); height:var(--icon-size); accent-color:var(--color-primary); }
.toggle-switch label { min-height:var(--control-min-height); display:flex; align-items:center; }
.developer-steps { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--space-3); margin-bottom:var(--space-6); }
.developer-steps a { display:flex; align-items:start; gap:var(--space-3); padding:var(--space-4); color:var(--color-text); border:1px solid var(--color-border); border-radius:var(--radius); }
.developer-steps a:hover { border-color:var(--color-primary); }
.developer-steps a > span { color:var(--color-primary); }
.developer-steps strong { display:block; font-size:var(--font-size-sm); }
.developer-steps p { margin-top:var(--space-1); color:var(--color-text-muted); font-size:var(--text-xs); }
.account-section pre { max-width:100%; overflow-x:auto; }
.account-section code { overflow-wrap:anywhere; word-break:break-word; }
.account-section pre code { white-space:pre; overflow-wrap:normal; word-break:normal; }
.account-section :is(h2,h3,[id]) { scroll-margin-top:var(--space-6); }
.referral-card { margin-bottom:var(--space-6); }
.referral-card p { margin:var(--space-3) 0; color:var(--color-text-muted); font-size:var(--font-size-sm); }
.referral-code-row { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-4); margin:var(--space-5) 0; }
.referral-code-row strong { color:var(--color-primary); font-family:var(--font-mono); font-size:var(--font-size-xl); overflow-wrap:anywhere; }
.referral-check { display:flex; align-items:center; gap:var(--space-3); min-height:var(--control-min-height); margin:var(--space-4) 0; font-size:var(--font-size-sm); }
.referral-offer { margin-top:var(--space-3); padding-top:var(--space-3); border-top:1px solid var(--color-border); }
.account-language-card { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-4); margin-bottom:var(--space-6); overflow:visible; z-index:2; }
.account-language-card p { margin-top:var(--space-1); color:var(--color-text-muted); font-size:var(--font-size-sm); }
.account-language-control { flex:1 1 var(--sidebar-width); max-width:100%; }
.account-language-control .language-switcher-button { width:100%; min-height:var(--control-min-height); justify-content:space-between; padding:var(--space-3) var(--space-4); font-family:var(--font-body); font-size:var(--font-size-sm); text-transform:none; letter-spacing:0; border:1px solid var(--color-border); border-radius:var(--radius); }
.account-language-control .language-switcher-button::before { display:none; }
.account-language-control .language-switcher-label { display:inline; max-width:none; }
.account-language-control .language-switcher-menu { top:calc(100% + var(--space-2)); left:0; right:0; width:100%; max-height:var(--menu-height); visibility:hidden; }
.account-language-control .language-switcher.open .language-switcher-menu { visibility:visible; }
.dev-balance-spinner { display:inline-block; width:var(--space-6); height:var(--space-6); vertical-align:middle; }
.account-appearance-card { margin-bottom:var(--space-6); }
.account-appearance-card > p { margin:var(--space-2) 0 var(--space-5); color:var(--color-text-muted); font-size:var(--font-size-sm); }
.theme-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-2); }
.theme-choice { min-width:0; cursor:pointer; }
.theme-choice input { accent-color:var(--color-primary); margin-bottom:var(--space-2); }
.theme-choice-content { display:flex; flex-direction:column; gap:var(--space-2); padding:var(--space-2); border:1px solid var(--color-border); border-radius:var(--radius); font-size:var(--text-xs); color:var(--color-text-muted); overflow-wrap:anywhere; }
.theme-choice input:checked + .theme-choice-content { border-color:var(--color-primary); background:var(--color-primary-soft); color:var(--color-primary); }
.theme-choice input:focus-visible + .theme-choice-content { outline:2px solid var(--color-focus); outline-offset:var(--space-1); }
.theme-preview { display:grid; grid-template-columns:1fr 3fr; grid-template-rows:1fr 2fr; gap:var(--space-1); height:var(--preview-height); padding:var(--space-2); border:1px solid var(--color-border); border-radius:var(--radius-sm); background:var(--preview-light-bg); }
.theme-preview i { border-radius:var(--radius-sm); background:var(--preview-light-line); }
.theme-preview i:first-child { grid-row:1 / 3; background:var(--chart-1); }
.theme-preview i:last-child { background:var(--preview-light-surface); }
.theme-preview-dark { background:var(--preview-dark-bg); }
.theme-preview-dark i { background:var(--preview-dark-line); }
.theme-preview-dark i:last-child { background:var(--preview-dark-surface); }
.theme-preview-system { background:linear-gradient(90deg,var(--preview-light-bg) 50%,var(--preview-dark-bg) 50%); }
.account-appearance-card .theme-system-hint { margin:var(--space-4) 0 0; font-size:var(--text-xs); }
.account-body :is(.support-layout,.support-create,.nexi-shell) { border-radius:var(--radius-lg); border-color:var(--color-border); box-shadow:var(--shadow-sm); }
.account-body .support-sync { color:var(--color-text-muted); font-size:var(--text-xs); overflow-wrap:anywhere; }
@media (max-width:767px) {
  .account-body .customer-orders-table, .account-body .customer-orders-table tbody { display:block; }
  .customer-orders-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .account-body .customer-orders-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); padding:var(--space-5) 0; border-top:1px solid var(--color-border); }
  .account-body .customer-orders-table td { display:flex; flex-direction:column; align-items:start; gap:var(--space-1); padding:0; border:0; text-align:left; white-space:normal; }
  .customer-orders-table td::before { content:attr(data-label); color:var(--color-text-muted); font-size:var(--text-xs); }
  .account-body .customer-orders-table td:nth-child(2) { grid-column:1 / -1; grid-row:1; font-size:var(--font-size-base); font-weight:600; }
  .customer-orders-table td:nth-child(2)::before, .customer-orders-table td:last-child::before { display:none; }
  .customer-orders-table td:last-child { grid-column:1 / -1; }
  .customer-orders-table td:last-child .btn { width:100%; }
}
@media (min-width:768px) {
  .developer-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .order-detail-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .account-language-control { flex:0 1 var(--sidebar-width); }
}

/* Existing account forms and API guide, extracted from inline styles. */
.account-body .account-panel-padding { padding: var(--space-6); }
.account-body .account-loading-space { padding: var(--space-12); }
.account-body .account-center-spinner { margin:0 auto; }
.account-body .account-empty-space { padding: var(--space-12); color: var(--text-tertiary); }
.account-body .account-empty-title { font-size: var(--text-lg); margin-bottom: var(--space-1); }
.account-body .account-small-copy { font-size: var(--text-sm); }
.account-body .account-accent-link { color: var(--brand-primary); font-weight: 600; }
.account-body .account-panel-title { margin-bottom: var(--space-6); font-size: var(--text-xl); font-weight: 700; }
.account-body .account-field-spacing { margin-top: var(--space-4); }
.account-body .account-form-divider { margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--border-secondary); }
.account-body .account-form-subtitle { margin-bottom: var(--space-4); font-size: var(--text-lg); font-weight: 700; }
.account-body .account-copy-spacing { margin-bottom: var(--space-4); }
.account-body .account-panel-spacing { padding: var(--space-6); margin-bottom: var(--space-6); }
.account-body .account-security-title { margin-bottom: var(--space-4); font-size: var(--text-xl); font-weight: 700; }
.account-body .account-security-description { color: var(--text-secondary); font-size: var(--text-sm); margin-bottom: var(--space-6); line-height: 1.6; }
.account-body .account-switch-label { font-weight: 700; color: var(--text-primary); cursor: pointer; }
.account-body .account-title-spacing { margin-bottom: var(--space-2); }
.account-body .account-wallet-description { color: var(--text-secondary); font-size: var(--text-sm); margin-bottom: var(--space-5); }
.account-body .account-wallet-warning { padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--color-danger-soft); color: var(--error-500); font-size: var(--text-sm); margin-bottom: var(--space-4); }
.account-body .account-inline-action { margin-left:var(--space-2); }
.account-body .account-wallet-balance { font-family: var(--font-heading); font-size: var(--font-size-metric); font-weight: 800; letter-spacing: var(--tracking-heading); margin-bottom: var(--space-5); }
.account-body .account-form-row { display: flex; gap: var(--space-3); flex-wrap: wrap; align-items: flex-end; }
.account-body .account-form-grow { flex: 1 1 var(--sidebar-width); }
.account-body .account-form-note { color: var(--text-tertiary); font-size: var(--text-xs); margin-top: var(--space-3); }
.account-body .account-panel-heading { display:flex; align-items:baseline; justify-content:space-between; gap: var(--space-4); flex-wrap: wrap; }
.account-body .account-muted-caption { color: var(--text-tertiary); font-size: var(--text-xs); }
.account-body .account-key-notice { padding: var(--space-4); border-radius: var(--radius-md); border: 1px solid var(--brand-primary); background: var(--color-primary-soft); margin-bottom: var(--space-5); }
.account-body .account-key-caption { font-size: var(--text-xs); text-transform: none; letter-spacing: 0; color: var(--text-tertiary); margin-bottom: var(--space-2); }
.account-body .account-key-value { display:block; word-break: break-all; font-family: var(--font-mono); font-size: var(--text-sm); padding: var(--space-3); background: var(--bg-secondary); border-radius: var(--radius-sm); margin-bottom: var(--space-3); }
.account-body .account-key-actions { display:flex; gap: var(--space-2); }
.account-body .account-key-form { display:flex; gap: var(--space-3); flex-wrap: wrap; align-items: flex-end; margin-bottom: var(--space-5); }
.account-body .account-keys-empty { color: var(--text-tertiary); font-size: var(--text-sm); padding: var(--space-4) 0; }
.account-body .account-guide-intro { color: var(--text-secondary); font-size: var(--text-sm); margin-bottom: var(--space-6); }
.account-body .account-guide-endpoint { padding: var(--space-4); border-radius: var(--radius-md); background: var(--bg-secondary); margin-bottom: var(--space-6); }
.account-body .account-endpoint-label { font-family: var(--font-mono); font-size: var(--text-xs); text-transform: none; letter-spacing: 0; color: var(--text-tertiary); margin-bottom: var(--space-2); }
.account-body .account-endpoint-code { font-family: var(--font-mono); font-size: var(--text-base); font-weight: 600; }
.account-body .account-endpoint-note { color: var(--text-tertiary); font-size: var(--text-xs); margin-top: var(--space-2); }
.account-body .account-guide-title { font-size: var(--text-lg); margin-bottom: var(--space-4); }
.account-body .account-guide-steps { list-style: none; counter-reset: passo; padding: 0; margin: 0 0 var(--space-8) 0; }
.account-body .account-guide-step { display:grid; grid-template-columns:var(--space-8) minmax(0,1fr); column-gap:var(--space-4); margin-bottom:var(--space-5); }
.account-body .account-guide-step-number { grid-column:1; grid-row:1 / 3; width:var(--space-8); height:var(--space-8); border-radius:var(--radius-full); border:1px solid var(--color-border); color:var(--color-primary); display:grid; place-items:center; font-size:var(--font-size-sm); font-weight:600; }
.account-body .account-guide-step-copy { color: var(--text-secondary); font-size: var(--text-sm); margin-top: var(--space-1); }
.account-body .account-guide-step-last { display:grid; grid-template-columns:var(--space-8) minmax(0,1fr); column-gap:var(--space-4); }
.account-body .account-examples-title { font-size: var(--text-lg); margin-bottom: var(--space-3); }
.account-body .account-code-tabs { display:flex; gap:var(--space-2); flex-wrap:wrap; margin-bottom: var(--space-4); }
.account-body .account-code-block { overflow-x:auto; background: var(--bg-secondary); padding: var(--space-4); border-radius: var(--radius-md); font-size: var(--text-xs); line-height:1.7; }
.account-body .account-guide-subtitle { font-size: var(--text-lg); margin: var(--space-8) 0 var(--space-3); }
.account-body .account-guide-copy { color: var(--text-secondary); font-size: var(--text-sm); margin-bottom: var(--space-4); }
.account-body .account-guide-note { color: var(--text-secondary); font-size: var(--text-sm); line-height: 1.75; }
.account-body .account-guide-note-spaced { color: var(--text-secondary); font-size: var(--text-sm); line-height: 1.75; margin-top: var(--space-3); }
.account-body .account-muted-copy { color: var(--text-tertiary); font-size: var(--text-sm); }
.account-body .account-guide-step-copy { grid-column:2; }

/* Compact overview rows: full service names remain in the order detail dialog. */
.account-body .recent-orders-card { padding:var(--space-4); }
.account-body .recent-orders-card .card-heading { margin-bottom:var(--space-3); }
.account-body .recent-orders-table td { font-size:var(--font-size-sm); overflow-wrap:normal; }
.recent-order-service { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; line-height:1.5; overflow-wrap:normal; word-break:normal; }
.account-body .recent-orders-table .badge { white-space:nowrap; }
.account-body .recent-order-detail { display:inline-flex; align-items:center; justify-content:center; width:var(--control-min-height); min-width:var(--control-min-height); padding:var(--space-2); }
@media (max-width:767px) {
  .account-body .recent-orders-table tr { grid-template-columns:minmax(0,1fr) auto var(--control-min-height); gap:var(--space-2) var(--space-3); padding:var(--space-3) 0; align-items:center; }
  .account-body .recent-orders-table td:first-child { grid-column:1 / -1; grid-row:2; white-space:nowrap; }
  .account-body .recent-orders-table td:first-child::before { display:none; }
  .account-body .recent-orders-table td:nth-child(2) { font-size:var(--font-size-sm); font-weight:500; }
  .account-body .recent-orders-table td:nth-child(3) { grid-column:1; grid-row:3; }
  .account-body .recent-orders-table td:nth-child(4) { grid-column:2; grid-row:3; }
  .account-body .recent-orders-table td:last-child { grid-column:3; grid-row:3; }
  .account-body .recent-orders-table td:nth-child(3)::before, .account-body .recent-orders-table td:nth-child(4)::before { display:none; }
}
@media (min-width:768px) {
  .account-body .recent-orders-table { table-layout:fixed; }
  .account-body .recent-orders-table th:first-child { width:var(--recent-order-id-width); }
  .account-body .recent-orders-table th:nth-child(3) { width:var(--recent-order-total-width); }
  .account-body .recent-orders-table th:nth-child(4) { width:var(--recent-order-status-width); }
  .account-body .recent-orders-table th:last-child { width:var(--recent-order-actions-width); }
  .account-body .recent-orders-table :is(th,td) { padding:var(--space-2); }
  .account-body .recent-orders-table th:last-child { overflow:hidden; }
}

/* Complete order history follows the compact overview, with date under the ID. */
.account-body .order-history-card { padding:var(--space-4); }
.order-history-card .orders-toolbar { gap:var(--space-3); padding-bottom:var(--space-3); }
.order-history-card .orders-filter-note { margin-bottom:var(--space-3); }
.account-body .order-history-table,
.account-body .order-history-table tbody { display:block; }
.account-body .order-history-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.account-body .order-history-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) var(--control-min-height); gap:var(--space-3); padding:var(--space-4) 0; border-top:1px solid var(--color-border); align-items:center; }
.account-body .order-history-table td { display:flex; flex-direction:column; align-items:start; gap:var(--space-1); padding:0; border:0; font-size:var(--font-size-sm); text-align:left; white-space:normal; overflow-wrap:normal; }
.order-history-table td::before { content:attr(data-label); color:var(--color-text-muted); font-size:var(--text-xs); }
.account-body .order-history-table td:first-child { grid-column:1 / -1; grid-row:2; }
.account-body .order-history-table td:first-child::before { display:none; }
.account-body .order-history-table td.order-history-service { grid-column:1 / -1; grid-row:1; display:block; font-size:var(--font-size-sm); font-weight:500; line-height:1.5; white-space:normal; overflow-wrap:break-word; word-break:normal; }
.order-history-table .order-history-service::before { display:none; }
.account-body .order-history-table td:nth-child(3) { grid-column:1; grid-row:3; }
.account-body .order-history-table td:nth-child(4) { grid-column:2; grid-row:3; }
.account-body .order-history-table td:nth-child(5) { grid-column:1 / 3; grid-row:4; }
.account-body .order-history-table td:last-child { grid-column:3; grid-row:3 / 5; }
.order-history-table td:last-child::before { display:none; }
.order-reference { display:block; font-family:var(--font-mono); font-size:var(--text-xs); white-space:nowrap; }
.order-date { display:block; margin-top:var(--space-1); color:var(--color-text-muted); font-family:var(--font-body); font-size:var(--text-xs); white-space:normal; line-height:1.5; }
.account-body .order-history-table .badge { white-space:nowrap; }
@media (min-width:1100px) {
  .account-body .order-history-table { display:table; table-layout:fixed; }
  .account-body .order-history-table tbody { display:table-row-group; }
  .account-body .order-history-table thead { position:static; display:table-header-group; width:auto; height:auto; overflow:visible; clip-path:none; }
  .account-body .order-history-table tr { display:table-row; padding:0; border-top:0; }
  .account-body .order-history-table td { display:table-cell; padding:var(--space-3) var(--space-2); border-bottom:1px solid var(--color-border); vertical-align:middle; }
  .account-body .order-history-table td.order-history-service { display:table-cell; }
  .account-body .order-history-table td::before { display:none; }
  .account-body .order-history-table th { padding:var(--space-3) var(--space-2); }
  .account-body .order-history-table th:first-child { width:var(--order-history-id-width); }
  .account-body .order-history-table th:nth-child(3) { width:var(--order-history-quantity-width); }
  .account-body .order-history-table th:nth-child(4) { width:var(--recent-order-total-width); }
  .account-body .order-history-table th:nth-child(5) { width:var(--recent-order-status-width); }
  .account-body .order-history-table th:last-child { width:var(--recent-order-actions-width); }
  .account-body .order-history-table .numeric { text-align:right; white-space:nowrap; }
}