/* FabForge Build 15: Material, Stock & Finish (#/stock) */
.sk-wrap { display: flex; flex-direction: column; gap: 14px; }
.sk-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.sk-tab { background: var(--panel, #1b1f24); color: inherit; border: 1px solid #333a42; border-radius: 8px; padding: 7px 12px; cursor: pointer; font: inherit; font-size: 13px; }
.sk-tab.on { background: rgba(245, 166, 35, .18); border-color: #f5a623; color: #f5a623; font-weight: 700; }
.sk-grid { display: grid; grid-template-columns: minmax(260px, 340px) 1fr; gap: 14px; }
@media (max-width: 900px) { .sk-grid { grid-template-columns: 1fr; } }
.sk-card { background: var(--panel, #1b1f24); border: 1px solid #2c333b; border-radius: 10px; padding: 14px 16px; min-width: 0; }
.sk-card h2 { margin: 0 0 10px; font-size: 16px; } .sk-card h3 { font-size: 14px; margin: 14px 0 6px; }
.sk-f { display: flex; flex-direction: column; gap: 3px; margin-bottom: 8px; font-size: 12.5px; }
.sk-f span { color: var(--fg-muted, #a8b5c4); }
.sk-f input, .sk-f select, .sk-bom { background: #111418; color: inherit; border: 1px solid #39414a; border-radius: 6px; padding: 6px 8px; font: inherit; }
.sk-bom { width: 100%; box-sizing: border-box; font-family: ui-monospace, Consolas, monospace; font-size: 12px; }
.sk-chk { display: flex; gap: 6px; align-items: center; font-size: 13px; margin: 4px 0; }
.sk-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin: 8px 0; }
.sk-tile { background: #12161a; border: 1px solid #2c333b; border-radius: 8px; padding: 8px 10px; }
.sk-tile.big .sk-tv { font-size: 18px; color: #f5a623; } .sk-tile.warn { border-color: #e67e22; }
.sk-tl { font-size: 11px; color: var(--fg-muted, #a8b5c4); } .sk-tv { font-size: 14px; font-weight: 700; margin-top: 2px; }
.sk-svg { width: 100%; max-width: 520px; background: #0f1215; border-radius: 8px; margin: 6px 0; }
.sk-why { font-size: 13px; line-height: 1.45; padding-left: 20px; } .sk-why li { margin-bottom: 4px; }
.sk-note { font-size: 12px; color: var(--fg-muted, #a8b5c4); }
.sk-err { color: #ff7b72; font-weight: 600; }
.sk-draft { font-size: 12px; background: rgba(245, 166, 35, .1); border-left: 4px solid #f5a623; padding: 6px 10px; border-radius: 4px; }
.sk-whybox { font-size: 13px; background: rgba(52, 152, 219, .1); border-left: 4px solid #3498db; padding: 8px 10px; border-radius: 4px; }
.sk-tw { overflow-x: auto; } .sk-t { border-collapse: collapse; width: 100%; font-size: 12.5px; }
.sk-t th, .sk-t td { border-bottom: 1px solid #2c333b; padding: 5px 7px; text-align: left; white-space: nowrap; }
.sk-t th { color: var(--fg-muted, #a8b5c4); font-weight: 600; } .sk-tot td { font-weight: 700; color: #f5a623; }
.sk-lessons { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.sk-lesson { background: #12161a; border: 1px solid #2c333b; border-radius: 8px; padding: 10px 12px; } .sk-lesson h3 { margin: 0 0 4px; } .sk-lesson p { margin: 0; font-size: 13px; line-height: 1.45; }