/* BridgeCx — app styles. Tokens come from _ds/colors_and_type.css.
   Static layout styles are inline in the rendered HTML (ported from the
   Claude Design prototype); this file holds the reset, keyframes, and the
   :hover / :active states the prototype expressed via `style-hover`. */

* { box-sizing: border-box; }
html, body { margin: 0; background: #000; }
input:focus, select:focus { outline: none; }
select { -webkit-appearance: none; appearance: none; }
::placeholder { color: var(--text-3); }

@keyframes hcUp   { from { transform: translateY(14px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes hcFade { from { transform: translateY(8px);  opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes hcPulse { 0%,100% { opacity: .45; } 50% { opacity: .8; } }

/* primary CTA (Continue, Approve) */
.hc-cta { transition: background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard); }
.hc-cta:hover  { background: var(--accent-strong) !important; }
.hc-cta:active { transform: scale(0.985); }

/* landing cards */
.hc-card { transition: transform var(--duration-base) var(--ease-emphasized), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard); }
.hc-card-esc:hover { transform: translateY(-4px); border-color: rgba(236,32,40,0.55) !important; background: #141414 !important; box-shadow: 0 16px 48px rgba(0,0,0,0.55), 0 0 38px rgba(210,8,32,0.18); }
.hc-card-ref:hover { transform: translateY(-4px); border-color: var(--white-40) !important; background: #141414 !important; box-shadow: 0 16px 48px rgba(0,0,0,0.55); }

/* icon button (sign out) */
.hc-iconbtn { transition: all var(--duration-fast) var(--ease-standard); }
.hc-iconbtn:hover { color: #fff !important; border-color: var(--white-40) !important; }

/* list rows */
.hc-row { transition: background var(--duration-fast) var(--ease-standard); }
.hc-row:hover { background: var(--white-05); }

/* link buttons (Open in Linear / Nugget, not-found buttons) */
.hc-linkbtn:hover { border-color: var(--white-40) !important; }

/* back link */
.hc-back:hover { color: #fff !important; }

/* small pill buttons (copy note) */
.hc-pill:hover { color: #fff !important; border-color: var(--white-40) !important; }

/* reject button */
.hc-reject:hover { border-color: #F26D6D !important; color: #F26D6D !important; }

/* cms link */
.hc-cmslink:hover { text-decoration: underline !important; }

/* generic clickable */
.hc-click { cursor: pointer; }