/* /dem-ky-tu/ — phần riêng (khung chung: /dora-assets/tools/kit.css) */
.dk-ta{width:100%;min-height:220px;padding:12px;border:1px solid var(--t-line-d);border-radius:var(--t-r-s);font:16px/1.55 var(--t-font);color:var(--t-ink);background:#fff;resize:vertical;display:block}
.dk-ta:focus{border-color:var(--t-main);outline:0;box-shadow:0 0 0 3px rgba(0,102,255,.15)}
.dk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.dk-stats div{background:var(--t-main-ll);border:1px solid #d6e5ff;border-radius:12px;padding:8px 10px;min-height:64px}
.dk-stats b{display:block;font-size:22px;line-height:1.2;color:var(--t-main);font-variant-numeric:tabular-nums}
.dk-stats span{font-size:13px;color:var(--t-mute)}
.dk-stats .big b{font-size:26px}
.dk-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;margin-top:6px}
.dk-cols h2{font-size:16px;margin:4px 0 8px}
.dk-lims{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dk-lims li{font-size:14px}
.dk-lims .row{display:flex;justify-content:space-between;gap:8px}
.dk-lims .n{color:var(--t-mute);font-variant-numeric:tabular-nums;white-space:nowrap}
.dk-lims em{font-style:normal;font-size:12px;color:var(--t-mute);background:#eef2f7;border-radius:999px;padding:1px 7px;margin-left:4px}
.dk-bar{height:6px;border-radius:999px;background:#e9eef6;overflow:hidden;margin-top:3px}
.dk-bar i{display:block;height:100%;width:0;background:var(--t-ok);border-radius:inherit;transition:width .15s}
.dk-lims li.near .dk-bar i{background:var(--t-warn)}
.dk-lims li.over .dk-bar i{background:var(--t-bad)}
.dk-lims li.over .n{color:var(--t-bad);font-weight:700}
.dk-sms{font-size:14px;background:var(--t-main-ll);border-radius:10px;padding:8px 10px;margin-top:10px}
.dk-sms.over{background:var(--t-warn-l)}
.dk-top{list-style:none;margin:0;padding:0;counter-reset:dk}
.dk-top li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dashed var(--t-line);font-size:15px;counter-increment:dk}
.dk-top li::before{content:counter(dk) ".";color:var(--t-mute);width:24px;flex:0 0 24px}
.dk-top li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-top li.e{color:var(--t-mute);border:0}
.dk-top li.e::before{content:none}
@media (max-width:640px){
  .dk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-cols{grid-template-columns:minmax(0,1fr)}
  .dk-ta{min-height:180px}
}