/* Accessible, low-overhead workspaces only for Dokkaebi growth routes. */
.dkgt{padding:18px;margin:18px 0 26px;border:1px solid #d7ccb9;border-radius:12px;background:#fcfaf6;color:#2d332f}
.dkgt *{box-sizing:border-box}
.dkgt header h2{font-size:20px;margin:0 0 6px;color:#2e3930}
.dkgt header p,.dkgt-note{font-size:13px;color:#59635b;line-height:1.65;margin:0}
.dkgt-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0}
.dkgt-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;font-weight:700;color:#474a43}
.dkgt input,.dkgt select{width:100%;min-width:0;min-height:40px;border:1px solid #b8b4a9;background:#fff;border-radius:7px;padding:8px;color:#25302b;font:inherit;font-size:14px}
.dkgt input:focus-visible,.dkgt select:focus-visible,.dkgt button:focus-visible{outline:2px solid #a87852;outline-offset:2px}
.dkgt-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.dkgt-metrics>div{display:grid;align-content:center;gap:8px;min-height:77px;padding:12px;border:1px solid #e4dacd;border-radius:8px;background:#f6f2eb;min-width:0}
.dkgt-metrics small{font-size:12px;color:#5a6159}
.dkgt-metrics strong{font-size:18px;line-height:1.25;overflow-wrap:anywhere;color:#344538}
.dkgt-status{font-size:13px;color:#655846;margin:10px 0;line-height:1.5}
.dkgt-note{padding-top:12px;border-top:1px solid #e4dfd6;margin-top:16px}
.dkgt-slots{display:grid;gap:7px}
.dkgt-slots>div{display:grid;grid-template-columns:82px minmax(0,1fr) minmax(75px,150px);gap:7px;align-items:center}
.dkgt-slots strong{font-size:12px}
.dkgt-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.dkgt-chips button{border:1px solid #c7b7a3;background:#fffaf2;border-radius:20px;padding:7px 10px;cursor:pointer;color:#574d3f;font:inherit;font-size:12px}
.dkgt-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}
.dkgt-card{padding:12px 14px;border:1px solid #e1dacf;border-radius:9px;background:white;min-width:0}
.dkgt-card h3{margin:0 0 9px;font-size:15px}
.dkgt-card ul{padding-left:17px;margin:0}.dkgt-card li{font-size:12px;line-height:1.6;margin-bottom:8px}
.dkgt-card small{display:block;color:#657067;font-size:11px}
.dkgt-card a{color:#78532a;font-weight:700}
.dkgt h3{font-size:15px;margin-top:20px}
@media(max-width:600px){.dkgt{padding:13px}.dkgt-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dkgt-metrics{gap:6px}.dkgt-metrics>div{padding:9px 7px;min-height:73px}.dkgt-metrics strong{font-size:15px}.dkgt-metrics small{font-size:10px}.dkgt-slots>div{grid-template-columns:65px minmax(0,1fr) minmax(60px,90px);gap:5px}.dkgt-results{grid-template-columns:1fr}}
@media(max-width:350px){.dkgt-fields{grid-template-columns:1fr}}


/* Materials finder v2: explicit selection, tiny index, lazy per-item drop shard. */
.dkgt-materials-workspace{display:grid;gap:10px;min-width:0}
.dkgt-materials-workspace>.dkgt-field{max-width:600px}
.dkgt-picks{min-width:0}
.dkgt-match-grid{display:flex;flex-wrap:wrap;gap:7px}
.dkgt-match,.dkgt-smallbtn,.dkgt-usage,.dkgt-more{font:inherit;cursor:pointer;color:#3e493f}
.dkgt-match{border:1px solid #d4d0c5;background:#fff;border-radius:7px;padding:8px 11px;font-size:12px;text-align:left;line-height:1.5}
.dkgt-match[aria-pressed="true"]{border-color:#927452;background:#f5ecde;font-weight:760}
.dkgt-hint{font-size:12px;color:#626d64;line-height:1.6;margin:8px 0}
.dkgt-picked{border-top:1px solid #ded5c7;padding-top:14px;min-width:0}
.dkgt-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.dkgt-detail-head h3{font-size:20px;margin:0 0 4px}
.dkgt-detail-head p{margin:0;color:#62665f;font-size:12px;line-height:1.5}
.dkgt-smallbtn{border:1px solid #b8b2a9;border-radius:7px;background:#fff;padding:7px 10px;white-space:nowrap;font-size:12px;font-weight:680}
.dkgt-data-section{border-top:1px solid #e5ded2;margin-top:15px;padding-top:15px;min-width:0}
.dkgt-data-section>h3{margin:0 0 9px;font-size:16px}
.dkgt-official{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
.dkgt-source{display:flex;flex-direction:column;gap:6px;min-width:0;background:#fff;border:1px solid #e0d9cb;border-radius:8px;padding:12px}
.dkgt-source strong{font-size:13px}.dkgt-source small{font-size:12px;color:#69716a;line-height:1.5}.dkgt-source a{font-size:12px}
.dkgt-label{display:inline-flex;width:max-content;max-width:100%;font-size:11px;padding:3px 7px;border-radius:6px;background:#ede9db;color:#676045}
.dkgt-loc{background:#e8efe8;color:#47604b}
.dkgt-crafts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px}
.dkgt-usage{display:block;text-align:left;background:#fff;border:1px solid #d6cebf;border-radius:7px;padding:9px;font-size:12px}
.dkgt-crafts details{grid-column:1/-1}.dkgt-crafts summary{font-size:12px;font-weight:750;cursor:pointer}
.dkgt-crafts details .dkgt-usage{display:inline-block;margin:6px 6px 0 0}
.dkgt-drop-controls{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr);gap:8px;margin:11px 0}
.dkgt-drop-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(110px,1fr) minmax(100px,auto);gap:10px;align-items:center;border-bottom:1px solid #ede7dc;padding:9px 2px;font-size:12px;line-height:1.5}
.dkgt-drop-row strong{font-size:13px;color:#2d3530}
.dkgt-drop-row span{color:#4d5b51}
.dkgt-drop-row small{color:#687266}
.dkgt-more{display:block;width:100%;padding:10px;border:1px solid #b8b2a4;border-radius:8px;background:#fff;font-weight:700;font-size:12px;margin-top:12px}
.dkgt-more[hidden]{display:none}
.dkgt-recipe-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #e4ddd2}
.dkgt-recipe-row>div{display:grid;gap:3px}
.dkgt-recipe-row strong{font-size:13px}
.dkgt-recipe-row small{font-size:12px;color:#626d64}
.dkgt-recipe-row .dkgt-label{white-space:nowrap}
.dkgt-empty{font-size:12px;line-height:1.55;color:#72716b}
@media(max-width:640px){
 .dkgt-detail-head h3{font-size:18px}
 .dkgt-drop-controls{grid-template-columns:1fr}
 .dkgt-drop-row{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}
 .dkgt-drop-row strong{grid-column:1}
 .dkgt-drop-row span{grid-row:2;grid-column:1}
 .dkgt-drop-row small{grid-column:2;grid-row:1/3;text-align:right}
 .dkgt-official,.dkgt-crafts{grid-template-columns:1fr}
 .dkgt-match{font-size:11px;padding:7px 9px}
}