/* The inventory/character/skills boards are bound wood ledgers. Their detail
   leaves use clean source timber and rope edges, not the merchant's NPC box.
   Frame crop: PANEL0202/0 [104,89,322,136]. Timber: character/0 [153,196,267,247]. */
.desktop-client .source-window .native-sidecar{border:8px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 8px / 0 round;background:#928166 url('/assets/ui/native-detail-wood.png') repeat;padding:24px 13px 12px;color:#241f14;text-shadow:0 1px #e4d3b059;scrollbar-color:#665339 #ab997b;font-size:12px}
.desktop-client .source-window .native-sidecar h3,.desktop-client .source-window .native-sidecar b{color:#282012;text-shadow:0 1px #ebd9ae8c}
.desktop-client .source-window .native-sidecar p,.desktop-client .source-window .native-sidecar .panel-note{color:#352e21;font-size:11px;line-height:1.6}
.desktop-client .source-window .native-sidecar input,.desktop-client .source-window .native-sidecar select{border:0;border-radius:12px;background:#171a13;color:#e9dbb5;padding:4px 9px;font-size:14px;min-height:30px;height:30px}
.desktop-client .source-window .native-sidecar label{font-size:12px}
.desktop-client .source-window .native-sidecar button{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:34px;padding:5px 6px 5px 28px;border:0;border-image:none;border-radius:0;background:transparent url('/assets/ui/script-button-12-0.png') 3px center/18px 18px no-repeat;box-shadow:none;color:#241e13;text-align:left;font-size:12px;font-weight:600;text-shadow:0 1px #ddcba17d;white-space:normal}
.desktop-client .source-window .native-sidecar button:hover:not(:disabled){background-color:#e7ce9544;filter:none;color:#100c06}
.desktop-client .source-window .native-sidecar button:disabled{opacity:.48}
.desktop-client .source-window .native-sidecar .npc-actions{margin:8px 0;gap:3px}
.desktop-client .source-window .native-sidecar .character-extras{padding:0 4px 10px;margin-bottom:6px;border-bottom:1px solid #675338;color:#302718}
.desktop-client .source-window .native-sidecar .character-extras small{color:#483923;font-size:11px}
.desktop-client .source-window .native-sidecar [data-appearance]{background-image:url('/assets/ui/creation/jp2851-ManShape-1.png');background-size:22px 28px;min-height:38px;padding-left:34px}
.desktop-client .source-window .native-sidecar [data-select-characters],.desktop-client .source-window .native-sidecar [data-register-id]{background-image:url('/assets/ui/creation/jp2851-idpanel-4.png');background-size:24px 24px;min-height:38px;padding-left:34px}
.desktop-client .source-window .native-sidecar [data-open=bag]{background-image:url('/assets/ui/rail-3-0-full.png');background-size:25px 28px;min-height:38px;padding-left:34px}
.desktop-client .source-window .native-sidecar [data-open=titles]{background-image:url('/assets/ui/rail-5-0-full.png');background-size:25px 28px;min-height:38px;padding-left:34px}
.desktop-client .source-window .native-sidecar [data-visit-bank]{background-image:url('/assets/ui/rail-9-0-full.png');background-size:25px 28px;min-height:38px;padding-left:34px}
.desktop-client .source-window .native-sidecar .bag-tools{gap:3px;margin-bottom:10px}
.desktop-client .source-window .native-sidecar .bag-tools label{margin-bottom:3px}
.desktop-client .source-window .native-sidecar [data-bag-page="-1"]{background-image:url('/assets/ui/script-button-11-0.png')}
.desktop-client .source-window .native-sidecar .item-detail{font-size:12px;line-height:1.7;margin:8px 0 12px;min-height:50px}
.desktop-client .source-window .native-sidecar .item-detail button{display:inline-flex;width:auto;margin:7px 8px 7px 0}
.desktop-client .source-window .native-sidecar .equipment-extension{border-top:1px solid #6b583b;padding-top:8px}
.desktop-client .source-window .native-sidecar .equipment-grid{gap:6px}
.desktop-client .source-window .native-sidecar .equipment-grid button{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:2px 4px;padding:4px;background:#42362425;border:0;min-height:53px;font-size:10px;line-height:1.3}
.desktop-client .source-window .native-sidecar .equipment-grid button small{grid-column:2;grid-row:1;font-size:10px;color:#392c19}
.desktop-client .source-window .native-sidecar .equipment-grid button>.native-item-icon{grid-column:1;grid-row:1/3;width:30px;height:30px}
.desktop-client .source-window .native-sidecar .equipment-grid button>span:last-child{grid-column:2;grid-row:2;color:#302415}
.desktop-client .source-window .native-sidecar [data-bind-skill],.desktop-client .source-window .native-sidecar [data-shortcut-skill]{background-image:url('/assets/ui/skills-2-0.png')}
.desktop-client .source-window .native-sidecar [data-skill-shop],.desktop-client .source-window .native-sidecar [data-learn-book],.desktop-client .source-window .native-sidecar [data-open=codex]{background-image:url('/assets/ui/rail-4-0-full.png');background-size:25px 28px;padding-left:34px;min-height:38px}
@media(max-height:500px){.desktop-client .source-window .native-sidecar{padding:22px 10px 9px}.desktop-client .source-window .native-sidecar .npc-actions{gap:1px}.desktop-client .source-window .native-sidecar button{min-height:33px;font-size:12px}.desktop-client .source-window .native-sidecar input,.desktop-client .source-window .native-sidecar select{font-size:16px;min-height:32px;height:32px}}
/* Shade the original timber under readable ivory ink. The texture remains
   native; the veil suppresses repeated grain seams behind paragraphs. */
.desktop-client .source-window .native-sidecar{background-image:linear-gradient(#100e09a8,#100e09a8),url('/assets/ui/native-detail-wood.png');color:#ebddba;text-shadow:1px 1px #0c0a05}
.desktop-client .source-window .native-sidecar h3,.desktop-client .source-window .native-sidecar b{color:#f4dfad;text-shadow:1px 1px #000}
.desktop-client .source-window .native-sidecar p,.desktop-client .source-window .native-sidecar .panel-note{color:#ddcfaa;text-shadow:1px 1px #151109}
.desktop-client .source-window .native-sidecar button{color:#efdfb8;text-shadow:1px 1px #000;font-weight:400}
.desktop-client .source-window .native-sidecar button:hover:not(:disabled){color:#fff1bf;background-color:#cda45a25}
.desktop-client .source-window .native-sidecar .character-extras{color:#efdfb8;border-bottom-color:#aa8a5866}
.desktop-client .source-window .native-sidecar .character-extras small{color:#cbb88e}
.desktop-client .source-window .native-sidecar .equipment-grid button small,.desktop-client .source-window .native-sidecar .equipment-grid button>span:last-child{color:#e2cca0}
.desktop-client .source-window .native-sidecar .native-detail-item{display:inline-grid;place-items:center;float:left;width:42px;height:42px;margin:0 9px 6px 0;background:url('/assets/ui/merchant-1-0.png') -118px -142px no-repeat}
.desktop-client .source-window .native-sidecar .native-detail-item .native-item-icon{width:32px;height:32px}
.desktop-client .source-window .native-sidecar .native-detail-item+h3{min-height:42px;margin-top:8px}
.desktop-client .source-window .native-sidecar input,.desktop-client .source-window .native-sidecar select{background-image:url('/assets/ui/native-entry-input.png');background-position:center;background-size:100% 100%;background-repeat:no-repeat}