/* Single original inventory/character boards; item details are contextual. */
.desktop-client .single-native-window .native-panel-layout{display:block}
.desktop-client #window-bag .inventory-face{position:absolute;left:19px;top:9px;width:85px;height:86px;clip-path:circle(39px at 44px 45px);image-rendering:auto;pointer-events:none}
.desktop-client .single-native-window .window-header{left:0;right:0}
.desktop-client .single-native-window .window-header [data-close]{margin-right:4px;margin-top:3px}
.desktop-client .native-board .gear-slot>.native-item-icon{display:inline-flex;position:static;width:30px;height:30px;overflow:hidden;pointer-events:none}
.desktop-client .native-board .gear-slot .native-item-icon>span{display:block;position:static;flex:none;pointer-events:none}
.desktop-client .native-board .paperdoll-slot>.native-item-icon{position:absolute;right:1px;bottom:1px;left:auto;width:20px;height:20px}
.desktop-client .native-board .gear-slot:is([data-gear="knee2"],[data-gear="charm"]){background:url('/assets/ui/inventory-0-0.png') -154px -204px no-repeat!important}
.desktop-client .scroll-native-board{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#8e7b56 transparent}
.desktop-client .native-context-toolbar{box-sizing:border-box;height:40px;display:flex;justify-content:center;align-items:center;gap:2px;pointer-events:auto;margin-top:-3px;padding:5px 4px 4px;border:5px solid transparent;border-top-width:0;border-image:url('/assets/ui/native-detail-frame.png') 5 / 0 5px 5px 5px / 0 stretch;background:url('/assets/ui/native-detail-wood.png') center top repeat;box-shadow:0 3px 4px #0005}
.desktop-client .native-context-toolbar button{min-height:30px;padding:3px 4px 3px 22px;background:transparent url('/assets/ui/script-button-12-0.png') 2px center/18px 18px no-repeat;border:0;color:#ebd7ad;text-shadow:1px 1px #000;font-size:11px;white-space:nowrap}
.desktop-client .native-context-toolbar [data-bag-page="-1"]{background-image:url('/assets/ui/script-button-11-0.png')}
.desktop-client.touch-client .native-context-toolbar button{min-height:30px;font-size:10px;padding:3px 1px 3px 18px;background-size:15px 15px;flex-shrink:0}
.desktop-client .native-bag .inventory-cell>.native-item-icon{width:30px;height:30px;position:static;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;pointer-events:none}
.desktop-client .native-bag .inventory-cell>.native-item-icon>span{position:static;display:block;flex:none}
.desktop-client #window-bag :is(.inventory-cell,.gear-slot) .native-item-icon,.desktop-client #window-bag :is(.inventory-cell,.gear-slot) .native-item-icon>span,.desktop-client #window-bag :is(.inventory-cell canvas,.gear-slot canvas,.paperdoll){image-rendering:auto}
.desktop-client #window-bag:not([data-board-zoom="true"]) [data-native-section]{display:none}
.desktop-client:not(.touch-client) #window-bag [data-native-zoom]{display:none}
.desktop-client .single-native-window :is(.native-item-popover,.native-context-popover){position:absolute;z-index:90;pointer-events:auto;width:min(248px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;contain:paint;padding:8px 12px 12px;border:5px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 5px / 0 round;background:linear-gradient(#100e09d9,#100e09d9),url('/assets/ui/native-detail-wood.png') repeat;color:#eedbbc;box-shadow:0 3px 8px #0008;font-size:12px;line-height:1.6;scrollbar-width:thin;scrollbar-color:#8e7b56 #101410;overflow-wrap:anywhere}
.desktop-client .native-popover-header{position:sticky;top:-8px;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 0 6px;padding:0 0 5px;border-bottom:1px solid #806b4259;background:#19170feF;color:#d8bc80}
.desktop-client .native-popover-header button{width:30px;height:30px;min-height:30px;margin:0;padding:0;border:0;background:url('/assets/ui/merchant-0-0.png') -317px -3px no-repeat;color:#e9d6a5;font-size:16px;line-height:1}
.desktop-client .single-native-window :is(.native-item-popover,.native-context-popover) :is(b,h3,p,label,small){color:inherit;text-shadow:1px 1px #0005}
.desktop-client .single-native-window .native-item-popover .item-detail{border:0;background:none;margin:0;padding:0;min-height:0}
.desktop-client .single-native-window .native-item-popover .native-detail-item{float:left;margin:0 8px 3px 0}
.desktop-client .single-native-window .native-item-popover .native-detail-item .native-item-icon{width:32px;height:32px}
.desktop-client .single-native-window :is(.native-item-popover,.native-context-popover) :is(input,select){box-sizing:border-box;width:100%;min-height:34px;margin:4px 0;padding:4px 9px;border:1px solid #8c764c;border-radius:10px;background:#070c08;color:#eedbbc;font-size:16px}
.desktop-client .single-native-window :is(.native-item-popover,.native-context-popover) button:not([data-detail-close]){float:none;display:inline-flex;align-items:center;min-height:34px;margin:4px 5px 4px 0;padding:4px 6px 4px 24px;border:0;box-shadow:none;background:transparent url('/assets/ui/script-button-12-0.png') 2px center/18px 18px no-repeat;color:#f0dbab;font-size:12px;white-space:normal;text-align:left}
.desktop-client .single-native-window .native-item-popover .equipment-actions{clear:both;display:flex;flex-wrap:wrap}
.desktop-client .single-native-window .native-item-popover :is(.item-ownership,.item-weight,[data-equipment-status]){font-size:11px;line-height:1.5}
.desktop-client .single-native-window .native-item-popover [data-equipment-status]{color:#e7cb87;min-height:0;margin-bottom:0}
.desktop-client .single-native-window .native-context-popover .npc-actions{display:flex;flex-direction:column}
.desktop-client .single-native-window .native-context-popover .stat-allocation label{display:flex;align-items:center;justify-content:space-between}
/* The skill detail is the adjoining leaf of the same timber ledger. */
.desktop-client #window-skills .native-sidecar{border-left-width:0;background:linear-gradient(#b49b7060,#b49b7060),url('/assets/ui/native-detail-wood.png') repeat;color:#f1e6cc;text-shadow:1px 1px #332619}
.desktop-client #window-skills .native-sidecar :is(b,h3,p,label,small){color:#f1e6cc;text-shadow:1px 1px #332619}
.desktop-client #window-skills .native-sidecar button{color:#f1e6cc;text-shadow:1px 1px #332619}

/* 2026-10-19 背包分類分頁（desktop-ui.js bagMarkup）：格子上方、金幣左側。 */
.native-board .bag-tabs{position:absolute;left:69px;top:303px;display:flex;gap:3px;z-index:2}
.native-board .bag-tabs button{height:21px;min-height:0;padding:0 7px;border:1px solid #72644a;border-bottom:0;border-radius:4px 4px 0 0;background:#2a2116;color:#cdbb8e;font-size:11px;line-height:19px;cursor:pointer;white-space:nowrap}
.native-board .bag-tabs button small{margin-left:3px;font-size:9px;color:#9c8c66}
.native-board .bag-tabs button.active{background:#5a4526;color:#ffe9b0;border-color:#c9a24a}
.native-board .bag-tabs button.active small{color:#e9d49a}
/* 2026-10-19（使用者手機截圖：分頁太大、擋住格子）：觸控版 .window-body button 會撐到 40px 高、13px 字，這裡固定回 21px。 */
.desktop-client #window-bag .native-board .bag-tabs{top:304px;gap:2px}
.desktop-client #window-bag .native-board .bag-tabs button{height:21px!important;min-height:0!important;padding:0 6px!important;font-size:11px!important;line-height:19px!important}
.desktop-client #window-bag .native-board .bag-tabs button small{font-size:9px!important}