/* CC2 v87: one palette, readable destinations, and blocking-overlay containment. */
html.sd-overlay-locked,html.sd-overlay-locked>body.stikdex-shell-ready {overflow:hidden!important;overscroll-behavior:none!important;}
html.sd-overlay-locked [inert] {pointer-events:none!important;user-select:none;}
.sd-layer,.sd-native {overscroll-behavior:contain;}
@media(min-width:761px) {html.sd-overlay-locked body.stikdex-shell-ready .topbar {right:var(--sd-lock-gap,0px)!important;}}
/* Exact certified PC colour values, shared with the phone presentation. */
#pendingV2PreviewView {
  --p2-control-surface:linear-gradient(180deg,rgba(21,47,65,.7),rgba(9,28,42,.45));
  --p2-control-edge:rgba(129,189,220,.2);--p2-control-highlight:rgba(174,221,247,.05);
  --p2-receive-surface:linear-gradient(135deg,#147c65,#105c4c);--p2-create-surface:linear-gradient(135deg,#ee2858,#d61949);
  --p2-strip-glow:rgba(41,173,196,.085);color-scheme:only dark;
}
body:not([data-theme="dark"]) #pendingV2PreviewView {
  --p2-control-surface:linear-gradient(180deg,rgba(255,255,255,.75),rgba(232,243,252,.5));
  --p2-control-edge:rgba(53,108,145,.23);--p2-control-highlight:#fff9;--p2-strip-glow:rgba(14,138,159,.07);color-scheme:only light;
}
.sd-dialog.sd-fidelity {color-scheme:only light;}
body[data-theme="dark"] .sd-dialog.sd-fidelity {color-scheme:only dark;}
@media(max-width:760px) {
  /* No desktop geometry changes. Avoid inheriting inline-flex media labels for destination fields. */
  .sd-dialog.sd-fidelity .p2-reference[data-raw-target] :is(.p2-field-stack,.p2-field-grid) {display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-width:0;gap:14px!important;}
  .sd-dialog.sd-fidelity .p2-reference[data-raw-target] label,
  .sd-dialog #v005MoveForm>label,
  .sd-dialog label:has(>select:is([name="targetPage"],[name="targetSlot"],#v005MovePage,#v005MoveSlot)) {display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start;justify-content:stretch;gap:6px!important;min-width:0;width:100%;}
  .sd-dialog.sd-fidelity .p2-reference[data-raw-target] label>span {white-space:normal;overflow:visible;}
  .sd-dialog :is(select[name="targetPage"],select[name="targetSlot"],#v005MovePage,#v005MoveSlot) {width:100%!important;min-width:0;min-height:44px!important;font-size:16px!important;text-overflow:clip;}
  .sd-dialog #v005MoveForm {grid-template-columns:minmax(0,1fr)!important;}
  body.stikdex-shell-ready #pendingV2PreviewView.active {
    background:radial-gradient(ellipse at 95% 0,rgba(227,44,94,.075),transparent 50%),radial-gradient(ellipse at 0 45%,rgba(11,163,202,.07),transparent 65%),#071522!important;
  }
  body.stikdex-shell-ready:not([data-theme="dark"]) #pendingV2PreviewView.active {
    background:radial-gradient(ellipse at 95% 0,rgba(239,63,112,.055),transparent 50%),radial-gradient(ellipse at 0 45%,rgba(0,182,191,.06),transparent 65%),#edf4fb!important;
  }
  #pendingV2PreviewView .p2-toolbar {--p2-chip-surface:var(--p2-control-surface);--p2-chip-edge:var(--p2-control-edge);--p2-chip-highlight:var(--p2-control-highlight);}
  body:not([data-theme="dark"]) #pendingV2PreviewView .p2-toolbar {--p2-chip-surface:var(--p2-control-surface);--p2-chip-edge:var(--p2-control-edge);--p2-chip-highlight:var(--p2-control-highlight);}
  #pendingV2PreviewView .p2-page-heading>.p2-primary {background:var(--p2-create-surface)!important;border-color:#ef5475;color:#fff;}
  #pendingV2PreviewView .p2-collection-order {background:radial-gradient(ellipse at 32% 52%,var(--p2-strip-glow),transparent 58%)!important;}
  #pendingV2PreviewView .p2-collection-order::after {background:linear-gradient(90deg,transparent,var(--p2-edge) 12%,var(--p2-edge) 80%,transparent);}
  #pendingV2PreviewView .p2-order-actions .p2-card-receive {background:var(--p2-receive-surface)!important;border-color:rgba(65,214,176,.35);color:#fff;}
  #pendingV2PreviewView .p2-order-identity small {color:var(--p2-ink);}
  #pendingV2PreviewView .p2-order-status {color:var(--p2-status-ink);}
  #pendingV2PreviewView .p2-order-status[data-status="receiving"] {color:#ecc482;}
  body:not([data-theme="dark"]) #pendingV2PreviewView .p2-order-status[data-status="receiving"] {color:#80551a;}
  #pendingV2PreviewView .p2-order-actions button:active,#pendingV2PreviewView .p2-order-menu>summary:active {filter:brightness(1.12);}
}