/* S5: modal draft filters with a stable footer and individually removable applied chips. */
@layer pinktalk-tokens {
body.app-body main.stores-s3.stores-s5 .store-s5-applied {display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:center!important;margin:0 0 4px!important;padding:0!important}
body.app-body main.stores-s3.stores-s5 :is(.store-s5-applied-chip,.store-s5-clear-all) {display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:100%!important;min-width:44px!important;min-height:44px!important;padding:7px 10px!important;border-radius:12px!important;border:1px solid var(--color-border)!important;background:var(--color-surface-sunken)!important;color:var(--color-text)!important;font-size:12px!important;line-height:18px!important;box-shadow:none!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body.app-body main.stores-s3.stores-s5 .store-s5-applied-chip>span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.app-body main.stores-s3.stores-s5 .store-s5-applied-chip svg {width:12px!important;height:12px!important;flex:none!important}
body.app-body main.stores-s3.stores-s5 .store-s5-clear-all {background:transparent!important;border-color:transparent!important;color:var(--color-text-muted)!important}
body.app-body .store-s3-sheet.store-s5-sheet[data-slot="dialog-content"] {gap:12px!important;max-height:78dvh!important;padding-top:4px!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-handle {display:grid!important;place-items:center!important;flex:none!important;align-self:center!important;width:64px!important;min-height:44px!important;height:44px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:10px!important;touch-action:none!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-handle>span {display:block!important;width:32px!important;height:4px!important;border-radius:2px!important;background:var(--color-border-strong)!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-sheet-body {gap:8px!important;padding-bottom:4px!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s3-sort-options,
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-payment-options,
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-feature-options {display:flex!important;flex-wrap:wrap!important;gap:6px!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-sheet-body h3:not(:first-child) {margin-top:8px!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-preview-status {flex:none!important;min-height:18px!important;margin:0!important;font-size:12px!important;line-height:18px!important;color:var(--color-text-muted)!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-footer {flex:none!important;border-top:1px solid var(--color-border)!important;padding-top:10px!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-reset-draft {flex:0 1 30%!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-apply {flex:1!important;min-height:44px!important;font-variant-numeric:tabular-nums!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-open-now {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-top:8px!important;font-size:13px!important;font-weight:600!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-open-now button {display:grid!important;place-items:center!important;position:relative!important;min-width:44px!important;width:44px!important;min-height:44px!important;height:44px!important;padding:0!important;border:0!important;background:transparent!important;opacity:.6!important;cursor:default!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-open-now button::before {content:"";position:absolute!important;inset:11px 1px!important;border:0!important;border-radius:12px!important;background:var(--color-border-strong)!important}
body.app-body .store-s3-sheet.store-s5-sheet .store-s5-open-now button>span {position:relative!important;display:block!important;justify-self:start!important;margin-left:4px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:var(--color-surface)!important}
body.app-body .store-s3-sheet.store-s5-sheet :is(button):focus-visible,
body.app-body main.stores-s3.stores-s5 :is(.store-s5-applied-chip,.store-s5-clear-all):focus-visible {outline:2px solid var(--color-focus)!important;outline-offset:2px!important}
}