/* A1.18 product/reagent/skill catalog. All new selectors are catalog-specific. */
#page-professions .craft-panel{padding:22px;min-width:0}
.craft-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;margin-top:20px;align-items:start}
.craft-skill-picker{display:flex;flex-direction:column;gap:14px;min-width:0}.craft-skill-group{min-width:0;padding:0 0 10px;border-bottom:1px solid #30444d}.craft-skill-group h3{font-size:13px;color:#c5c9c7;margin:0 0 8px;font-weight:600}
.craft-skill-picker .profession-btn{width:100%;display:flex;gap:8px;align-items:center;min-width:0;text-align:left;margin:3px 0;padding:7px 9px;border-radius:6px;font-size:13px;min-height:39px}.craft-skill-picker .profession-btn>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.craft-skill-picker .profession-btn small{margin-left:auto;color:#8fa7ac;font-size:11px}
.craft-prof-all{border:1px solid #46606a;border-radius:6px;background:#11202d;color:#e2e9e7;padding:10px;cursor:pointer}.craft-prof-all.active{color:#ffdd85;border-color:#c89c45}
.craft-main{min-width:0}.craft-profession-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding-bottom:12px;border-bottom:1px solid #344954}.craft-profession-heading h3{margin:0;color:#f4db9c;font-size:22px}.craft-source{font-size:12px;margin-left:auto;color:#91c8d7}.craft-skill-note{flex-basis:100%;font-size:12px;line-height:1.7;color:#acb9b7;margin:2px 0}
.craft-recipes>h3{font-size:15px;margin:16px 0 5px}.craft-recipes .recipe-intro{font-size:12px;color:#9fb4b6;margin:0 0 14px}
.craft-controls{display:grid;grid-template-columns:minmax(200px,2fr) 1fr 1fr;gap:8px}.craft-controls #recipeSearch{grid-column:1/3}.craft-controls input,.craft-controls select,.craft-advanced-controls input,.craft-advanced-controls select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #405562;background:#101e2c;color:#e0e7eb;border-radius:5px;padding:9px;font:inherit;font-size:12px}.craft-controls #craftSort{grid-column:1/2}.craft-times{display:flex;gap:9px;align-items:center;grid-column:2/4;font-size:12px;justify-content:flex-end}.craft-times input{width:80px}
.craft-advanced-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.craft-recipes .recipe-advanced{margin-top:10px;font-size:12px}
.craft-table{border:1px solid #314955;border-radius:8px;overflow:hidden;background:#0c1925}.craft-grid,.craft-table-head{display:grid;grid-template-columns:minmax(190px,2.25fr) minmax(220px,2.7fr) 78px 116px;gap:14px;align-items:start}.craft-table-head{background:#19303c;color:#b5c9cf;font-size:11px;font-weight:700;padding:12px 14px}
#page-professions .craft-row{content-visibility:visible;contain-intrinsic-size:none;border:none;border-top:1px solid #253d49;border-radius:0;padding:14px;margin:0;box-shadow:none;display:block;background:transparent;min-width:0}.craft-row:nth-child(odd){background:#10212d!important}.craft-row:hover{background:#152936!important}
.craft-product{display:flex;gap:10px;min-width:0}.craft-product-title{min-width:0;display:flex;flex-direction:column;gap:4px}.craft-result-name{color:#f0d18b;font-size:13px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.craft-result-en{font-size:10px;line-height:1.4;color:#87a4b1;overflow-wrap:anywhere}.craft-kind{font-size:10px;line-height:1.5;color:#9eb2b8}.craft-output{font-size:11px;color:#aaceab}
.craft-row[data-quality=common] .craft-result-name{color:#eee}.craft-row[data-quality=uncommon] .craft-result-name{color:#83d46a}.craft-row[data-quality=rare] .craft-result-name{color:#70bbf6}.craft-row[data-quality=epic] .craft-result-name{color:#c698ef}
.craft-icon{flex:0 0 36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;border:1px solid #4d5551;background:#0b131b;box-sizing:border-box}.craft-icon img{width:100%;height:100%;object-fit:contain;display:block}.craft-icon.unavailable{color:#81939b}.craft-icon.profession{width:22px;height:22px;flex-basis:22px}.craft-icon.reagent{width:21px;height:21px;flex-basis:21px;border-radius:3px}
.craft-materials{display:flex;flex-direction:column;gap:7px;min-width:0}.craft-reagent{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.45;min-width:0}.craft-reagent>span:not(.craft-icon){min-width:0;overflow-wrap:anywhere}.reagent-qty{margin-left:auto;color:#ffdf86;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.craft-skill{text-align:center;color:#e9d596;font-size:16px;padding-top:6px;font-variant-numeric:tabular-nums}.craft-levels{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#b7c6cb;line-height:1.7}.craft-unlisted{color:#a79d85;font-size:12px}
.craft-details{margin:10px 0 0 46px;font-size:11px}.craft-details summary{cursor:pointer;color:#83b6c7;list-style:revert}.craft-detail-body{padding:10px;border:1px solid #294553;border-radius:5px;margin-top:7px;background:#0a1520;font-size:12px;overflow-wrap:anywhere}.craft-detail-body p{line-height:1.7;margin:6px 0}.craft-provenance{font-size:10px;color:#9fb0b5}.craft-warning{color:#e5b875}.craft-stats,.craft-links{display:flex;gap:7px 14px;flex-wrap:wrap}.craft-stats span{color:#9bd79c}.craft-links a{color:#88bfd0;font-size:11px}
.craft-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:18px 0 0;font-size:12px}.craft-pagination button{border:1px solid #446170;color:#dce9ef;background:#142636;padding:8px 16px;border-radius:5px;cursor:pointer}.craft-pagination button:disabled{opacity:.4;cursor:default}.craft-coverage{font-size:11px;color:#8f9ea5;line-height:1.8;margin:18px 0 0}
.craft-panel button:focus-visible,.craft-panel input:focus-visible,.craft-panel select:focus-visible,.craft-panel summary:focus-visible,.craft-panel a:focus-visible{outline:2px solid #e4bc63;outline-offset:2px}
@media(max-width:1100px){.craft-workspace{grid-template-columns:155px minmax(0,1fr);gap:15px}.craft-grid,.craft-table-head{grid-template-columns:minmax(150px,1.6fr) minmax(160px,2fr) 60px 97px;gap:10px}#page-professions .craft-panel{padding:15px}}
@media(max-width:850px){.craft-workspace{grid-template-columns:1fr}.craft-skill-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.craft-prof-all{grid-column:1/-1;padding:8px}.craft-skill-group h3{font-size:11px}.craft-skill-picker .profession-btn{padding:5px;font-size:11px;gap:5px}.craft-skill-picker .profession-btn small{font-size:10px}.craft-icon.profession{width:18px;height:18px;flex-basis:18px}.craft-source{margin-left:0}.craft-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr);gap:12px}.craft-table-head{display:none}.craft-skill,.craft-levels{text-align:left;padding-top:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;font-size:11px}.craft-skill::before,.craft-levels::before{content:attr(data-label);color:#8fa6b0;font-size:10px;margin-right:5px}.craft-skill strong{font-size:14px}.craft-details{margin-left:0}}
@media(max-width:500px){.craft-skill-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-skill-group:first-of-type{grid-row:2/4}.craft-controls{grid-template-columns:1fr 1fr}.craft-controls #recipeSearch{grid-column:1/-1}.craft-controls #craftSort{grid-column:1/2}.craft-times{grid-column:2/3;flex-wrap:wrap;gap:4px}.craft-times input{width:64px}.craft-advanced-controls{grid-template-columns:1fr 1fr}.craft-grid{grid-template-columns:1fr}.craft-materials{margin-left:46px}.craft-skill,.craft-levels{margin-left:46px}.craft-details{margin-top:12px}.craft-materials::before{content:attr(data-label);color:#7c9aab;font-size:10px}.craft-result-name{font-size:14px}.craft-recipes .recipe-result-bar{gap:8px;flex-wrap:wrap}.craft-profession-heading h3{font-size:20px}#page-professions .craft-panel{padding:12px}}

/* A1.19 compact cells: image + name only, quantities attached to their subject. */
.craft-product-trigger{display:flex;align-items:center;gap:10px;min-width:0;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;cursor:help;color:inherit}
.craft-product-trigger .craft-icon{position:relative;overflow:visible;flex:0 0 38px;width:38px;height:38px}.craft-product-trigger .craft-icon img{border-radius:3px}
.craft-product-trigger .craft-output{position:absolute;right:0;bottom:-1px;padding:0 2px;color:#fff;font-size:12px;line-height:15px;font-weight:800;text-shadow:1px 1px 1px #000,-1px -1px 1px #000,0 0 3px #000;background:#090d1380;border-radius:2px;font-variant-numeric:tabular-nums;max-width:80px;pointer-events:none}
.craft-result-name{flex:1;min-width:0}.craft-reagent{width:100%;border:0;padding:0;background:none;color:#d7e4e8;text-align:left;cursor:help;font-family:inherit}.craft-reagent-copy{display:block;min-width:0;line-height:1.5}.craft-reagent-name{overflow-wrap:anywhere}.craft-reagent-copy .reagent-qty{display:inline;margin-left:4px;white-space:nowrap;font-weight:600}
.craft-grid,.craft-table-head{grid-template-columns:minmax(180px,2.25fr) minmax(205px,2.6fr) minmax(110px,1.2fr) minmax(95px,1.2fr)}
.craft-skill{font-size:12px;text-align:left;padding-top:4px;line-height:1.6;overflow-wrap:anywhere}.craft-skill strong{font-size:12px;font-weight:500}
.craft-item-tooltip{position:fixed;z-index:220;box-sizing:border-box;inset:auto;margin:0;padding:12px 13px;border:1px solid #818b9d;border-radius:5px;background:#080d20f8;color:#f2f3f7;box-shadow:0 10px 30px #000c;font-family:Arial,"Microsoft JhengHei",sans-serif;font-size:13px;line-height:1.5;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;word-break:normal;text-align:left}
.craft-item-tooltip[hidden]{display:none!important}.craft-item-tooltip table{width:100%;border-collapse:collapse;font:inherit;line-height:inherit;color:inherit;margin:0;background:none}.craft-item-tooltip td{padding:0;text-align:left;vertical-align:top}.craft-item-tooltip th{padding:0;text-align:right;font-weight:400;vertical-align:top}.craft-item-tooltip b,.craft-tooltip-name{font-size:1.1em;font-weight:700}.craft-item-tooltip p{margin:5px 0}.craft-item-tooltip .q{color:#ffd100}.craft-item-tooltip .q0{color:#9d9d9d}.craft-item-tooltip .q1{color:#fff}.craft-item-tooltip .q2{color:#1eff00}.craft-item-tooltip .q3{color:#0070dd}.craft-item-tooltip .q4{color:#a335ee}.craft-item-tooltip .q5{color:#ff8000}.craft-item-tooltip .q6{color:#e6cc80}.craft-item-tooltip .toycolor{color:#66bbee}
.craft-item-tooltip .moneygold::after,.craft-item-tooltip .moneysilver::after,.craft-item-tooltip .moneycopper::after{content:'';display:inline-block;width:.64em;height:.64em;border:1px solid #523c20;border-radius:50%;margin:0 .2em;background:#b98734}.craft-item-tooltip .moneysilver::after{background:#c4c7cd;border-color:#5e6673}.craft-item-tooltip .moneycopper::after{background:#bd785a;border-color:#6d4330}
.craft-tooltip-original{display:block;color:#9aabbc;font-size:.8em;margin-top:7px}.craft-tooltip-meta{margin-top:9px;padding-top:7px;border-top:1px solid #42485e;color:#a9b3c4;font-size:.79em}.craft-tooltip-meta small{display:block;line-height:1.55}.craft-tooltip-meta a{color:#a4cfff;display:inline-block;margin-top:7px}.craft-tooltip-unlisted{color:#e1bc72;font-size:.86em}.craft-tooltip-close{float:right;position:sticky;top:0;z-index:1;border:1px solid #727c8d;border-radius:3px;background:#0b1225;color:#fff;width:28px;height:28px;cursor:pointer;font-size:22px;line-height:20px;margin:0 0 5px 8px}
.craft-item-tooltip button:focus-visible,.craft-item-tooltip a:focus-visible{outline:2px solid #ffd100;outline-offset:2px}
@media(max-width:1100px){.craft-grid,.craft-table-head{grid-template-columns:minmax(150px,1.7fr) minmax(160px,2fr) minmax(98px,1fr) minmax(82px,1fr);gap:10px}}
@media(max-width:850px){.craft-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr)}.craft-table-head{display:none}.craft-skill::before{content:none}.craft-skill{font-size:12px}.craft-skill strong{font-size:12px}}
@media(max-width:500px){.craft-grid{grid-template-columns:minmax(0,1fr)}.craft-product-trigger{align-items:center}.craft-materials,.craft-skill,.craft-levels{margin-left:48px}.craft-reagent-copy .reagent-qty{margin-left:3px}.craft-item-tooltip{border-radius:8px}}