/* admin-press.css — how the crew studio and the platform console feel under a finger or a click.
   Every control sinks on press and springs back on release; review verdicts stamp the card and send it away
   (admin-press.js). :where() keeps these at zero specificity, so any control's own transform still wins. */
:root{--press-in:cubic-bezier(.3,0,.5,1);--press-out:cubic-bezier(.34,1.56,.64,1);--verdict-same:#3FB950;--verdict-different:#F85149;--verdict-skip:#8B949E}

:where(button,[role=button],[role=tab],a.btn,a.button,.side-link,.back-link,summary,label.brand-choice,.appearance-option,.chip,.d-card){
  -webkit-tap-highlight-color:transparent;
  transition:transform 380ms var(--press-out),background-color 160ms ease,border-color 160ms ease,box-shadow 200ms ease,color 160ms ease,opacity 160ms ease;
}
:where(button,[role=button],[role=tab],a.btn,a.button,.side-link,.back-link,summary,label.brand-choice,.appearance-option,.chip):not(:disabled,[aria-disabled=true]):active{
  transform:scale(.95);transition-duration:90ms,90ms,90ms,90ms,90ms,90ms;transition-timing-function:var(--press-in);
}
/* Big surfaces sink less, or they feel like they fall away. */
:where(.d-card,.verify-card,.metric-card):not(:has(button:active,input:active,a:active)):active{transform:scale(.99);transition-duration:120ms}

/* Review verdicts: a deeper press, a lit edge, and a pop when the choice lands. */
.verify-actions :is(.confirm-btn,.reject-btn):not(:disabled):active{transform:scale(.9)}
.verify-actions .confirm-btn:not(:disabled):hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--verdict-same) 35%,transparent)}
.verify-actions .reject-btn:not(:disabled):hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--verdict-different) 35%,transparent)}

.verify-card{position:relative}
.verify-card.is-verdict{pointer-events:none}
.verify-card.is-verdict[data-verdict=same]{border-color:var(--verdict-same)}
.verify-card.is-verdict[data-verdict=different]{border-color:var(--verdict-different)}
.verdict-stamp{position:absolute;left:50%;top:38%;z-index:3;display:flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;
  font:700 22px/1 var(--sans,system-ui);letter-spacing:.01em;color:#fff;white-space:nowrap;pointer-events:none;
  box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.18);transform:translate(-50%,-50%)}
.verdict-stamp svg{width:22px;height:22px;flex:none}
.verdict-stamp[data-verdict=same]{background:var(--verdict-same)}
.verdict-stamp[data-verdict=different]{background:var(--verdict-different)}
.verdict-stamp[data-verdict=skip]{background:var(--verdict-skip)}

@media (prefers-reduced-motion:reduce){
  :where(button,[role=button],[role=tab],a.btn,a.button,.side-link,.back-link,summary,label.brand-choice,.appearance-option,.chip,.d-card,.verify-card,.metric-card):active{transform:none!important}
}