/* Original jp2851 source pixels only. See reports/native-inventory-frame-provenance.json.
   PANEL0700 supplies the binding absent from the three native right-docked boards.
   ItemEstimate.ypf supplies the cream paper, pointer, and scrolling controls. */
.desktop-client #window-bag .native-board{background-image:url('/assets/ui/native-frame/inventory-closed.png')}
.desktop-client #window-character .native-character-board{background-image:url('/assets/ui/native-frame/character-closed.png')}
.desktop-client #window-skills .native-skills-board{background-image:url('/assets/ui/native-frame/skills-closed.png')}
.desktop-client #window-character .native-character-value{width:108px}
.desktop-client #window-character .native-character-name{width:134px}
.desktop-client #window-character .native-character-class{width:110px}
/* The outer paper owns the pointer and frame; only its inner text scrolls. */
.desktop-client .single-native-window .native-item-popover{
 box-sizing:border-box;isolation:isolate;width:min(216px,calc(100vw - 24px));
 max-height:calc(100dvh - 24px);padding:43px 30px 25px 18px;
 border:0;border-image:none;background:none;box-shadow:none;
 overflow:hidden;contain:paint;color:#342516;text-shadow:none;
 font-size:11px;line-height:1.55;gap:3px;
}
.desktop-client .single-native-window .native-item-popover:not([hidden]){display:flex;flex-direction:column}
.desktop-client .single-native-window .native-item-popover::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 box-sizing:border-box;border:0;
 background:url('/assets/ui/native-frame/item-estimate-0-4.png') 1px top / calc(100% - 1px) 71px no-repeat,
 url('/assets/ui/native-frame/item-estimate-0-6.png') 2px bottom / calc(100% - 4px) 33px no-repeat;
}
.desktop-client .single-native-window .native-item-popover::after{
 content:"";position:absolute;top:71px;bottom:33px;left:0;right:2px;z-index:-1;pointer-events:none;
 background:url('/assets/ui/native-frame/item-parchment-body.png') left top / 100% 60px repeat-y;
}
.desktop-client .single-native-window .native-item-popover .native-popover-header{
 position:relative;inset:auto;flex:none;min-height:20px;margin:0;padding:0 0 3px;
 border:0;border-bottom:1px solid #80643b4d;background:none;color:#69471f;
 font-size:11px;line-height:18px;text-shadow:none;
}
.desktop-client .single-native-window .native-item-popover .native-popover-header button{
 width:20px;height:20px;min-height:20px;flex:none;margin:0;padding:0;
 border:0;border-radius:0;background:none;box-shadow:none;
 color:#654222;font-size:17px;line-height:20px;text-shadow:none;
}
.desktop-client .single-native-window .native-item-popover .item-detail{
 flex:1 1 auto;min-height:0;max-height:none;margin:0;padding:0 2px 0 0;
 border:0;background:none;overflow-x:hidden;overflow-y:auto;
 overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;
 font-size:11px;line-height:1.55;color:#342516;
}
.desktop-client .single-native-window .native-item-popover .item-detail::-webkit-scrollbar{display:none}
.desktop-client .single-native-window .native-item-popover :is(b,strong,h3,p,label,small){color:inherit;text-shadow:none}
.desktop-client .single-native-window .native-item-popover .item-detail>b{color:#5c3818}
.desktop-client .single-native-window .native-item-popover .item-detail>p{margin:6px 0;line-height:1.55}
.desktop-client .single-native-window .native-item-popover .native-detail-item{margin:0 6px 3px 0}
.desktop-client .single-native-window .native-item-popover .item-detail button:not([data-detail-close]){
 color:#513716;font-size:11px;min-height:30px;margin:3px 3px 3px 0;
 text-shadow:none;background-color:transparent;
}
.desktop-client .single-native-window .native-item-popover :is(.item-ownership,.item-weight,[data-equipment-status]){font-size:10px;line-height:1.55;color:#6c4b28}
.desktop-client .single-native-window .native-item-popover button[data-detail-scroll]{
 position:absolute;right:10px;z-index:2;display:block;float:none;
 box-sizing:border-box;width:25px;height:25px;min-height:25px;
 margin:0;padding:0;border:0;border-radius:0;box-shadow:none;
 background-color:transparent;background-repeat:no-repeat;background-position:center;
 background-size:13px 11px;color:transparent;font-size:0;
}
.desktop-client .single-native-window .native-item-popover button[data-detail-scroll="-1"]{
 top:64px;background-image:url('/assets/ui/native-frame/item-estimate-1-0.png');
}
.desktop-client .single-native-window .native-item-popover button[data-detail-scroll="1"]{
 bottom:21px;background-image:url('/assets/ui/native-frame/item-estimate-1-1.png');
}
.desktop-client .single-native-window .native-item-popover button[data-detail-scroll="-1"]:hover{background-image:url('/assets/ui/native-frame/item-estimate-1-3.png')}
.desktop-client .single-native-window .native-item-popover button[data-detail-scroll="1"]:hover{background-image:url('/assets/ui/native-frame/item-estimate-1-5.png')}
.desktop-client .single-native-window .native-item-popover button[data-detail-scroll]:disabled{opacity:.35}
.desktop-client .single-native-window .native-paper-scroll{position:absolute;right:15px;top:91px;bottom:49px;width:15px;background:url('/assets/ui/native-frame/item-estimate-1-2.png') center top/9px 166px repeat-y;touch-action:none;cursor:pointer}
.desktop-client .single-native-window .native-paper-thumb{position:absolute;left:1px;top:0;width:13px;height:13px;background:url('/assets/ui/native-frame/item-estimate-1-7.png') center/13px 13px no-repeat;pointer-events:none}
.desktop-client .single-native-window .native-paper-scroll:focus-visible{outline:1px solid #71502c;outline-offset:1px}
.desktop-client .single-native-window .native-item-popover button:focus-visible{outline:1px solid #71502c;outline-offset:1px}
.desktop-client .single-native-window .native-item-popover :is(input,select){
 border:1px solid #ad8b55;border-radius:0;background:#f2dfb9;color:#432f18;
 min-height:30px;height:30px;margin:3px 0;padding:3px 5px;font-size:12px;text-shadow:none;
}
/* When the item is left of its information paper, use the original left cap. */
.desktop-client .single-native-window .native-item-popover[data-pointer="left"]::before{
 background-image:url('/assets/ui/native-frame/item-estimate-0-5.png'),url('/assets/ui/native-frame/item-estimate-0-6.png');
}
.desktop-client #window-bag .bag-selection{width:259px}
.desktop-client #window-character .native-character-title{width:134px}
/* Extend the source frame in layout, retaining the original slots and corners.
   Each region samples the unchanged native PNG; the footer shares its scale. */
.desktop-client #window-bag .native-board.inventory-extended{height:540px;background-image:none}
.inventory-continuous-frame{position:absolute;inset:0;pointer-events:none;z-index:0}
.inventory-continuous-frame>i{position:absolute;display:block;overflow:hidden;background-image:url('/assets/ui/native-frame/inventory-closed.png');background-repeat:no-repeat}
.inventory-frame-center{left:67px;top:0;width:273px;height:459px;background-position:-67px 0}
.inventory-frame-left{left:0;top:0;width:67px;height:410px;background-position:0 0}
.inventory-frame-right{left:340px;top:0;width:29px;height:410px;background-position:-340px 0}
.inventory-frame-left-extension{left:0;top:410px;width:67px;height:40px;background-position:0 -369px}
.inventory-frame-right-extension{left:340px;top:410px;width:29px;height:40px;background-position:-340px -369px}
.inventory-frame-left-end{left:0;top:450px;width:67px;height:90px;background-position:0 -410px}
.inventory-frame-right-end{left:340px;top:450px;width:29px;height:90px;background-position:-340px -410px}
.inventory-continuous-frame .inventory-frame-footer{left:67px;top:459px;width:273px;height:40px;background-image:url('/assets/ui/native-detail-wood.png');background-position:center;background-repeat:repeat}
.inventory-frame-bottom{left:67px;top:499px;width:273px;height:41px;background-position:-67px -459px}
.desktop-client #window-bag .inventory-extended .native-context-toolbar{position:absolute;left:69px;top:461px;width:269px;height:36px;margin:0;padding:1px 2px;gap:3px;border:0;border-image:none;background:none;box-shadow:none;justify-content:center}
.desktop-client #window-bag .inventory-extended .native-context-toolbar button{box-sizing:border-box;min-height:32px;height:32px;margin:0;padding:2px 3px 2px max(17px,calc(12px / var(--native-board-scale,1)));flex-shrink:0;font-size:max(11px,calc(8px / var(--native-board-scale,1)));line-height:1;background-size:max(12px,calc(10px / var(--native-board-scale,1))) max(12px,calc(10px / var(--native-board-scale,1)));background-position:2px center}
.desktop-client #window-character .native-character-board.character-extended{height:478px;background-image:none}
.character-extended .inventory-continuous-frame>i{background-image:url('/assets/ui/native-frame/character-closed.png')}
.character-extended .inventory-frame-center{width:195px;height:412px}
.character-extended .inventory-frame-left,.character-extended .inventory-frame-right{height:344px}
.character-extended .inventory-frame-right{left:262px;background-position:-262px 0}
.character-extended .inventory-frame-left-extension{top:344px;background-position:0 -304px}
.character-extended .inventory-frame-right-extension{left:262px;top:344px;background-position:-262px -304px}
.character-extended .inventory-frame-left-end{top:384px;height:94px;background-position:0 -344px}
.character-extended .inventory-frame-right-end{left:262px;top:384px;height:94px;background-position:-262px -344px}
.character-extended .inventory-continuous-frame .inventory-frame-footer{top:412px;width:195px;background-image:url('/assets/ui/native-detail-wood.png')}
.character-extended .inventory-frame-bottom{top:452px;width:195px;height:26px;background-position:-67px -412px}
.desktop-client #window-character .character-extended .native-context-toolbar{position:absolute;left:69px;top:414px;width:191px;height:36px;margin:0;padding:1px 2px;gap:9px;border:0;border-image:none;background:none;box-shadow:none;justify-content:center}
.desktop-client #window-character .character-extended .native-context-toolbar button{box-sizing:border-box;min-height:32px;height:32px;margin:0;padding:2px 3px 2px max(17px,calc(12px / var(--native-board-scale,1)));font-size:max(11px,calc(8px / var(--native-board-scale,1)));line-height:1;background-size:max(12px,calc(10px / var(--native-board-scale,1))) max(12px,calc(10px / var(--native-board-scale,1)));background-position:2px center}
/* Source paper as one softly bound frame, without the pointer above its title. */
.desktop-client .single-native-window .native-item-popover{padding:19px 27px 23px 18px;border:6px solid transparent;border-image:url('/assets/ui/native-frame/item-parchment-body.png') 8 15 8 15 / 6px / 0 stretch;background:#eed8ae url('/assets/ui/native-frame/item-parchment-body.png') center / 100% 60px repeat-y;border-radius:12px;box-shadow:0 2px 7px #0006}
.desktop-client .single-native-window .native-item-popover::before{display:none}
.desktop-client .single-native-window .native-item-popover::after{display:none}
.desktop-client .single-native-window .native-item-popover .native-popover-header{font-size:12px;padding-bottom:5px;color:#5e3d1f}
.desktop-client .single-native-window .native-item-popover button[data-detail-scroll="-1"]{top:49px}
.desktop-client .single-native-window .native-paper-scroll{top:77px}
.desktop-client #window-skills .native-skills-board.skills-extended{height:477px;background-image:none}
.skills-extended .inventory-continuous-frame>i{background-image:url('/assets/ui/native-frame/skills-closed.png')}
.skills-extended .inventory-frame-center{width:297px;height:392px}
.skills-extended .inventory-frame-left,.skills-extended .inventory-frame-right{height:344px}
.skills-extended .inventory-frame-right{left:364px;background-position:-364px 0}
.skills-extended .inventory-frame-left-extension{top:344px;background-position:0 -304px}
.skills-extended .inventory-frame-right-extension{left:364px;top:344px;background-position:-364px -304px}
.skills-extended .inventory-frame-left-end{top:384px;height:93px;background-position:0 -344px}
.skills-extended .inventory-frame-right-end{left:364px;top:384px;height:93px;background-position:-364px -344px}
.skills-extended .inventory-continuous-frame .inventory-frame-footer{top:392px;width:297px;background-image:url('/assets/ui/native-detail-wood.png')}
.skills-extended .inventory-frame-bottom{top:432px;width:297px;height:45px;background-position:-67px -392px}
.desktop-client #window-skills .skills-extended .native-context-toolbar{position:absolute;left:69px;top:394px;width:293px;height:36px;margin:0;padding:1px 3px;gap:7px;border:0;border-image:none;background:none;box-shadow:none;justify-content:center;color:#ead7ae}
.desktop-client #window-skills .skills-extended .native-context-toolbar button{min-height:32px;height:32px;margin:0;font-size:max(11px,calc(8px / var(--native-board-scale,1)));padding:2px 4px;background:none}
.desktop-client #window-skills .skills-extended .native-context-toolbar [data-native-menu]{padding-left:20px;background:transparent url('/assets/ui/script-button-12-0.png') 1px center/15px 15px no-repeat}
.desktop-client .single-native-window .native-skill-popover{position:absolute;z-index:90;box-sizing:border-box;pointer-events:auto;width:min(225px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:8px 11px;border:5px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 5px / 0 round;border-radius:12px;background:linear-gradient(#b49b7080,#b49b7080),url('/assets/ui/native-detail-wood.png');color:#f1e4c5;box-shadow:0 3px 10px #0008;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;font:11px/1.6 var(--font);scrollbar-width:thin}
.desktop-client .single-native-window .native-skill-popover[hidden]{display:none}
.desktop-client .single-native-window .native-skill-popover .native-popover-header{background:none;color:#f1e4c5;position:relative;top:auto;font-size:12px}
.desktop-client .single-native-window .native-skill-popover :is(p,h3,small){color:inherit;margin:6px 0;font-size:11px}
.desktop-client .single-native-window .native-skill-popover :is(button,select){min-height:28px;font-size:11px;max-width:100%}
.desktop-client .single-native-window .native-skill-popover .native-detail-item{float:left;margin:0 7px 3px 0}
.desktop-client .single-native-window .native-skill-popover .npc-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.desktop-client .native-skills-face{position:absolute;left:20px;top:7px;width:85px;height:86px;clip-path:circle(39px at 44px 45px);pointer-events:none;image-rendering:auto}
.desktop-client .native-skill-popover .native-effects-note{color:#dfc38c;font-size:10px}
.desktop-client .single-native-window .native-skill-popover .native-popover-header{position:sticky;top:-8px;z-index:2;background:linear-gradient(#b49b7080,#b49b7080),url('/assets/ui/native-detail-wood.png')}
.desktop-client .single-native-window .native-skill-popover button:not([data-detail-close]){box-sizing:border-box;min-height:26px;margin:2px 0;padding:3px 4px 3px 23px;border:0;box-shadow:none;background:transparent url('/assets/ui/script-button-12-0.png') 2px center/16px 16px no-repeat;font:11px/1.5 var(--font);color:#f0e1bd;text-align:left;white-space:normal}
.desktop-client .single-native-window .native-skill-popover [data-detail-close]{min-height:24px;width:24px;height:24px;border:0;background:url('/assets/ui/native-round-bezel.png') center/contain no-repeat;color:#e8d5ae;font:18px/1 var(--font)}
.desktop-client .single-native-window .native-skill-popover select{height:27px;min-height:27px;padding:2px 5px;margin:3px 0;border:1px solid #9e8760;border-radius:3px;background:#30291ed9;color:#f0e1bd;font-size:11px}