#objects-toggle,#object-panel {
  --obj-small:clamp(.75rem,.72rem + .12vw,.875rem);
  --obj-body:clamp(.875rem,.83rem + .15vw,1rem);
  --obj-gap:8px;
  font:var(--obj-body)/1.45 var(--display,sans-serif);
  color:#f0e8df;
}
#objects-toggle {position:fixed;top:14px;right:100px;z-index:5;min-height:44px;padding:8px 16px;border:1px solid var(--cyan,#3ff0ff);background:var(--glass,#211c24);border-radius:6px;cursor:pointer}
#object-panel {position:fixed;z-index:6;right:16px;top:70px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 158px);overflow:auto;padding:16px;background:rgba(25,23,29,.98);border:1px solid #786b61;border-radius:8px;box-sizing:border-box;box-shadow:0 12px 36px #08060b66}
#object-panel[hidden]{display:none}
#object-panel header,#object-panel .object-row,#object-panel footer{display:flex;align-items:center;justify-content:space-between;gap:var(--obj-gap)}
#object-panel h2{font-size:1.125rem;margin:0}
#object-panel h3{font-size:var(--obj-body);margin:0}
#object-panel p{margin:8px 0}
#object-panel label{display:grid;gap:4px;margin:12px 0 8px}
#object-panel button,#object-panel select{font:inherit;min-height:44px;border:1px solid #786b75;border-radius:4px;padding:8px;background:#352d38;color:#f0e8df;cursor:pointer}
#object-panel select{width:100%;min-width:0}
#object-panel button:hover:not(:disabled){background:#49404a;border-color:#b9a9b0}
#object-panel button:disabled{color:#b8adb5;background:#26212a;cursor:default;border-color:#62565f}
#object-panel .object-primary{background:#d9b98c;color:#211a18;width:100%;font-weight:600}
#object-panel button.object-primary:hover:not(:disabled){background:#edd1a9;color:#211a18}
#object-panel .object-detail,#object-panel small{font:var(--obj-small)/1.5 var(--mono,monospace);color:#c6b9c1;display:block;overflow-wrap:anywhere}
#object-panel .object-drawer{padding:12px 0;border-top:1px solid #5c5159}
#object-panel .object-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:8px 0}
#object-panel .object-items button{font-size:var(--obj-small);min-width:0}
#object-message{position:sticky;top:0;z-index:2;padding:8px;min-height:4.5em;box-sizing:border-box;background:#2b3432;color:#daeee4}
#object-message[data-error=true]{background:#432b2c;color:#ffe0ce}
#object-inventory{margin:12px 0}
#object-bag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:8px 0}
#object-bag button{font-size:var(--obj-small);min-width:0;padding:6px}
#object-bag-help{min-height:1.5em}
#object-bag button[aria-pressed=true]{border-color:#e3bc87;background:#554536}
#object-bag small{flex-basis:100%}
#object-panel footer{border-top:1px solid #5c5159;padding-top:12px;margin-bottom:8px}
#object-actions>button{margin:4px 4px 8px 0}
#object-panel progress{display:block;width:100%;height:12px;margin:12px 0;accent-color:#dfba87}
#object-panel :focus-visible,#objects-toggle:focus-visible{outline:2px solid #e3c09c;outline-offset:2px}
#object-panel #pool-aim{position:static;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1.8;border:1px solid #786b61;border-radius:5px;cursor:crosshair;touch-action:pan-y}
#object-panel .pool-controls input{min-width:0;min-height:32px;width:100%;box-sizing:border-box;accent-color:#d9b98c}
#object-panel .pool-controls input[type=number]{background:#352d38;color:#f0e8df;border:1px solid #786b75;border-radius:4px;padding:6px;font:inherit}
#object-panel .pool-controls label{grid-template-columns:1fr auto}
#object-panel .pool-controls input{grid-column:1/-1}
#object-panel .pool-controls output{font:var(--obj-small)/1.5 var(--mono,monospace);color:#e3c09c}
#object-panel .pool-controls>button{margin:8px 0}
#object-panel .pool-controls details{margin:8px 0 16px;font-size:var(--obj-small)}
#object-panel .pool-controls summary{cursor:pointer;min-height:32px}
#object-panel #pool-status{min-height:3em;color:#e1ceb0}
#object-panel #pool-score{font-size:var(--obj-small);color:#b8d2c5}
#object-panel[data-mode=pool]{width:440px}
#object-panel[data-mode=pool] #object-message{position:static}
#object-panel[data-mode=cooking]{width:420px}
#object-panel[data-mode=cooking] #object-message{position:static;min-height:0}
#object-panel .cooking-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:12px 0}
#object-panel .cooking-zones button{font-size:var(--obj-small)}
#object-panel .cooking-zones button[aria-pressed=true]{border-color:#e3bc87;background:#554536}
#object-panel .cooking-controls>button{margin:5px 4px 8px 0}
#object-panel #cooking-status{padding:10px;border-left:3px solid #d9b98c;background:#292c29}
#object-panel .cooking-meals button{margin:6px 0;width:100%}
#object-panel .cooking-controls details{font-size:var(--obj-small);margin:10px 0}
#object-panel [hidden]{display:none!important}
@media(max-width:640px){#objects-toggle{top:100px;right:16px}#object-panel{top:154px;right:8px;width:359px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 246px);padding:12px}}
/* Preserve the existing controls while correcting inherited viewport clipping. */
.rail{transform:none;width:auto;max-width:none;box-sizing:border-box;pointer-events:none}
.rail .track{width:min(600px,100%);max-width:100%;align-items:stretch;pointer-events:auto}
#view-picker{min-width:0;flex:1}
#reveal-toggle{display:block;margin:0 0 12px;padding:8px 10px;min-height:36px;border:1px solid #776a80;background:#29212f;color:#ece6f2;cursor:pointer}
.hud{margin-top:52px;max-height:calc(100dvh - 84px);padding-bottom:12px;box-sizing:border-box;scrollbar-width:thin}
#tools-toggle{min-height:44px;padding:8px 16px;font:clamp(.875rem,.83rem + .15vw,1rem)/1.45 var(--display,sans-serif)}
@media(max-width:640px){.hud{top:154px;margin-top:0;max-height:calc(100dvh - 246px)}#tools-toggle{top:100px;right:120px}}
#object-panel[data-mode="fridge"]{width:min(420px,calc(100vw - 32px))}
.fridge-controls{display:grid;gap:12px}
.fridge-controls h3,.fridge-controls p{margin:0}
.fridge-controls label{display:grid;gap:6px}
.fridge-controls input[type=number]{width:100%;min-height:44px;background:#342e37;color:#eee6d9;border:1px solid #857985;border-radius:4px;padding:8px;font:inherit;box-sizing:border-box}
.fridge-controls section[hidden]{display:none}
#grocery-status{padding:10px;border-left:3px solid #cfb38c;background:#2b3533}

/* Courtyard controls: scoped to the new mode; legacy inventory, pool, fridge
   and cooking layouts above keep their original selectors and dimensions. */
#object-panel[data-mode=activity]{width:440px;overscroll-behavior:contain;scrollbar-gutter:stable}
#object-panel[data-mode=activity]:not([hidden]){display:flex;flex-direction:column}
#object-panel[data-mode=activity]>*{flex-shrink:0;min-width:0}
#object-panel[data-mode=activity] #object-message{position:static;min-height:0;margin:8px 0 12px;border-left:3px solid #8bc7b2}
#object-panel[data-mode=activity] #object-message[data-error=true]{border-left-color:#e6a18d}
#object-panel[data-mode=activity] #object-inventory{order:1;margin:16px 0 12px;padding-top:12px;border-top:1px solid #5c5159}
#object-panel[data-mode=activity] footer{order:2;flex-wrap:wrap}
#object-panel[data-mode=activity]>small{order:3}
#object-panel[data-mode=activity] #object-actions{min-width:0}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls){display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls)>h3{padding-top:12px;border-top:1px solid #5c5159;color:#ead1aa;letter-spacing:.025em}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) p{margin:2px 0 6px;overflow-wrap:anywhere}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) label{margin:4px 0;min-width:0}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) button{min-width:0;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4;touch-action:manipulation}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls)>button{width:100%;margin:0;text-align:left}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls)>button.object-primary{text-align:center}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) button[aria-pressed=true]{border-color:#8bc7b2;background:#334b43;color:#f0eee3}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) input{font:inherit;box-sizing:border-box;min-width:0;max-width:100%;accent-color:#8bc7b2}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) input[type=range]{display:block;width:100%;min-height:44px;margin:0;cursor:pointer;touch-action:pan-y}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) input[type=number]{width:100%;min-height:44px;padding:8px;border:1px solid #857985;border-radius:4px;background:#342e37;color:#eee6d9}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) input[type=checkbox]{width:22px;height:22px;flex-shrink:0;margin:0 8px 0 0;vertical-align:middle}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) fieldset{min-width:0;margin:4px 0;padding:10px;border:1px solid #625b55;border-radius:5px}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) legend{max-width:100%;padding:0 6px;color:#d9c9af;overflow-wrap:anywhere}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) output{font:var(--obj-small)/1.5 var(--mono,monospace);color:#b9d6c9;overflow-wrap:anywhere}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) [role=status]{padding:10px;border-left:3px solid #8bc7b2;background:#293631;color:#e0ece4}
#object-panel :is(.dining-controls,.laundry-controls,.entertainment-controls,.bathroom-controls) progress{margin:4px 0 8px;accent-color:#8bc7b2}
#object-panel .dining-controls .object-items{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;margin:4px 0}
#object-panel .dining-controls .object-drawer{display:grid;gap:6px;padding:10px 0;min-width:0}
#object-panel .dining-controls .object-drawer button{width:100%;text-align:left}
#object-panel .laundry-controls fieldset{display:grid;gap:6px}
#object-panel .laundry-controls .cooking-zones{margin:0}
#object-panel .entertainment-controls canvas{position:static;inset:auto;display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;box-sizing:border-box;touch-action:none}
#object-panel .entertainment-controls canvas[aria-label^="Darts"]{cursor:crosshair}
#object-panel .entertainment-controls>div{min-width:0}
#object-panel .entertainment-controls>div:not([hidden])>button{margin:3px 4px 3px 0}
#object-panel .entertainment-controls [role=group]{display:flex;flex-wrap:wrap;gap:6px}
#object-panel .entertainment-controls [role=group]>button{flex:1 1 120px}
#object-panel .bathroom-controls>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}
#object-panel .bathroom-controls>div>button.object-primary{grid-column:1/-1}
@media(max-width:640px){
  #object-panel[data-mode=activity]{width:359px;max-width:calc(100vw - 16px);scrollbar-gutter:auto}
  #object-panel[data-mode=activity] .dining-controls .object-items{grid-template-columns:minmax(0,1fr)}
  #object-panel[data-mode=activity] .entertainment-controls>div:not([hidden])>button{margin-right:0}
  #object-panel[data-mode=activity] .entertainment-controls [role=group]>button{flex-basis:110px}
}
@media(prefers-reduced-motion:reduce){
  #object-panel[data-mode=activity]{scroll-behavior:auto}
}

/* Personal annex only: wardrobe, reading/grooming and finite crafting. The
   legacy activity families and inventory/pool/cooking/fridge modes are intact. */
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls){display:grid;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls)[hidden],#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) [hidden]{display:none!important}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls)>h3{padding-top:12px;border-top:1px solid #5c5159;color:#ead1aa;letter-spacing:.025em}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(p,small){margin:1px 0 5px;overflow-wrap:anywhere}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) label{display:block;min-width:0;margin:4px 0;color:#ddd1c2}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(button,input,select){box-sizing:border-box;min-width:0;max-width:100%;font:inherit;accent-color:#8bc7b2}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) button{min-height:44px;padding:10px 11px;white-space:normal;overflow-wrap:anywhere;line-height:1.4;touch-action:manipulation}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls)>button{width:100%;margin:0;text-align:left}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) button.object-primary{text-align:center}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) button[aria-pressed=true]{border-color:#8bc7b2;background:#334b43;color:#f0eee3}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) input[type=range]{display:block;width:100%;min-height:44px;margin:0;touch-action:pan-y}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) input[type=number]{width:100%;min-height:44px;padding:8px;border:1px solid #857985;border-radius:4px;background:#342e37;color:#eee6d9}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) input[type=checkbox]{width:22px;height:22px;min-width:22px;margin:0 8px 0 0;vertical-align:middle}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) fieldset{display:grid;gap:7px;min-width:0;margin:5px 0;padding:11px;border:1px solid #625b55;border-radius:5px}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) legend{max-width:100%;padding:0 6px;color:#d9c9af;overflow-wrap:anywhere}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) [role=status]{margin:3px 0;padding:11px;border-left:3px solid #8bc7b2;background:#293631;color:#e0ece4;line-height:1.55;overflow-wrap:anywhere}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(output,progress){width:100%;max-width:100%;margin:4px 0;accent-color:#8bc7b2}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) meter{display:block;width:100%;height:18px;margin:6px 0 2px}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) output{color:#bad8c9;font:var(--obj-small)/1.5 var(--mono,monospace);overflow-wrap:anywhere}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(.object-items,.personal-actions,.crafting-actions){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:4px 0;min-width:0}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(.object-items,.personal-actions,.crafting-actions)>button{width:100%;margin:0}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(.object-drawer,.personal-card,.crafting-recipe){min-width:0;padding:12px 0;border-top:1px solid #5c5159}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(.object-drawer,.personal-card,.crafting-recipe)>button{width:100%;margin:6px 0 0;text-align:left}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(dl,.personal-metrics,.crafting-stock){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;margin:6px 0;padding:10px;background:#27252c;border:1px solid #47454a;border-radius:5px;font-size:var(--obj-small)}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(dt,dd){min-width:0;margin:0;overflow-wrap:anywhere}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) dd{font-variant-numeric:tabular-nums;color:#c3ddcf}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(ul,ol){margin:3px 0 9px;padding-left:20px;color:#c8bdb0;overflow-wrap:anywhere}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(.personal-warning,.crafting-limits){padding:10px;border-left:3px solid #d4ae79;background:#322e2b;color:#ead9bf}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) [data-exposure=rain]{border-left-color:#9ebed8;background:#29343d}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) canvas{position:static;inset:auto;display:block;width:100%;max-width:100%;height:auto;touch-action:manipulation}
#object-panel .personal-care-controls article{min-width:0;margin:5px 0;padding:14px 15px;border:1px solid #d0bda0;border-radius:5px;background:#e7ddc9;color:#40372f;font:15px/1.75 Georgia,"Times New Roman",serif}
#object-panel .personal-care-controls>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
#object-panel .personal-care-controls article :is(h3,h4){margin:0 0 9px;color:#514137;font:19px/1.35 Georgia,"Times New Roman",serif}
#object-panel .personal-care-controls article p{margin:0;color:inherit}
#object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
#object-panel .crafting-controls .crafting-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
#object-panel .crafting-controls .crafting-output-grid>legend{grid-column:1/-1}
#object-panel .crafting-controls .crafting-output-grid>div{display:grid;align-content:space-between;gap:5px;min-width:0;padding:8px;border:1px solid #4e494d;border-radius:4px;background:#27252c}
#object-panel .crafting-controls .crafting-output-grid p{font-size:12px;line-height:1.5}
#object-panel .crafting-controls .crafting-output-grid button{width:100%;min-height:44px;padding:7px 6px;font-size:12px;line-height:1.4}
#object-panel .crafting-controls .crafting-stock-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px 0;border-top:1px solid #4e494d}
#object-panel .crafting-controls .crafting-stock-row>span{min-width:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#object-panel .crafting-controls .crafting-stock-row>button{min-height:44px;max-width:132px;padding:8px;font-size:13px}
@media(max-width:640px){
  #object-panel :is(.wardrobe-controls,.personal-care-controls,.crafting-controls) :is(.object-items,.personal-actions,.crafting-actions){grid-template-columns:minmax(0,1fr)}
}
#object-panel .retail-controls{display:grid;gap:12px;min-width:0}
#object-panel .retail-controls header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #416b61;padding-bottom:10px}
#object-panel .retail-controls header strong{color:#a0ead3;white-space:nowrap}
#object-panel .retail-controls nav,.retail-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#object-panel .retail-controls button{min-height:44px;min-width:0;white-space:normal;line-height:1.35}
#object-panel .retail-controls nav button[aria-current=true]{border-color:#a0ead3;color:#a0ead3}
#object-panel .retail-status{padding:10px;background:#1b3732;border-left:3px solid #8ac7b2;line-height:1.6}
#object-panel .retail-stock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#object-panel .retail-stock article{min-width:0;padding:10px;border:1px solid #485751;border-top:4px solid var(--product-color);background:#222d2b}
#object-panel .retail-stock article h4{font-size:13px;line-height:1.5;margin:0 0 7px}
#object-panel .retail-stock article p{font-size:12px;line-height:1.5;color:#c1cbc5;margin:0 0 8px}
#object-panel .retail-stock article small{display:block;margin-bottom:8px}
#object-panel .retail-stock article button{width:100%;font-size:12px;padding:8px 5px}
#object-panel .retail-line{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #485751;padding:9px 0;align-items:center}
#object-panel .retail-line>span{flex:1 1 100%;font-size:13px;line-height:1.5}
#object-panel .retail-line button{flex:1 1 auto;padding:8px;font-size:12px}
#object-panel .retail-controls [hidden]{display:none!important}
#object-panel .retail-work{display:grid;gap:9px;padding:12px;border:1px solid #416b61;border-radius:8px;background:#142a24}
#object-panel .retail-work h4,#object-panel .retail-work p{margin:0}
#object-panel .retail-work small{color:#bfd4cc;line-height:1.5}
#object-panel .retail-work [data-action="work:claim"]{border-color:#a0ead3;color:#baffdf}
#object-panel .retail-total{font-weight:700;font-size:15px;color:#a0ead3;padding:12px 0;border-top:1px solid #416b61}
#object-panel .retail-receipt{font-size:12px;line-height:1.7;padding:12px;border:1px dashed #758b80;overflow-wrap:anywhere}
#object-panel .customer-service{display:grid;gap:12px;min-width:0;padding:15px;border:1px solid #abbd9c;border-radius:10px;background:#24372e}
#object-panel .customer-service>header{display:block;border:0;padding:0}
#object-panel .customer-eyebrow{display:block;color:#bdd8b5;font-size:10px;letter-spacing:.12em;line-height:1.6}
#object-panel .customer-service h3{font:22px/1.2 Georgia,serif;color:#fff0cf;margin:8px 0}
#object-panel .customer-service p{font-size:13px;line-height:1.55;margin:5px 0;overflow-wrap:anywhere}
#object-panel .customer-status{padding:10px;background:#14271f;border-left:3px solid #dfbd82}
#object-panel .customer-card{min-width:0;padding:12px;background:#e9dfc8;border-radius:6px;color:#352e25}
#object-panel .customer-card h4{font:20px/1.3 Georgia,serif;margin:0 0 6px;color:#352e25}
#object-panel .customer-request{border-top:1px solid #baa98a;padding-top:12px;margin-top:12px;min-width:0}
#object-panel .customer-request>strong{font-size:14px;line-height:1.5}
#object-panel .customer-card button{background:#f7efdc;color:#293e31;border:1px solid #b0a187}
#object-panel .customer-card button:hover:not(:disabled){background:#eadfc4;color:#293e31;border-color:#8b795b}
#object-panel .customer-service button{padding:10px 8px;min-height:44px;font-size:12px;overflow-wrap:anywhere}
#object-panel .customer-service button:focus-visible,#object-panel .customer-service input:focus-visible{outline:3px solid #e9bc62;outline-offset:2px}
#object-panel .customer-service button:disabled{opacity:.48}
#object-panel .customer-payment{display:grid;gap:9px;min-width:0;border-top:1px solid #728975;padding-top:10px}
#object-panel .customer-payment label{display:grid;gap:6px;font-size:13px}
#object-panel .customer-payment input{box-sizing:border-box;width:100%;min-height:44px;padding:10px;background:#10261e;color:#fff3d9;border:1px solid #8ca58c;border-radius:4px;font:inherit}
#object-panel .customer-payment [data-action="service:pay"],#object-panel .customer-service [data-action="service:handoff"]{background:#bdddaf;color:#193127;font-weight:700}
#object-panel .customer-payment [data-action="service:pay"]:hover:not(:disabled),#object-panel .customer-service [data-action="service:handoff"]:hover:not(:disabled){background:#d2e7c2;color:#193127;border-color:#8baf7b}
#object-panel .customer-receipt{border-top:1px dashed #92a386;padding-top:10px;color:#c9d5bd}

/* Garden orders use the existing ink, paper and brass workshop palette. */
#object-panel .garden-market{display:grid;gap:12px;min-width:0;margin-top:20px;padding-top:14px;border-top:1px solid #6b8979}
#object-panel .garden-market h3,#object-panel .garden-market h4,#object-panel .garden-market p{margin:0}
#object-panel .garden-market p{font-size:13px;line-height:1.5;color:#d7e1ce;overflow-wrap:anywhere}
#object-panel .garden-market>h4{font:600 18px Georgia,serif;color:#f1d69a}
#object-panel .garden-order-card{display:grid;gap:9px;padding:12px;background:#203b32;border:1px solid #658371;border-radius:5px;min-width:0}
#object-panel .garden-order-card h4{font-size:14px;color:#f1dfb7}
#object-panel .garden-market button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
#object-panel .garden-market button[hidden],#object-panel .garden-market .leisure-row[hidden]{display:none}
#object-panel .garden-market button:focus-visible{outline:3px solid #e9bc62;outline-offset:2px}
#object-panel .garden-market [data-leisure-action="order-complete"]{background:#bdddaf;color:#193127;font-weight:700}
#object-panel .garden-market button:disabled{opacity:.45}