/* ADM uses the product's neutral surfaces; color only marks an actual state. */
#root .app-shell.product-shell.original-ui .project-admin {
  --ink: #22252b; --muted: #60646d; --line: #e1e3e7;
  --surface: #fff; --surface-soft: #f4f5f7;
  --pa-border: var(--line); --pa-soft: var(--surface-soft); --pa-muted: var(--muted);
}
#root .app-shell.product-shell.original-ui .project-admin :is(.pa-kicker,.pa-tabs svg,.pa-stat-mark,.pa-stat-action,.pa-empty-icon,.pa-payment-empty > svg,.pa-destination-icon,.pa-payment-provider-icon,.pa-rule-list > div > svg,.pa-case-queue > .pa-section-heading > .pa-status) { display: none; }
#root .app-shell.product-shell.original-ui .project-admin .pa-tabs { gap: 18px; padding: 0; margin-bottom: 24px; background: transparent; }
#root .app-shell.product-shell.original-ui .project-admin .pa-tabs button { padding: 10px 2px; border-radius: 0; background: transparent; color: var(--muted); font-size: 13px; font-weight: 500; }
#root .app-shell.product-shell.original-ui .project-admin .pa-tabs button[aria-selected="true"] { color: var(--ink); background: transparent; }
#root .app-shell.product-shell.original-ui .project-admin .pa-tabs button[aria-selected="true"]::after { left: 0; right: 0; height: 2px; background: var(--ink); }
#root .app-shell.product-shell.original-ui .project-admin .pa-tabs button:focus-visible { outline-offset: -3px; }
#root .app-shell.product-shell.original-ui .project-admin :is(.pa-view-heading,.pa-payments-heading) h2 { font-size: 21px; font-weight: 600; letter-spacing: -.4px; color: var(--ink); }
#root .app-shell.product-shell.original-ui .project-admin .pa-stat-grid { gap: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
#root .app-shell.product-shell.original-ui .project-admin .pa-stat { border: 0; border-right: 1px solid var(--line); border-radius: 0; background: transparent; padding: 18px 22px; }
#root .app-shell.product-shell.original-ui .project-admin .pa-stat:last-child { border-right: 0; }
#root .app-shell.product-shell.original-ui .project-admin .pa-stat-label { padding-right: 0; font-size: 12px; color: var(--muted); }
#root .app-shell.product-shell.original-ui .project-admin .pa-stat > strong { font-size: 30px; margin-top: 12px; color: var(--ink); }
#root .app-shell.product-shell.original-ui .project-admin :is(.pa-panel,.pa-payment-money,.pa-payment-stats) { border-color: var(--line); border-radius: 8px; background: var(--surface); box-shadow: none; }
#root .app-shell.product-shell.original-ui .project-admin :is(.pa-empty-state,.pa-payment-empty) { padding: 36px 20px; min-height: 160px; }
#root .app-shell.product-shell.original-ui .project-admin .pa-empty-state h3 { color: var(--ink); font-size: 14px; }
#root .app-shell.product-shell.original-ui .project-admin :is(.pa-case-meta,.pa-case-main small,.pa-case-time,.pa-vertical-facts dt,.pa-vertical-facts dd,.pa-rule-list small,.pa-side-stack .pa-muted,.pa-state-legend > span,.pa-payment-provider-name small,.pa-payment-money > p,.pa-payment-chart-axis,.pa-payment-basis,.pa-payment-meta,.pa-payment-count,.pa-payment-chart-empty,.pa-payment-chart-empty small,.pa-payment-empty p,.pa-payment-provider-detail,.pa-payment-records .pa-muted,.pa-payment-stats span,.pa-payment-reconciliation p,.pa-payment-reconciliation > small,.pa-payment-details-grid dt,.pa-payment-details-grid dd) { color: var(--muted); font-size: 12px; }
#root .app-shell.product-shell.original-ui .project-admin :is(.pa-payment-provider-name strong,.pa-rule-list strong,.pa-field > span,.pa-payment-money dt) { font-size: 13px; color: var(--muted); }
#root .app-shell.product-shell.original-ui .project-admin .pa-payment-provider-name strong { color: var(--ink); }
#root .app-shell.product-shell.original-ui .project-admin :is(.pa-case-indicator,.pa-attention-clear svg) { color: var(--muted); background: transparent; }
#root .app-shell.product-shell.original-ui .project-admin .pa-case-indicator { width: 24px; height: 32px; border-radius: 0; }
#root .app-shell.product-shell.original-ui .project-admin .pa-case-indicator[data-tone="danger"] { color: #a33d32; }
#root .app-shell.product-shell.original-ui .project-admin .pa-case-indicator[data-tone="warning"] { color: #866020; }
#root .app-shell.product-shell.original-ui .project-admin .pa-payment-provider-detail { margin-left: 0; background: var(--surface-soft); }
#root .app-shell.product-shell.original-ui .project-admin .pa-payment-period { background: var(--surface-soft); border-color: var(--line); }
#root .app-shell.product-shell.original-ui .project-admin .pa-payment-period button { color: var(--muted); }
#root .app-shell.product-shell.original-ui .project-admin .pa-payment-period button[aria-pressed="true"] { color: var(--ink); background: var(--surface); }
#root .app-shell.product-shell.original-ui .project-admin .pa-payment-total { color: var(--ink); font-size: 34px; }
#root .app-shell.product-shell.original-ui .project-admin .pa-payment-total small { color: var(--muted); }
#root .app-shell.product-shell.original-ui .project-admin .pa-payment-provider-name { gap: 3px; }
#root .app-shell.product-shell.original-ui .project-admin .pa-rule-list > div { border-bottom: 1px solid var(--line); }
#root .app-shell.product-shell.original-ui .project-admin .pa-rule-list > div:last-child { border-bottom: 0; }
@media (hover: hover) and (pointer: fine) {
  #root .app-shell.product-shell.original-ui .project-admin .pa-tabs button:hover { color: var(--ink); background: transparent; }
  #root .app-shell.product-shell.original-ui .project-admin .pa-stat-link:hover { background: var(--surface-soft); }
}
@media (max-width: 700px) {
  #root .app-shell.product-shell.original-ui .project-admin .pa-tabs { gap: 18px; }
  #root .app-shell.product-shell.original-ui .project-admin .pa-stat { padding: 16px; }
  #root .app-shell.product-shell.original-ui .project-admin .pa-stat:nth-child(2) { border-right: 0; }
  #root .app-shell.product-shell.original-ui .project-admin .pa-stat:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  #root .app-shell.product-shell.original-ui .project-admin .pa-stat > strong { font-size: 28px; }
  #root .app-shell.product-shell.original-ui .project-admin .pa-payment-total { font-size: 30px; }
}