/* Cụm K4 (CONTRACT §46): giá trúng lô gần đó, lựa chọn tổ chức đấu giá, kết quả đấu giá. Dùng token màu của app.css. */
.tag.dk-hot{background:var(--seal-soft,#fde3e3);color:var(--seal,#b91c1c)}
.dk-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 4px;padding:0}
.dk-kpis .stat{min-width:0}
.dk-kpis .stat b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.dk-res-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 0;font-size:13px;color:var(--ink-3)}
.dk-more{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;font-size:14px}
.dk-samples{list-style:none;margin:6px 0 0;padding:0}
.dk-sample{padding:10px 0;border-top:1px solid var(--rule-2);display:grid;gap:4px;min-width:0}
.dk-sample:first-child{border-top:0}
.dk-s-t{font-weight:600;font-size:14px;line-height:1.4;color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.dk-s-t:hover{color:var(--accent);text-decoration:underline}
.dk-s-n,.dk-card-n{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:12.5px;color:var(--ink-3);min-width:0}
.dk-s-n b,.dk-card-n b{color:var(--ink);font-size:14px}
.dk-src{margin:8px 0 4px}

.dk-filters{display:grid;gap:8px;padding:8px 16px 0}
.dk-filters input[type=search]{width:100%;min-height:48px;border:1px solid var(--rule);border-radius:10px;background:var(--sheet);padding:0 14px;font-size:16px}
.dk-frow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;align-items:center;min-width:0}
.dk-frow::-webkit-scrollbar{display:none}
.dk-sel{flex:none;display:block}
.dk-sel select{min-height:44px;max-width:200px;border:1px solid var(--rule);border-radius:999px;background:var(--sheet);padding:0 32px 0 14px;font-size:13.5px;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2366716b" stroke-width="2" stroke-linecap="round"><path d="m6 9 6 6 6-6"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px;text-overflow:ellipsis}
.dk-open{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:var(--sheet);font-size:13.5px;cursor:pointer;white-space:nowrap}
.dk-open input{width:18px;height:18px;accent-color:var(--accent);margin:0}
.dk-sk{display:block;height:44px;width:100%;border-radius:999px}
.dk-seg{justify-self:start}
.dk-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px 0}
.dk-total{font-size:13px;color:var(--ink-3)}
.dk-save{display:inline-flex;align-items:center;gap:8px;padding:0 14px;font-size:13.5px}
.dk-cards{list-style:none;margin:0;padding:10px 16px 0;max-width:980px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.dk-sk-card{height:110px;border-radius:var(--r-lg)}
.dk-card{display:grid;gap:5px;padding:12px 14px;background:var(--sheet);border:1px solid var(--rule-2);border-radius:var(--r-lg);text-decoration:none;color:var(--ink);min-width:0}
.dk-card:hover{border-color:var(--accent)}
.dk-card-top{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.dk-card-t{font-size:14.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.dk-card-m{font-size:12.5px;color:var(--ink-3);word-break:break-word}
.dk-card-r{display:flex;gap:6px;align-items:flex-start;font-size:13px;color:var(--accent);font-weight:500;word-break:break-word}
.dk-card-r .ic{flex:none;width:16px;height:16px;margin-top:1px}
.dk-cards .empty{margin:16px 0;list-style:none}

.dk-body{padding:12px 16px 24px;min-width:0}
.dk-head{display:grid;gap:8px}
.dk-h1{margin:0;font:700 18px/1.35 var(--f-ui);word-break:break-word}
.dk-watch{display:grid;gap:6px}
.dk-watch-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:360px}
.dk-need{margin:0}
.dk-dl{margin:0}
.dk-frow2{grid-template-columns:minmax(0,38%) minmax(0,1fr)}
.dk-frow2 dd{margin:0;word-break:break-word;white-space:pre-line}
.dk-prop+.dk-prop,.sec .box+.box{margin-top:8px}
.dk-sub-h{margin:10px 0 4px;font:600 13px/1.3 var(--f-ui);color:var(--ink-2)}
.dk-files{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:4px}
.dk-files a{display:flex;gap:8px;align-items:center;min-height:44px;font-size:14px;word-break:break-word}
.dk-files .ic{flex:none}
.dk-files li{display:flex;align-items:center;gap:4px;min-width:0}
.dk-files li>a:first-child{flex:1;min-width:0}
.dk-fsize{color:var(--ink-3);font-size:12px;white-space:nowrap}
.dk-dl-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--ink-2)}
.dk-dl-btn:hover{background:var(--sheet-2)}
.dk-lots{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dk-lot-t{margin:6px 0 2px;font-weight:600;font-size:14px;line-height:1.4;word-break:break-word}
.dk-stt{display:inline-block;min-width:22px;color:var(--ink-3);font-weight:500}
.dk-desc{margin:4px 0 8px;font-size:13px;color:var(--ink-2);white-space:pre-line;word-break:break-word}
.dk-src-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;text-decoration:none;color:var(--ink)}

.dk-sub{display:grid;gap:10px}
.dk-sub label[for]{font-weight:600;font-size:14px}
.dk-sub input[type=email]{min-height:48px;border:1px solid var(--rule);border-radius:10px;background:var(--sheet);padding:0 14px;font-size:16px}
.dk-freq{border:0;margin:0;padding:0;display:grid;gap:4px}
.dk-freq legend{font-weight:600;font-size:14px;margin-bottom:4px}
.dk-freq label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}
.dk-freq input{width:18px;height:18px;accent-color:var(--accent);margin:0}
.dk-err{margin:0;color:var(--seal,#b91c1c);font-size:13.5px}
.dk-done{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5}
.dk-done .ic{flex:none;color:var(--accent)}

@media (min-width:760px){
  .dk-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,240px))}
  .dk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-h1{font-size:21px}
  .dk-frow2{grid-template-columns:minmax(0,30%) minmax(0,1fr)}
}

/* Nội dung đọc từ văn bản */
.dk-pg{display:inline-flex;align-items:center;gap:2px;min-height:32px;padding:0 6px;margin-left:2px;border-radius:8px;font-size:12px;color:var(--ink-3);text-decoration:none;vertical-align:middle}
.dk-pg .ic{width:14px;height:14px}
.dk-pg:hover{background:var(--sheet-2);color:var(--accent)}
.dk-rtable{padding:6px 0 4px;border-top:1px solid var(--rule-2)}
.dk-trows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dk-trows li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.45;min-width:0;word-break:break-word}
.dk-trows li>div{min-width:0}
.dk-trows p{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:2px 12px;color:var(--ink-3);font-size:12.5px}
.dk-trows p b{color:var(--ink);font-weight:600}

/* Danh sách dạng bảng (01/11): bảng ở ≥760px, dòng gọn ở điện thoại. */
.dk-list{padding:10px 0 0;min-width:0}
.dk-list>.empty{margin:16px}
.dk-list>.dk-sk-card{margin:0 16px 8px;height:64px}
.dk-table{display:none;max-height:none;margin:0 16px 8px}
.dk-table .grid td.title{min-width:220px;max-width:440px}
.dk-table .grid td.title small{white-space:normal}
.dk-table .grid td.clip2{min-width:140px;max-width:240px}
.dk-table .grid th{white-space:normal;min-width:64px}
.dk-table .grid td.n{font-size:14px}
.dk-table .muted{color:var(--ink-3)}
.dk-due{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.dk-due .tag{font-size:11.5px}
.dk-chosen{color:var(--accent);font-weight:600}
.dk-rows{list-style:none;margin:0 16px;padding:0;background:var(--sheet);border:1px solid var(--rule-2);border-radius:var(--r-lg);overflow:hidden}
.dk-rows li+li{border-top:1px solid var(--rule-2)}
.dk-row{display:grid;gap:4px;padding:11px 14px;text-decoration:none;color:var(--ink);min-width:0}
.dk-row:active,.dk-row:hover{background:var(--sheet-2)}
.dk-row-t{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.dk-row-m{font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-row-n{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12.5px;color:var(--ink-3)}
.dk-row-n b{color:var(--ink);font-size:13.5px}
.dk-row .dk-card-r{font-size:12.5px}
/* Nút lọc kết quả: chữ một dòng, đủ rộng (Kiên 01/11: "các nút lọc bị co lại, chữ bị bóp"). */
.dk-seg{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}
.dk-seg::-webkit-scrollbar{display:none}
.dk-seg .qchip{flex:none;white-space:nowrap;min-height:44px;padding:0 16px}
@media (min-width:760px){
  .dk-table{display:block}
  .dk-rows{display:none}
  .dk-seg .qchip{min-height:40px}
}
.dk-cards{max-width:none}
@media (min-width:1024px){.dk-filters,.dk-actions,.dk-body{padding-left:24px;padding-right:24px}.dk-table,.dk-list>.dk-sk-card{margin-left:24px;margin-right:24px}.dk-list>.empty{margin:16px 24px}}
.dk-row-m{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}