/* Approved Slate Key action family. Applies only to explicitly mapped actions. */
html body .dp-action[data-cta] {
  position:relative !important; isolation:isolate !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:10px !important; box-sizing:border-box !important; min-height:46px !important; max-width:100% !important; padding:10px 17px !important;
  border:1px solid #7593a4 !important; border-radius:8px !important; background:linear-gradient(120deg,#344f60,#263d4c 48%,#1b2b37) !important;
  box-shadow:inset 0 1px #e1f6ff26 !important; color:#f7fbff !important;
  font:700 17px/1.2 var(--font-display) !important; letter-spacing:.045em !important; text-transform:uppercase !important;
  text-decoration:none !important; white-space:normal !important; overflow-wrap:normal !important; filter:none !important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .14s ease !important;
}
html body .dp-action[data-cta]::before { content:"" !important; position:absolute !important; pointer-events:none !important; top:-1px !important; left:12px !important; right:12px !important; height:1px !important; background:linear-gradient(90deg,transparent,#d7f5ffad,transparent) !important; border:0 !important; box-shadow:none !important; }
html body .dp-action[data-cta]::after { content:none !important; }
html body .dp-action[data-cta]:hover:not(:disabled):not([aria-disabled="true"]) { border-color:#b0d5e5 !important; background:linear-gradient(120deg,#405e71,#2d495a 48%,#223846) !important; color:#fff !important; box-shadow:inset 0 1px #e1f6ff30,0 4px 14px #0002 !important; filter:none !important; }
html body .dp-action[data-cta]:focus-visible { outline:2px solid #d8f6ff !important; outline-offset:4px !important; }
html body .dp-action[data-cta]:active:not(:disabled) { transform:translateY(1px) !important; }
.dp-action-icon { position:relative !important; z-index:1 !important; display:inline-flex !important; width:18px !important; height:18px !important; flex:0 0 18px !important; pointer-events:none !important; }
.dp-action-icon svg { width:100% !important; height:100% !important; stroke:currentColor !important; fill:none !important; stroke-width:1.65 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }
.dp-action-icon img { width:25px !important; height:25px !important; object-fit:contain !important; }
html body .dp-action[data-cta="utility"] { background:linear-gradient(110deg,#17232d,#101820) !important; border-color:#475b6a !important; color:#dce7ed !important; box-shadow:none !important; font-size:15px !important; padding-inline:12px !important; }
html body .dp-action[data-cta="utility"]::before { content:none !important; }
html body .dp-action[data-cta="utility"]:hover:not(:disabled) { border-color:#8ba1b1 !important; background:#1b2b37 !important; }
html body .dp-action[data-cta="utility"][aria-pressed="true"] { color:#fff !important; border-color:#b0c7d5 !important; background:#283845 !important; }
html body .dp-action[data-cta="utility"][aria-pressed="true"] svg { fill:#b9d0df !important; }
html body .dp-action[data-cta="roster"] { gap:7px !important; min-height:44px !important; min-width:86px !important; width:auto !important; padding:9px 11px !important; font-size:16px !important; flex:none !important; margin:0 7px 0 0 !important; }
html body .dp-action[data-cta="roster"] .dp-action-icon { width:16px !important; height:16px !important; flex-basis:16px !important; }
.exchange-top,.exchange-bottom { transition:transform .18s ease !important; }
.dp-action:is(:hover,:focus-visible) .exchange-top { transform:translateX(1.5px) !important; }
.dp-action:is(:hover,:focus-visible) .exchange-bottom { transform:translateX(-1.5px) !important; }
html body .dp-action[data-cta="pro"] { border-color:#815265 !important; background:linear-gradient(112deg,#36323d,#282d38 55%,#171f2a) !important; }
html body .dp-action[data-cta="pro"]::before { background:linear-gradient(90deg,transparent,#ff708d,transparent) !important; }
html body .dp-action[data-cta="pro"]:is(:hover,:focus-visible) { border-color:#e193a5 !important; background:linear-gradient(112deg,#4b3444,#323544 55%,#1f2c38) !important; box-shadow:inset 0 1px #ffa4b01a !important; }
html body .dp-action[data-cta="pro"] .dp-action-icon { width:25px !important; height:25px !important; flex-basis:25px !important; }
html body .dp-action[data-cta]:is(:disabled,[aria-disabled="true"]) { opacity:.6 !important; box-shadow:none !important; transform:none !important; cursor:not-allowed !important; }
.dp-sheen { position:absolute !important; inset:1px !important; border-radius:6px !important; overflow:hidden !important; pointer-events:none !important; z-index:-1 !important; }
.dp-sheen i { display:block !important; position:absolute !important; inset:0 !important; opacity:0; transform:translateX(-110%); background:linear-gradient(110deg,transparent 16%,#c2e0f109 32%,rgba(194,224,241,.23) 47%,#c2e0f106 61%,transparent 76%) !important; }
[data-cta="roster"] .dp-sheen i { background:linear-gradient(110deg,transparent 16%,#c2e0f109 32%,rgba(194,224,241,.13) 47%,#c2e0f106 61%,transparent 76%) !important; }
/* The Show listing is the one branded exception: compact, open, ember underline. */
html body .dp-action[data-cta="show"] { gap:9px !important; height:44px !important; min-height:44px !important; width:max-content !important; padding:8px 3px !important; border:0 !important; border-radius:5px !important; background:none !important; box-shadow:none !important; color:#f7f7f5 !important; font-size:14px !important; white-space:nowrap !important; }
html body .dp-action[data-cta="show"]::before { inset:auto 0 3px !important; height:1px !important; background:linear-gradient(90deg,#ff673930,#ff6739 30%,#ff875c 75%,#ff673900) !important; }
html body .dp-action[data-cta="show"]:hover::before { height:2px !important; }
html body .dp-action[data-cta="show"]:focus-visible { outline-color:#ffd6c4 !important; }
.dp-show-mark { position:relative !important; display:block !important; flex:none !important; width:102px !important; height:25.1px !important; overflow:hidden !important; mix-blend-mode:screen !important; pointer-events:none !important; }
html body .dp-show-mark img { position:absolute !important; display:block !important; left:-6.16px !important; top:-16.36px !important; width:115.47px !important; max-width:none !important; height:auto !important; border:0 !important; border-radius:0 !important; margin:0 !important; box-shadow:none !important; }
.dp-show-arrow { color:#ffd6c4 !important; font:500 17px/1 var(--font-body) !important; transition:transform .35s cubic-bezier(.22,1,.36,1) !important; }
.dp-action:is(:hover,:focus-visible) .dp-show-arrow { transform:translate(2px,-1px) !important; }
[data-cta="show"] .dp-sheen { inset:auto 0 3px !important; height:2px !important; }
[data-cta="show"] .dp-sheen i { background:linear-gradient(90deg,transparent 30%,#ff9d71 43%,#ffe9cf 50%,#ff9d71 57%,transparent 70%) !important; }
@media(max-width:600px) {
  .inv-page .inv-aside { display:block; margin-top:8px; }
  html body .hero-search-go.dp-action { min-width:112px !important; width:112px !important; padding-inline:10px !important; font-size:15px !important; }
  .hero-search-go.dp-action .dp-action-icon { display:none !important; }
  html body #cWatch.dp-action { font-size:14px !important; gap:6px !important; padding-inline:8px !important; }
  html body .fv-candidate .dp-action[data-cta="roster"] { min-width:78px !important; padding-inline:8px !important; margin-right:5px !important; }
}
@media(prefers-reduced-motion:reduce) {
  .dp-sheen { display:none !important; }
  html body .dp-action[data-cta],.dp-show-arrow,.exchange-top,.exchange-bottom { transition:none !important; transform:none !important; }
}

html body .dp-action[hidden] { display:none !important; }
@media(prefers-reduced-motion:reduce) {
  html body .dp-action[data-cta]:is(:hover,:focus-visible,:active),
  html body .dp-action[data-cta]:is(:hover,:focus-visible) :is(.dp-show-arrow,.exchange-top,.exchange-bottom) { transform:none !important; }
}
