/* An unlit writing bench, with broad reflected light over the reading area.
   The original circuit owns all exposure and palette changes. */
.work-order>.circuit-work-order-night{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  user-select:none;
  background:radial-gradient(ellipse 82% 90% at 63% 49%,#3b2b188c 0%,#2c1e1199 42%,#151007d6 78%,#080705 100%);
  opacity:0;
}

/* Do not double-darken the central wall under the new photographic exposure.
   The empty perimeter still falls into the room; paper retains its own grade. */
.work-order>.circuit-material-shadow{
  background:radial-gradient(ellipse 95% 88% at 50% 47%,transparent 50%,#160c04b8 100%);
}

/* Small ink and selected controls keep useful separation in the working pool.
   This local value follows loss, so even an OFF full-bright catch restores the
   original palette; no power-flag-only night color survives a bright frame. */
.work-order .wo-note-count{color:color-mix(in srgb,var(--ink) calc(var(--wo-low-light,0)*100%),#655c4a)}
.work-order .wo-local{color:color-mix(in srgb,var(--ink) calc(var(--wo-low-light,0)*100%),#625846)}
.work-order .wo-status{color:color-mix(in srgb,var(--ink) calc(var(--wo-low-light,0)*100%),var(--red))}
.work-order .wo-note::placeholder{color:color-mix(in srgb,var(--ink) calc(var(--wo-low-light,0)*100%),#675f4e)}
.work-order .wo-desk-label{color:color-mix(in srgb,var(--cream) calc(var(--wo-low-light,0)*100%),#d2c7ab)}
.work-order .wo-prep-list{color:color-mix(in srgb,var(--cream) calc(var(--wo-low-light,0)*100%),#d7cbb0)}
.work-order .wo-add:not(:disabled),.work-order .wo-when input:checked+span{
  background:color-mix(in srgb,#67271c calc(var(--wo-low-light,0)*100%),var(--red));
  border-color:color-mix(in srgb,#67271c calc(var(--wo-low-light,0)*100%),var(--red));
}
/* Supply-driven color changes follow the contact immediately. The existing
   hand/hover transforms and shadows retain their own responsive easing. */
.work-order .wo-add{transition:color .25s,box-shadow .25s,transform .25s var(--ease)}
.work-order .wo-when span{transition:color .2s}
.work-order :is(button,textarea,input):focus-visible,
.work-order .wo-category:has(input:focus-visible),
.work-order .wo-when input:focus-visible+span{
  outline-color:color-mix(in srgb,#090d0c calc(var(--wo-low-light,0)*100%),#d95b34);
}

/* On a stacked layout, the pool spans both the choices and the clipboard. */
@media(max-width:700px){
  .work-order>.circuit-work-order-night{
    background:radial-gradient(ellipse 85% 110% at 50% 53%,#3b2b188c 0%,#2c1e1199 42%,#151007d6 78%,#080705 100%);
  }
}

/* A small answer to an approaching hand: something nudges the metal clip.
   It happens once per hover/focus entrance, without moving the writing surface. */
@media(prefers-reduced-motion:no-preference) and (forced-colors:none){
  html[data-workshop-power="off"]:not([data-motion="quiet"]) .wo-docket:is(:hover,:focus-within)::before{
    animation:pit-clip-nudge 1.45s both;
    transform-origin:65% 85%;
  }
}
@keyframes pit-clip-nudge{
  0%,24%,100%{transform:rotate(2deg) translateY(0)}
  40%{transform:rotate(-1.5deg) translateY(-1px)}
  49%{transform:rotate(3.8deg) translateY(-2px)}
  61%{transform:rotate(1.3deg) translateY(0)}
  78%{transform:rotate(2.35deg) translateY(0)}
}

/* Forced colors removes the exposure layer; quiet mode already freezes the
   authoritative circuit, leaving the dark bench static and fully operable. */
@media(forced-colors:active){
  .work-order>.circuit-work-order-night{display:none!important}
  .work-order :is(.wo-note-count,.wo-local,.wo-status,.wo-desk-label,.wo-prep-list),
  .work-order .wo-note::placeholder{color:CanvasText!important}
  .work-order .wo-add:not(:disabled),.work-order .wo-when input:checked+span{
    background:ButtonFace!important;
    border-color:ButtonText!important;
    color:ButtonText!important;
  }
  .work-order :is(button,textarea,input):focus-visible,
  .work-order .wo-category:has(input:focus-visible),
  .work-order .wo-when input:focus-visible+span{outline-color:Highlight!important}
}