.paid-tabs{display:flex;gap:8px;margin:0 0 12px}.paid-tabs button,#paid-panel button,#paid-form button{height:30px;border-radius:6px;font-size:12px;padding:0 10px}.paid-tabs .primary,#paid-panel .primary,#paid-form .primary,.paid-pay{background:#57cdc8!important;color:#173330!important;border:1px solid #57cdc8}.paid-tabs .primary:hover,#paid-panel .primary:hover,#paid-form .primary:hover{background:#7eddd3!important}.paid-table td,.paid-table th{padding:10px 8px;text-align:left;vertical-align:top}.paid-table small{display:block;font-size:11px;max-width:280px;margin-top:4px;color:#8b9c9d}.paid-pay{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:6px;text-decoration:none;white-space:nowrap}.paid-actions{display:flex;gap:8px;flex-wrap:wrap}#paid-error{color:#d55}#paid-form input,#paid-form select{width:100%}
/* Settings navigation follows the CRM's flat tab treatment. */
.paid-tabs{gap:24px;align-items:center;margin:0 0 20px;border-bottom:1px solid var(--line,#e2e5e9)}
.paid-tabs button,.paid-tabs button.primary,.paid-tabs button:hover,.paid-tabs button.primary:hover{position:relative;height:40px;padding:0 2px;border:0!important;border-radius:0;background:transparent!important;color:var(--muted,#8b9c9d)!important;box-shadow:none!important;outline-offset:4px;font-size:13px;font-weight:500;filter:none}
.paid-tabs button.primary{color:inherit!important;font-weight:600}
.paid-tabs button.primary:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#57cdc8}
.paid-tabs button:hover{color:inherit!important}
#paid-panel>.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
#paid-panel>.toolbar h2{margin:0 auto 0 0;font-size:18px;line-height:1.4}
#paid-panel>.toolbar button{height:32px;padding:0 12px;font-weight:500}
#paid-panel>.muted{max-width:960px;font-size:12px;line-height:1.6;margin:0 0 16px}
@media(max-width:700px){.paid-tabs{gap:20px}#paid-panel>.toolbar h2{flex-basis:100%;margin-bottom:4px}}

/* Compact service rows and neutral actions. */
#paid-panel button,#paid-panel .primary,#paid-panel .paid-pay,#paid-form button,#paid-form .primary{background:var(--panel,#fff)!important;color:var(--text,#27313c)!important;border:1px solid var(--line,#dce1e6)!important;box-shadow:none!important;font-weight:500}
#paid-panel button:hover,#paid-panel .paid-pay:hover,#paid-form button:hover{background:var(--bg,#f3f4f6)!important;border-color:#9aa3ac!important;filter:none}
.paid-table td,.paid-table th{padding:8px 12px;vertical-align:middle;white-space:nowrap}
.paid-table td{height:48px;box-sizing:border-box}
.paid-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.paid-row-actions button,.paid-row-actions .paid-pay{height:30px;box-sizing:border-box;justify-content:center;min-width:84px}

.paid-table{font-size:12px}.paid-table td{height:44px;padding:4px 10px;line-height:16px}.paid-table th{padding:10px;font-size:12px;text-transform:none;letter-spacing:0}
#paid-panel button,#paid-panel .paid-pay,#paid-form button{background:var(--theme-surface-eef0f3,#eef0f3)!important;color:var(--theme-text-292e35,#292e35)!important;border-color:var(--theme-border-cdd2d9,#cdd2d9)!important}
@media(max-width:700px){.paid-tabs{display:flex;overflow-x:auto;white-space:nowrap;gap:20px}.paid-tabs button{flex-shrink:0}#paid-panel{padding:12px;min-width:0}#paid-panel .table-wrap{max-width:100%;overflow-x:auto}.paid-table{min-width:850px}#paid-panel>.toolbar{gap:6px}#paid-panel>.toolbar button{font-size:12px;height:36px}#paid-form{grid-template-columns:1fr}.paid-row-actions button,.paid-row-actions .paid-pay{min-height:36px}html[data-client="mobile"] main.settings-page{min-width:0}html[data-client="mobile"] .paid-tabs{width:100%}}