/* Hộp thoại chuyển sang UI kit (js/dialogs.js): võ công, rèn đồ, lò rèn, gợi ý, lực chiến, bách khoa, tâm pháp, vắng mặt, cửa hàng */
.k-layer .dg-p{margin:0;font-size:13px;line-height:1.5;color:#dfe7e2}
.k-layer .dg-d{display:block;color:var(--k-dim);font-size:12px;line-height:1.45}
.k-layer .dg-up{color:#8fe34a;font-weight:600}
.k-layer .dg-dim{color:var(--k-faint)}
.k-layer .dg-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.k-layer .dg-gold{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--font);color:var(--k-acc-lt);white-space:nowrap}
.k-layer .dg-gold img,.k-layer .dg-coin{width:18px;height:auto;image-rendering:auto}
.k-layer .dg-it{display:flex;align-items:center;gap:10px;min-width:0}
.k-layer .dg-it b{display:block;color:var(--rc);font:600 14px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-layer .dg-it small{color:var(--k-dim);font-size:12px}
.k-layer .dg-iti{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--k-input);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc,#888) 40%,transparent);overflow:hidden}
.k-layer .dg-iti img{max-width:78%;max-height:78%}
/* hàng chữ – giá trị */
.k-layer .dg-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--k-line);font-size:13px}
.k-layer .dg-row:last-child{border-bottom:0}
.k-layer .dg-row small{color:var(--k-dim);font-size:11.5px}
/* hàng có nút (tâm pháp, huyền tinh, mảnh) */
.k-layer .dg-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--k-line)}
.k-layer .dg-pick:last-child{border-bottom:0}
.k-layer .dg-pick>span:first-child{min-width:0;flex:1;font-size:13px}
.k-layer .dg-pick small{color:var(--k-dim)}
.k-layer .dg-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.k-layer .dg-pick .k-btn{height:30px;padding:0 12px;font-size:12px}
.k-layer .dg-bar{display:block;height:5px;margin-top:5px;border-radius:999px;background:var(--k-input);overflow:hidden}
.k-layer .dg-bar i{display:block;height:100%;border-radius:999px;background:var(--k-acc)}
/* võ công */
.k-layer .dg-skh{display:flex;gap:14px;align-items:flex-start}
.k-layer .dg-ski{position:relative;flex:none;width:48px;height:48px}
.k-layer .dg-ski img{width:48px;height:48px;border-radius:10px}
.k-layer .dg-ski .dg-skb{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px}
.k-layer .dg-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.k-layer .dg-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;background:var(--k-acc-tone);color:var(--k-acc-lt)}
.k-layer .dg-tag.dim{background:rgba(255,255,255,.07);color:var(--k-dim)}
.k-layer .dg-tag.bad{background:var(--k-danger-tone);color:var(--k-danger)}
.k-layer .dg-tag.ok{background:rgba(102,187,106,.15);color:#81c784}
.k-layer .dg-warn{padding:8px 12px;border-radius:12px;background:var(--k-danger-tone);color:#ffab91;font-size:12.5px}
.k-layer .dg-eff{padding:3px 0;font-size:13px;color:#dfe7e2}
/* ô chọn đồ (hợp thành, Bạch Kim) */
.k-layer .dg-cells{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.k-layer .dg-cell{width:48px;height:48px;border:0;border-radius:12px;display:grid;place-items:center;cursor:pointer;background:var(--k-input);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc,#888) 38%,transparent)}
.k-layer .dg-cell img{max-width:78%;max-height:78%}
.k-layer .dg-cell.on{box-shadow:inset 0 0 0 2px var(--k-acc),0 0 10px rgba(255,193,7,.35);background:var(--k-acc-tone)}
/* bách khoa */
.k-layer .dg-zone{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:14px;background:var(--k-card);box-shadow:inset 0 0 0 1px var(--k-line)}
.k-layer .dg-zone.lock{opacity:.55}
.k-layer .dg-zone small{font-size:12px;color:#cfd8d3}
.k-layer .dg-zh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.k-layer .dg-zh b{font:600 14px var(--font)}
.k-layer .dg-zh small{color:var(--k-dim)!important}
.k-layer .dg-els{display:inline-flex;gap:3px;margin-left:auto}
.k-layer .dg-el{width:16px;height:16px}
.k-layer .dg-boss{color:#ff8a65}
/* cửa hàng */
.k-layer .dg-shop{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--k-line)}
.k-layer .dg-shop:last-child{border-bottom:0}
.k-layer .dg-shop .dg-iti{width:40px;height:40px}
.k-layer .dg-st{flex:1;min-width:0}
.k-layer .dg-st b{display:block;color:var(--rc,#eef3f0);font:600 13px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-layer .dg-st small{color:var(--k-dim);font-size:11.5px}
.k-layer .dg-shop.bad .dg-st small{color:#ef9a9a}
.k-layer .dg-shop .k-btn{height:30px;padding:0 12px;font-size:12px;gap:4px}
.k-layer .dg-coin{width:15px!important}