/* Prime Creation // sitewide finishing pass 2026-10-15.
   Material-aware detail, not a second paint/compositor/geometry system.
   Never transform, scale, clip, obscure, restyle physical Z roots,
   or alter the user-owned native scroll and hitboxes. */
html[data-prime-canon="prime-creation"]{
  --prime-polish-ice:rgba(157,233,255,.90);
  --prime-polish-line:rgba(174,231,255,.43);
  --prime-polish-focus:rgba(160,230,255,.80);
}

/* Controls keep their native material and 3D Z position. Only responsive,
   transient state edges are sharpened. This does not introduce a shadow
   atlas, background blur, or continuous compositing animation. */
@media(hover:hover) and (pointer:fine){
  html[data-prime-canon="prime-creation"] body.prime-v2
  #main[data-app-shell]>.app-window.is-prime-viewport-active
  :is(button,.button,.prime-price-tab,[role="button"],[role="tab"],[role="switch"]):not(:disabled):not([aria-disabled="true"]):hover{
    border-color:var(--prime-polish-line);
  }
}

/* Quiet finish at rest. Respect authored per-skin fill and gloss; refine
   only the control's existing edge and its embossed label. These paints do
   not create a new compositor layer or affect perspective/hit testing. */
html[data-prime-canon="prime-creation"] body.prime-v2
#main[data-app-shell]>.app-window.is-prime-viewport-active
:is(.prime-price-tab,.prime-storefront-tab,.prime-storefront-buy,.tab01-actions .button,.service-card .button,.sprite-launch-gate .button){
  border-color:color-mix(in srgb,currentColor 28%,transparent);
}
html[data-prime-canon="prime-creation"] body.prime-v2
#main[data-app-shell]>.app-window.is-prime-viewport-active
:is(.primary,.prime-storefront-buy,[data-prime-action-priority="primary"]){
  text-shadow:0 1px 0 rgba(0,0,0,.24);
  letter-spacing:.012em;
}
html[data-prime-canon="prime-creation"] body.prime-v2 ::selection{
  background:rgba(121,213,250,.26);
  color:inherit;
}

/* Focus belongs to the ORIGINAL button/input. No overlay is added above
   the transmissive panel glass, and no transform affects its clickbox. */
html[data-prime-canon="prime-creation"] body.prime-v2
#main[data-app-shell]>.app-window.is-prime-viewport-active
:is(button,a[href],.prime-price-tab,input,textarea,select,summary,[role="button"],[role="tab"],[role="switch"]):focus-visible,
html[data-prime-canon="prime-creation"] body.prime-v2
#primeCommandDeck :is(button,a[href],[role="button"],[role="tab"]):focus-visible{
  outline:2px solid var(--prime-polish-focus)!important;
  outline-offset:3px!important;
}

/* Native form fields and labels: preserve each selected Skin Forge surface,
   improve legibility of entered content and disabled/unfocused affordances. */
html[data-prime-canon="prime-creation"] body.prime-v2
#main[data-app-shell]>.app-window.is-prime-viewport-active
:is(input,textarea,select){
  caret-color:var(--prime-polish-ice);
}
html[data-prime-canon="prime-creation"] body.prime-v2
#main[data-app-shell]>.app-window.is-prime-viewport-active
:is(input,textarea)::placeholder{
  opacity:.78;
}
html[data-prime-canon="prime-creation"] body.prime-v2
#main[data-app-shell]>.app-window.is-prime-viewport-active
:is(input,textarea,select):focus-visible{
  border-color:var(--prime-polish-focus)!important;
}

/* Crisp money, counters, and dossier metadata. Fixed-width numerals keep
   values from visibly jumping when live text updates, without moving layout. */
html[data-prime-canon="prime-creation"] body.prime-v2
:is(.prime-visit-counter,.prime-visit-value,.prime-price-tab,.prime-storefront-price,[data-prime-price],[data-prime-total]){
  font-variant-numeric:tabular-nums;
}

/* Editorial links preserve authored contrast, gaining a discoverable
   underline only when keyboard- or mouse-targeted; buttons are excluded. */
html[data-prime-canon="prime-creation"] body.prime-v2
#main[data-app-shell]>.app-window.is-prime-viewport-active
:is(p,li,figcaption,.heading-copy) a[href]:not(.button):not([role="button"]):focus-visible{
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.19em;
}
@media(hover:hover) and (pointer:fine){
  html[data-prime-canon="prime-creation"] body.prime-v2
  #main[data-app-shell]>.app-window.is-prime-viewport-active
  :is(p,li,figcaption,.heading-copy) a[href]:not(.button):not([role="button"]):hover{
    text-decoration-line:underline;
    text-decoration-thickness:1px;
    text-underline-offset:.19em;
  }
}
/* Accessibility and forced-color fidelity are native, never faked. */
@media(forced-colors:active){
 html[data-prime-canon="prime-creation"] body.prime-v2 :is(button,a[href],input,textarea,select,[role="button"],[role="tab"]):focus-visible{
   outline-color:Highlight!important;
 }
}