/* Keep source boards at their native aspect ratios; the adjoining detail
   pane follows their height and the whole window fits below the HUD. */
.desktop-client .client-windows{inset:32px 50px 12px 8px}
.desktop-client.touch-client .client-windows{inset:42px 54px 12px max(12px,env(safe-area-inset-left,0px))}
.desktop-client .source-window .native-panel-layout{grid-template-columns:var(--native-board-width) minmax(0,1fr);gap:0}
.desktop-client .source-window .native-sidecar{contain:paint;overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere}
.desktop-client .source-window .native-sidecar :is(h3,p,label,select,.bag-tools,.item-detail){min-width:0;max-width:100%;box-sizing:border-box}
.desktop-client .source-window .native-sidecar .bag-tools{display:flex;flex-wrap:nowrap;justify-content:space-between}
.desktop-client .source-window .native-sidecar .item-detail button{max-width:100%;white-space:normal}
.desktop-client .source-window [data-equipment-status]{font-size:11px;line-height:1.6;min-height:18px;color:#42311b}
/* Titles stay on their original parchment. Locked/current states are ink;
   the only action is a small native circular arrow in the right margin. */
.desktop-client #window-titles .title-card{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:6px;padding:8px 3px;border:0;border-bottom:1px solid #8a704746;background:none;box-shadow:none}
.desktop-client #window-titles .title-card>div{min-width:0}
.desktop-client #window-titles .title-card b{font-size:11px;line-height:1.5;display:block;color:#523a22}
.desktop-client #window-titles .title-card small{display:block;white-space:normal;overflow-wrap:anywhere;font-size:9px;line-height:1.5;color:#765a3e}
.desktop-client #window-titles .legend-state{font-size:9px;line-height:1.5;text-align:center;color:#8a7151;white-space:nowrap}
.desktop-client #window-titles .legend-state.current{color:#614522}
.desktop-client #window-titles .legend-apply{width:36px;height:36px;min-height:36px;margin:0;padding:0;border:0;border-radius:50%;background:url('/assets/ui/script-button-12-0.png') center/24px 24px no-repeat;box-shadow:none}
.desktop-client #window-titles .legend-apply:hover{filter:brightness(1.2)}
.desktop-client #panel .merchant-category{display:flex;align-items:center;justify-content:center;color:#e8d6af;font-size:12px;line-height:1.5}
.desktop-client.touch-client #world{image-rendering:auto}