/* Same right catalog / left detail arrangement on desktop and landscape phones. */
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog[data-category=pendant] .recipe-back{display:none}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog #pendant-crafting{display:grid;gap:6px}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-craft-button{display:grid;grid-template-columns:38px minmax(0,1fr);gap:4px 8px;padding:8px;min-height:72px;text-align:left;border:1px solid #435d70;background:#142635;border-radius:3px}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-craft-button.selected{border-color:#d6c38e;background:#22383d}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-craft-button>img{width:38px;height:38px;grid-row:1/3;object-fit:contain}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-craft-button strong{font-size:13px;line-height:18px}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-craft-button small{display:block;color:#a6c8c6;font-size:11px;line-height:17px}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-craft-button>b{grid-column:2;font-size:11px;color:#d8c58c}
.pendant-detail-heading{display:flex;align-items:center;gap:4px;justify-content:space-between;flex:none;border-bottom:1px solid #405666;padding-bottom:6px;font-size:14px}
.pendant-detail-heading button{width:32px;min-height:32px;flex:none;background:#203440;border:1px solid #607a88;font-size:23px;color:#dae8ed}
.pendant-detail-body{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.pendant-effect-head{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:12px;line-height:19px;color:#d9d0a7}
.pendant-effect-head>img{width:38px;height:38px;object-fit:contain}.pendant-effect-head span{display:block;color:#bfced7}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-slot-label{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0;font-size:12px}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-slot-label select{flex:1;min-width:0;max-width:100%;height:32px;background:#152a39;color:#dce8ef;border:1px solid #4b657a;font-size:12px}
.pendant-chance{display:grid;gap:4px;padding:8px;background:#1b383c;border:1px solid #577776;margin:8px 0}.pendant-chance strong{font-size:16px;color:#dbc78f}.pendant-chance span,.pendant-chance small{font-size:11px;color:#c3d4dc}
.pendant-protection{font-size:11px;line-height:18px;color:#b3c4ce;margin:8px 0}
#pendant-network-status{font-size:12px;line-height:18px;color:#e8c799;margin:6px 0}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog :is(#pendant-detail,#refining-detail,#crafting-detail) .craft-requirement{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:3px 5px;padding:5px;min-height:36px;font-size:11px}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog :is(#pendant-detail,#refining-detail,#crafting-detail) .requirement-icon{width:20px;height:20px;grid-row:1/3}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog :is(#pendant-detail,#refining-detail,#crafting-detail) .requirement-name{font-size:11px;grid-column:2;grid-row:1;white-space:normal}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog :is(#pendant-detail,#refining-detail,#crafting-detail) .craft-requirement b{font-size:11px;grid-column:3;grid-row:1/3;align-self:center}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog :is(#pendant-detail,#refining-detail,#crafting-detail) .craft-requirement small{font-size:10px;grid-column:2;grid-row:2}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .craft-button{min-height:36px;font-size:13px;padding:7px}
.pendant-gauge{margin:12px 0;padding:12px 8px;background:#23313bd9;border:1px solid #697a86}
.pendant-gauge-track{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:13px}.pendant-gauge-track>b{flex:none}.pendant-gauge-track>div{flex:1;height:13px;background:#111820;border:1px solid #0a1015;overflow:hidden}.pendant-gauge-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#227bcc,#55baff)}.pendant-gauge-track.failure i{background:linear-gradient(90deg,#ba770c,#ffbc35)}
#pendant-gauge-status{min-height:40px;font-size:13px;line-height:20px;color:#e7dfc4;margin:8px 0}.pendant-gauge button{width:100%;min-height:34px}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog :is(#crafting-material-summary,#refining-actions){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,88px),1fr));gap:6px;align-content:start;grid-auto-rows:auto;max-height:none;padding:2px;overflow:visible}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .material-tile{display:grid;grid-template-rows:32px minmax(32px,auto) auto;align-items:center;justify-items:center;min-width:0;min-height:92px;gap:4px;padding:6px 4px;background:#142535;border:1px solid #3d586a;border-top:2px solid var(--material);border-radius:3px;color:#e4eaf0;text-align:center}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .material-tile.selected{background:#254441;border-color:#dac68b}
.material-tile-icon{display:block;width:32px;height:32px}.material-tile-icon img{width:100%;height:100%;object-fit:contain}.material-tile-icon.icon-missing::after{content:'◇';font-size:28px;color:var(--material)}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .material-tile>span:not(.material-tile-icon){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:16px;max-width:100%;word-break:keep-all;overflow-wrap:anywhere}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .material-tile>b{font-size:12px;color:#dfd2a7}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .material-filters{gap:6px;margin:7px 0;font-size:12px}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .material-filters input[type=search]{flex:1 1 130px;min-width:0;height:32px;padding:5px 8px;font-size:12px}
#craft-material-info{position:sticky;bottom:0;padding:8px;margin-top:6px;background:#122332f5;border:1px solid #4b667c;font-size:12px;line-height:19px}#craft-material-info strong,#craft-material-info span{display:block}
#refining-detail{margin-top:8px;padding:8px;border:1px solid #435f74;background:#142535}#refining-detail h4{font-size:13px;margin:0 0 8px}.refining-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px;font-size:12px}.refining-controls label{display:flex;align-items:center;gap:4px}.refining-controls input{width:55px;min-height:32px;box-sizing:border-box;background:#0d1d29;color:#eee;border:1px solid #526d7e;text-align:center}.refining-controls button{min-height:32px;font-size:12px;padding:4px 8px}
.gear-socket-summary{margin:6px 0;padding:7px;background:#152b38;border:1px solid #476071}.gear-socket-summary h4{display:flex;justify-content:space-between;font-size:12px;margin:0 0 6px}.gear-socket-summary>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.gear-socket-summary .gear-socket-gem,.gear-socket-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0}.gear-socket-empty{font-size:25px;color:#788f9d}.gear-socket-summary small{font-size:9px;white-space:nowrap}.gear-socket-summary .gem-badge{width:30px;height:30px;display:block;position:relative;border:1px solid #b8c2ca}.gear-socket-summary .gem-badge img{width:100%;height:100%}.gear-socket-summary .gem-badge b{position:absolute;bottom:-2px;right:-2px;background:#08141e;font-size:10px}.gear-socket-summary .gem-tier-2{border-color:#6bd78d}.gear-socket-summary .gem-tier-3{border-color:#5cacff}.gear-socket-summary .gem-tier-4{border-color:#ecd56d}.gear-socket-summary .gem-tier-5{border-color:#ffa04c}
@media(max-width:760px){
 #crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog[data-category=pendant][data-recipe-open=true] #pendant-detail{padding:4px}
 .pendant-detail-heading{font-size:12px}.pendant-effect-head{flex-wrap:wrap;line-height:17px}.pendant-effect-head>img{width:28px;height:28px}
 #crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-craft-button{grid-template-columns:28px minmax(0,1fr);padding:5px;gap:3px 5px;min-height:68px}
 #crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog .pendant-craft-button>img{width:28px;height:28px}
 #crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog #crafting-nav button{padding:4px;font-size:11px}
}

#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog #refining-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:6px}
#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog#crafting-dialog #refining-actions .material-tile{min-height:82px;grid-template-rows:26px minmax(32px,auto) auto;padding:4px 2px;gap:2px}
#refining-actions .material-tile-icon{width:26px;height:26px}