/* Shared action spacing across public pages, dashboard forms and dialogs. */
:root{--action-gap:12px;--action-block-gap:18px}
.payment-actions,.widget-actions,.hero-actions,.table-actions,.tf-dialog-actions{
 display:flex;flex-wrap:wrap;align-items:center;gap:var(--action-gap);row-gap:var(--action-gap)
}
.payment-actions,.widget-actions{margin-block-start:var(--action-block-gap);margin-block-end:var(--action-block-gap)}
.payment-actions>:is(button,a),.widget-actions>:is(button,a),.hero-actions>:is(button,a),.table-actions>:is(button,a),.tf-dialog-actions>button{
 margin:0;max-width:100%;white-space:normal;overflow-wrap:anywhere
}
.form-grid>.payment-actions,.form-grid>.widget-actions{column-gap:var(--action-gap);row-gap:var(--action-gap)}
.panel>:is(input,textarea,select)+:is(button,a.primary,a.outline,a.quiet),
.widget-card-body>:is(input,textarea,select)+:is(button,a.primary,a.outline,a.quiet),
.recent-widget-editor>:is(input,textarea,select)+:is(button,a.primary,a.outline,a.quiet){margin-block-start:12px}
.panel>:is(button,a.primary,a.outline,a.quiet)+:is(details,p),
.widget-card-body>:is(button,a.primary,a.outline,a.quiet)+:is(details,p),
.recent-widget-editor>:is(button,a.primary,a.outline,a.quiet)+:is(details,p){margin-block-start:16px}
.widget-card-body>form+label{margin-block-start:20px}
.widget-card-body>details{margin-block-start:20px}
.tf-dialog-actions{flex-wrap:wrap;row-gap:12px}
@media(max-width:600px){
 .payment-actions,.widget-actions{align-items:stretch}
 .payment-actions>:is(button,a),.widget-actions>:is(button,a){flex:1 1 160px;min-width:0}
 .table-actions{gap:10px}
}

/* Shared icon-integrated TipFlow wordmark. */
.tf-wordmark{display:inline-block;white-space:nowrap;color:inherit!important;font-weight:900;letter-spacing:-.065em;line-height:1.2}.tf-wordmark .tf-logo-letter{position:relative;display:inline-block;color:inherit!important}.tf-wordmark .tf-logo-money{position:absolute;left:50%;top:.02em;transform:translateX(-50%) rotate(-12deg);font-size:.28em;line-height:1;background:#101010;padding:.05em;letter-spacing:0;color:inherit}.tf-wordmark .tf-logo-period{color:#9c9c9c}