.production-heading { margin-bottom:20px; }
.production-heading-links { display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;white-space:nowrap; }
.production-categories { border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 20px;margin-bottom:24px; }
.production-category-group { display:flex;align-items:center;gap:20px;min-height:48px;border-bottom:1px solid #edf0ed; }
.production-category-group:last-child { border-bottom:0; }
.production-category-group h2 { flex:0 0 74px;margin:0;font-size:12px;color:#738078;font-weight:500; }
.production-category-group>div { display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 0; }
.production-category-group a { display:block;min-width:58px;padding:5px 12px;color:#415b60;font-size:13px;text-align:center;border-radius:4px; }
.production-category-group a:hover { background:#eff3ed;text-decoration:none; }
.production-category-group a.active { background:#345f68;color:white; }
.production-section-heading { display:flex;align-items:center;gap:24px;margin:0 0 14px; }
.production-section-heading h2 { margin:0;font-size:20px; }
.production-section-heading p { margin:0;color:var(--muted);font-size:11px; }
.production-filters { display:flex;align-items:end;gap:14px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:16px 18px; }
.production-filters label { display:grid;gap:5px;min-width:0; }
.production-filters label>span { font-size:11px;color:#6d7d74;margin:0; }
.production-filters select,.production-filters input { min-height:36px;font-size:12px; }
.production-filters select { min-width:145px; }.production-filters label:nth-of-type(2) select { min-width:115px; }
.production-search { flex:1; }.production-search input { width:100%; }
.production-filters .button { min-height:36px;padding:0 20px;font-size:12px; }.production-reset { font-size:12px;align-self:center;padding-top:18px;white-space:nowrap; }
.production-levels { display:flex;align-items:center;gap:6px;margin:16px 0 12px;font-size:12px;color:#78867e; }
.production-levels>span:first-child { margin-right:6px; }
.production-levels>a,.production-levels>.unavailable { min-width:29px;height:27px;display:grid;place-items:center;border:1px solid #dde4dd;border-radius:3px;background:#fff;color:#42615d; }
.production-levels>a:hover { background:#e7eee4;text-decoration:none; }.production-levels>.unavailable { background:#f0f2ed;color:#b4bcb4;border-color:#e7ebe5; }
.production-result-count { margin-left:auto;font-size:11px;white-space:nowrap; }
.production-table-wrap { border:1px solid #dce2dc;border-radius:6px;overflow:auto;background:#fff; }
.production-table { border-collapse:collapse;width:100%;table-layout:fixed;margin:0;font-size:12px; }
.production-col-level { width:5%; }.production-col-product { width:21%; }.production-col-materials { width:43%; }.production-col-attributes { width:22%; }.production-col-count { width:9%; }
.production-table thead { background:#edf1ec;color:#5b7166; }
.production-table th,.production-table td { padding:10px 12px;border-bottom:1px solid #e6ebe4;vertical-align:middle;text-align:left; }
.production-table thead th { font-size:11px;font-weight:600;white-space:nowrap; }
.production-table thead small { margin-left:10px;color:#8b988e;font-size:10px;font-weight:400; }
.production-table tbody { scroll-margin-top:12px; }
.production-table .production-level-divider th { padding:7px 12px;background:#f6f6ee;color:#738066;font-size:11px;font-weight:400; }
.production-level-divider span { display:inline-block;min-width:58px;font-size:12px;font-weight:600;color:#61715a; }.production-level-divider small { margin-left:14px;color:#9ca493;font-size:10px; }
.production-table tbody tr[data-recipe]:hover { background:#fafbf8; }
.production-grade { color:#7c897f;font:12px/1.4 Georgia,serif; }
.production-product { display:flex;align-items:center;gap:10px; }
.production-art { display:grid;place-items:center;flex:0 0 40px;height:44px; }
.production-art img { width:40px;height:40px;object-fit:contain;image-rendering:pixelated; }.production-art>span { font-size:9px;color:#9ca596;white-space:nowrap; }
.production-product>div:last-child { min-width:0; }.production-product strong { display:block;font-size:12px;line-height:1.5;font-weight:600;color:#2f4850;overflow-wrap:anywhere;margin-bottom:4px; }
.production-source { font-size:9px;padding:1px 4px;background:#f1eee3;color:#8a7649;border-radius:2px;white-space:nowrap; }.production-source.local { background:#e6eee4;color:#58764e; }.production-origin { font-size:9px;color:#929b88;display:inline-block;margin-left:5px; }
.production-materials { margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center; }
.production-materials li { display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px;min-height:29px; }
.production-material-art { display:grid;place-items:center;width:28px;flex:0 0 28px;height:28px; }.production-material-art img { width:28px;height:28px;object-fit:contain;image-rendering:pixelated; }.production-material-art>span { color:#b8c1b3;font-size:20px; }
.production-materials b { font-size:10px;font-weight:400;color:#9aa48f; }.production-materials strong { color:#5c705a;font-weight:600;font-size:11px; }
.production-attributes { list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1px 12px;color:#607367;font-size:11px;line-height:1.8; }
.production-stats { font-size:11px;color:#607367;white-space:pre-line; }.production-missing { color:#a4ada0;font-size:11px; }
.production-quantity-cell input { width:64px;min-height:31px;padding:4px 6px;font-size:12px;border-radius:4px; }.production-quantity-cell>small { display:block;margin-top:4px;font-size:9px;color:#a3ada1; }
.production-note { margin:5px 0 0;font-size:9px;line-height:1.5;color:#94876c; }.production-image-note { display:block;margin:3px 0 0;font-size:9px;color:#a0aa9b; }
.production-actual-skill { display:block;margin-top:3px;font-size:10px;color:#87917e; }
.production-empty { padding:35px 20px;text-align:center;border:1px solid var(--line);background:#fff; }.production-empty h3 { font-size:16px; }.production-empty p { color:var(--muted);font-size:12px; }
.production-snapshot { font-size:10px;color:#94a08f;margin:18px 0 0; }
@media(max-width:1150px) { .production-category-group { gap:12px; }.production-category-group a { min-width:48px;padding:5px 10px; }.production-table { min-width:850px; }.production-table th,.production-table td { padding-left:9px;padding-right:9px; }.production-table thead small { display:none; }.production-filters { gap:10px; }.production-filters select { min-width:125px; }.production-section-heading { gap:15px; } }