/* dip.css — global click feedback. Low-specificity (:where) so your own styles always win. */
*{-webkit-tap-highlight-color:transparent}
:where(button,[role="button"],[role="tab"],.btn,.clickable,a[href],summary,[onclick],label[for],.bundle-card,.pricing-card,.dashboard-card,.stat-card,.provider-btn,.af-q,.side-item,.nav,.dd-i,.vas-pcard,.vas-card,[data-view],[data-tab],[data-ext],[data-svc]){cursor:pointer;touch-action:manipulation}
:where(button,[role="button"],.btn){-webkit-user-select:none;user-select:none}
:where(button,[role="button"],.btn,a.btn){transition:translate .15s cubic-bezier(.4,0,.2,1),filter .15s cubic-bezier(.4,0,.2,1)}
@media (hover:hover){
  :where(button,[role="button"],.btn,a.btn):not(:disabled):not([aria-disabled="true"]):hover{translate:0 -1px;filter:brightness(1.05)}
}
:where(button,[role="button"],.btn,a[href],summary):focus-visible{outline:2px solid #00A6FF;outline-offset:2px}
:where(button:disabled,[aria-disabled="true"],.btn[disabled]){cursor:not-allowed;opacity:.5}
/* Old browsers without the `scale` property: simple press-down instead */
.dip-fb{transform:scale(.96)!important;transition:transform .1s ease}
@media (prefers-reduced-motion:reduce){:where(button,[role="button"],.btn,a.btn){transition:none}}