/* Crafting book window (extends book-windows.css / journal.css). */
.kcraft-toggle{display:flex;gap:6px;margin:0 0 6px}
html body #mmorpgOverlay .kbook .kcraft-toggle button{margin:0;padding:3px 10px;border:1px solid #6e5a35!important;border-radius:11px;background:#0e1613!important;color:#d9ccaa;cursor:pointer;font:700 13px Grenze Gotisch,Georgia,serif}
html body #mmorpgOverlay .kbook .kcraft-toggle button[aria-pressed="true"]{background:linear-gradient(#d7b36a,#a9803f)!important;color:#1a1208!important}
.kcraft-tools{display:flex;flex-direction:column;gap:6px;margin:0 0 6px}
.kcraft-tools input,.kcraft-tools select{margin:0;min-width:0;padding:3px 6px;background:#0e1613;color:#e9dcb8;border:1px solid #6e5a35;border-radius:4px;font:13px Grenze Gotisch,Georgia,serif}
.kcraft-tools input{flex:1}
.kcraft-banner{margin:0 0 8px;padding:7px 9px;border:1px solid #a08c64;border-radius:5px;background:#31523f55;color:#f0d8a6;font:14.5px Grenze Gotisch,Georgia,serif}
.kcraft-list{display:flex;flex-direction:column;gap:3px;max-height:340px;overflow:auto}
.kcraft-dot{width:10px;height:10px;border-radius:50%;flex:none;background:#777;margin-left:auto}
.kcraft-dot.ok{background:#5fcf6a;box-shadow:0 0 5px #5fcf6a}
.kcraft-dot.lock{background:none;width:auto;height:auto;border-radius:0;box-shadow:none;font-size:13px}
.kcraft-badge{font-size:12px;opacity:.8;margin-left:6px}
.kcraft-short{color:#e0584f!important}
.kcraft-ing{display:flex;align-items:center;gap:8px;padding:3px 0}
.kcraft-ing span.kcraft-n{flex:1}
.kcraft-qty{display:flex;align-items:center;gap:6px;margin:10px 0}
.kcraft-qty input{width:56px;text-align:center}
.kcraft-qty button{margin:0;padding:3px 10px}
html body #mmorpgOverlay .kbook .kcraft-go{display:block;width:100%;padding:10px;font:700 18.5px Grenze Gotisch,Georgia,serif;color:#1a1208;background:linear-gradient(#e7c374,#b08840);border:1px solid #6e5a35;border-radius:6px;cursor:pointer}
html body #mmorpgOverlay .kbook .kcraft-go:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}
.kcraft-why{margin:6px 0 0;font-size:13px;color:#e0a090;text-align:center}
.kcraft-wrap{display:flex;gap:8px;align-items:flex-start}
.kcraft-rail{flex:0 0 120px;min-width:0;display:flex;flex-direction:column;gap:3px}
html body #mmorpgOverlay .kbook .kcraft-rail .kcraft-tab{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:5px 8px;text-align:left;border:1px solid #6e5a35!important;border-radius:6px 0 0 6px;background:#0e1613!important;color:#d9ccaa!important;font:700 13px Grenze Gotisch,Georgia,serif!important;cursor:pointer}
html body #mmorpgOverlay .kbook .kcraft-rail .kcraft-tab small{color:#9d9680;font:12px Grenze Gotisch,Georgia,serif}
html body #mmorpgOverlay .kbook .kcraft-rail .kcraft-tab[aria-selected="true"]{background:linear-gradient(#d7b36a,#a9803f)!important;color:#1a1208!important}
.kcraft-pane{flex:1;min-width:0}
.kcraft-only{display:flex;align-items:center;gap:5px;margin:0 0 6px;color:#d9ccaa;font:13px Grenze Gotisch,Georgia,serif}
html body #mmorpgOverlay .kbook .kcraft-rail .kcraft-tab{white-space:normal;line-height:1.15;min-width:0;overflow-wrap:anywhere}
html body #mmorpgOverlay .kbook .kcraft-rail .kcraft-tab small{flex:0 0 auto;margin-left:auto}
/* Where to find + ingredient chain (crafting-book.js). */
.kcraft-tab-row{display:flex;gap:6px;margin:4px 0 8px;flex-wrap:wrap}
.kcraft-where{display:grid;gap:4px;max-height:52vh;overflow:auto}
.kcraft-where-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:4px 6px;border:1px solid #4d4630;border-radius:5px;background:#141f19}
.kcraft-where-row .kcraft-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.kcraft-steps{color:#9d9680;white-space:nowrap}
.kcraft-chain{margin:4px 0 8px;padding-left:0;list-style:none;font-size:14.5px;line-height:1.35}
.kcraft-chain li{overflow-wrap:anywhere}
/* Craft queue: per-character list of queued crafts with progress for the current unit. */
.kcraft-queue{margin-top:12px;padding-top:8px;border-top:1px solid #6e5a35;display:grid;gap:6px;box-sizing:border-box;max-width:100%}
.kcraft-queue h4{margin:0 0 2px}
.kcraft-qrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(60px,120px) auto;gap:8px;align-items:center;font:14.5px/1.4 Grenze Gotisch,Georgia,serif}
.kcraft-qname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kcraft-qbar{height:8px;border-radius:4px;background:#2a2213;border:1px solid #6e5a35;overflow:hidden}
.kcraft-qbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b99a5b,#ffd34d);transition:width .25s linear}
.kcraft-qrow button{min-height:30px;padding:2px 10px;border:1px solid #b99a5b;border-radius:6px;background:#3a2f1a;color:#f2e2b8;cursor:pointer}
@media (max-width:700px){.kcraft-qrow{grid-template-columns:minmax(0,1fr) auto}.kcraft-qbar{grid-column:1/-1}}
/* ---- Layout rework: two panes, chip rail, readable cards, sticky craft bar. Width-driven via container queries. ---- */
html body #mmorpgOverlay .kbook.kcraft-book{container-type:inline-size;container-name:kcraft;min-width:0;max-width:100%}
html body #mmorpgOverlay .kbook.kcraft-book .journal-tabs button{font-size:20px!important;padding:4px 22px!important}
html body #mmorpgOverlay .kbook.kcraft-book .journal-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);margin-right:0;gap:0;min-width:0;overflow:hidden}
html body #mmorpgOverlay .kbook.kcraft-book .journal-leaf{min-width:0;padding:var(--sp-5,12px) var(--sp-6,16px);overflow-wrap:normal}
html body #mmorpgOverlay .kbook.kcraft-book .journal-left{display:flex;flex-direction:column;gap:var(--sp-3,6px);overflow:hidden}
html body #mmorpgOverlay .kbook.kcraft-book .journal-right{overflow:auto;padding-top:0;scroll-padding-bottom:140px}
html body #mmorpgOverlay .kbook.kcraft-book .journal-left h3{margin:0;text-align:left;font-size:20px;letter-spacing:.04em}
html body #mmorpgOverlay .kbook.kcraft-book .journal-right h4,html body #mmorpgOverlay .kbook.kcraft-book h4{margin:var(--sp-5,12px) 0 var(--sp-3,6px);padding-bottom:var(--sp-2,4px);border-bottom:1px solid #6e5a3588;text-align:left;font:700 15px/1.3 Grenze Gotisch,Georgia,serif;letter-spacing:.08em;text-transform:uppercase;color:#d9b866}
/* requirements: compact, 2 lines, tap to expand */
html body #mmorpgOverlay .kbook .kcraft-req{margin:0;padding:var(--sp-3,6px) var(--sp-4,8px);text-align:left;font:13.5px/1.45 Grenze Gotisch,Georgia,serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;cursor:pointer;flex:none}
html body #mmorpgOverlay .kbook .kcraft-req.open{-webkit-line-clamp:unset;overflow:auto;max-height:9em}
html body #mmorpgOverlay .kbook .kcraft-banner{flex:none;margin:0;font-size:14px}
/* rail becomes a wrapping chip row; filters + search sit in rows under it */
.kcraft-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--sp-4,8px);align-items:stretch}
.kcraft-rail{flex:none;flex-direction:row;flex-wrap:wrap;gap:var(--sp-3,6px);max-height:7.6em;overflow:auto}
html body #mmorpgOverlay .kbook .kcraft-rail .kcraft-tab{flex:0 0 auto;display:inline-flex;gap:var(--sp-3,6px);padding:3px 10px;border-radius:999px;font-size:13.5px!important;line-height:1.25;white-space:nowrap;overflow-wrap:normal}
html body #mmorpgOverlay .kbook .kcraft-rail .kcraft-tab small{font-size:13px;margin-left:0}
.kcraft-pane{flex:1 1 auto;min-height:0;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;column-gap:var(--sp-5,12px);row-gap:var(--sp-3,6px)}
.kcraft-pane>.kcraft-tools,.kcraft-pane>.kcraft-list{flex:1 1 100%}
.kcraft-pane>.kcraft-only{display:inline-flex;margin:0;font-size:13.5px;line-height:1.3}
.kcraft-pane>.kcraft-only input{margin:0}
.kcraft-pane>.kcraft-tools{flex-direction:row;flex-wrap:wrap;margin:0}
.kcraft-tools input{flex:1 1 140px;font-size:14px;padding:4px 8px}
.kcraft-tools select{flex:0 1 120px;font-size:14px;padding:4px 8px;margin:0!important}
html body #mmorpgOverlay .kbook .kcraft-pane .kcraft-list{width:100%;box-sizing:border-box;flex:1 1 100%;min-height:150px;overflow:auto;gap:var(--sp-2,4px)!important;max-height:none!important;overscroll-behavior:contain}
/* recipe card: icon | name + meta | dot */
html body #mmorpgOverlay .kbook .kcraft-list .journal-toc-item{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"i n d" "i m d";column-gap:var(--sp-4,8px);row-gap:0;align-items:center;flex:none;padding:5px 10px!important;min-height:44px;border:1px solid #3a4a3c!important;border-radius:var(--r-2,6px)!important;background:#0f1a15!important;font-size:15px!important;line-height:1.25;text-align:left}
html body #mmorpgOverlay .kbook .kcraft-list .journal-toc-item:hover{background:#1b2c22!important}
html body #mmorpgOverlay .kbook .kcraft-list .journal-toc-item[aria-current="true"]{border-color:#b9954f!important}
.kcraft-list .journal-toc-item .kbook-icon{grid-area:i}
.kcraft-list .journal-toc-name{grid-area:n;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.kcraft-list .kcraft-badge{grid-area:m;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;opacity:.85}
.kcraft-list .kcraft-dot{grid-area:d;margin:0}
/* detail pane */
.kcraft-book .kbook-head{margin:var(--sp-5,12px) 0 var(--sp-3,6px);gap:var(--sp-5,12px);min-width:0}
.kcraft-book .kbook-head .journal-title{min-width:0;overflow-wrap:anywhere;font-size:26px!important}
html body #mmorpgOverlay .kbook.kcraft-book .journal-reward{text-align:left;margin:0 0 var(--sp-3,6px);font-size:15px}
.kcraft-ing{padding:var(--sp-3,6px) var(--sp-4,8px);margin:0 0 var(--sp-2,4px);border:1px solid #2d4033;border-radius:var(--r-2,6px);background:#0f1a1599;font-size:15px;min-width:0}
.kcraft-ing .kcraft-n{min-width:0;overflow-wrap:anywhere}
.kcraft-ing b{white-space:nowrap}
.kcraft-ing b.kcraft-ok{color:#8fd48a}
.kcraft-ing .k-wt-inline{font-size:13px;white-space:nowrap;color:#b8ab85}
.kcraft-chain{font-size:15px;line-height:1.5}
.kcraft-chain li{margin:0 0 var(--sp-3,6px);padding-left:var(--sp-4,8px);border-left:2px solid #6e5a3566}
/* sticky quantity + craft bar */
.kcraft-bar{position:sticky;bottom:0;z-index:2;margin:var(--sp-5,12px) calc(var(--sp-6,16px)*-1) 0;padding:var(--sp-4,8px) var(--sp-6,16px) var(--sp-3,6px);background:linear-gradient(#182a2200,#182a22 14px);border-top:1px solid #6e5a3555}
.kcraft-bar .kcraft-qty{flex-wrap:wrap;margin:0 0 var(--sp-4,8px);gap:var(--sp-4,8px);font-size:15px}
.kcraft-bar .kcraft-qty span{margin-right:auto}
.kcraft-bar .kcraft-qty button{min-height:36px;min-width:36px;font-size:14px}
.kcraft-bar .kcraft-qty input{width:64px;min-height:36px;font-size:15px}
html body #mmorpgOverlay .kbook .kcraft-go{padding:12px;font-size:20px}
.kcraft-bar .kcraft-why{font-size:13.5px;margin:var(--sp-3,6px) 0 0}
.kcraft-queue{margin-top:var(--sp-5,12px)}
.kcraft-where{max-height:none;flex:1 1 auto}
/* narrow window: stack list above detail */
@container kcraft (max-width:560px){
 .journal-spread{display:block!important;overflow:auto;overscroll-behavior:contain}
 .journal-leaf{overflow:visible!important;max-height:none!important}
 .journal-left{border-bottom:1px solid #6e5a3577}
 .kcraft-rail{max-height:none}
 html body #mmorpgOverlay .kbook .kcraft-pane .kcraft-list{flex:none;height:clamp(170px,38vh,320px);min-height:0}
 html body #mmorpgOverlay .kbook .kcraft-req{-webkit-line-clamp:1}
 .kcraft-book .kbook-head .journal-title{font-size:22px!important}
 .kcraft-bar{bottom:0}
}
@container kcraft (max-width:380px){
 .journal-leaf{padding:var(--sp-4,8px) var(--sp-4,8px)!important}
 .kcraft-bar{margin-left:calc(var(--sp-4,8px)*-1);margin-right:calc(var(--sp-4,8px)*-1);padding-left:var(--sp-4,8px);padding-right:var(--sp-4,8px)}
}
@container kcraft (min-width:900px){
 .journal-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important}
 .journal-right .kcraft-ing,.journal-right .kcraft-chain{font-size:16px}
}
@media (pointer:coarse){
 html body #mmorpgOverlay .kbook .kcraft-rail .kcraft-tab,html body #mmorpgOverlay .kbook .kcraft-toggle button{min-height:44px!important}
 .kcraft-pane>.kcraft-only{min-height:44px}
 .kcraft-pane>.kcraft-only input{width:22px;height:22px}
 .kcraft-tools input,.kcraft-tools select{min-height:44px}
 .kcraft-bar .kcraft-qty button,.kcraft-bar .kcraft-qty input{min-height:44px;min-width:44px}
 html body #mmorpgOverlay .kbook .kcraft-go{min-height:48px}
 .kcraft-qrow button,.kcraft-where-row button{min-height:44px}
}
@media (max-height:500px){.kcraft-bar{position:static;margin-top:var(--sp-4,8px)}.kcraft-bar .kcraft-qty{flex-wrap:nowrap;margin-bottom:var(--sp-3,6px)}html body #mmorpgOverlay .kbook .kcraft-go{padding:8px;min-height:44px}}
