/* ttr-dinh-muc-chi – theo kiểu form dây viền (ttr-dinh-muc-vien) */
.ttr-dmc{margin:1.5em 0;font-size:15px;max-width:100%}
.ttr-dmc [hidden]{display:none!important}
.ttr-dmc *,.ttr-dmc *::before,.ttr-dmc *::after{box-sizing:border-box}
.ttr-dmc-info,.ttr-dmc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px 16px;margin-bottom:14px}
.ttr-dmc-info{padding-bottom:14px;border-bottom:1px solid rgba(128,128,128,.45)}
.ttr-dmc label{display:flex;flex-direction:column;gap:4px;font-weight:600;margin:0}
.ttr-dmc input,.ttr-dmc select,.ttr-dmc textarea{font-weight:400;padding:7px 9px;border:1px solid #c9ccd1;border-radius:6px;width:100%;font-size:15px;background:#fff;color:#1d1d1f;margin:0;height:auto;box-shadow:none}
.ttr-dmc input:disabled,.ttr-dmc select:disabled{background:#eef0f2;color:#8a8f96}
.ttr-dmc-h{font-size:16px;margin:20px 0 6px;color:inherit}

/* bảng nhập */
.ttr-dmc-cuon{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.ttr-dmc-bang{width:100%;border-collapse:collapse;margin:4px 0;border:0}
.ttr-dmc-bang th{text-align:left;font-size:13px;color:inherit;opacity:.75;padding:4px;font-weight:600;white-space:nowrap;border:0;background:none}
.ttr-dmc-bang td{padding:3px;border:0;vertical-align:middle;background:none}
.ttr-dmc-cd{min-width:900px}
.ttr-dmc-cd .cd-ten{min-width:150px}
.ttr-dmc-cd .cd-tb{min-width:175px}
.ttr-dmc-cd .cd-L,.ttr-dmc-cd .cd-n{width:82px}
.ttr-dmc-cd .cd-kim,.ttr-dmc-cd .cd-duoi{width:88px}
.ttr-dmc-cd .cd-kk,.ttr-dmc-cd .cd-kd{width:78px}
.ttr-dmc-mau{max-width:480px}
.ttr-dmc-mc{max-width:560px}
.ttr-dmc .cd-nut{white-space:nowrap;width:1%}
.ttr-dmc button{cursor:pointer;border-radius:6px;font-size:15px;line-height:1.2;text-transform:none;letter-spacing:normal}
.ttr-dmc .cd-xoa,.ttr-dmc .m-xoa,.ttr-dmc .cd-rs{border:1px solid #c9ccd1;background:#fff;color:#1d1d1f;width:32px;height:32px;padding:0;margin:0 0 0 3px;font-size:17px}
.ttr-dmc-hang{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:6px 0 4px}
.ttr-dmc-them{border:1px dashed currentColor;background:transparent;color:inherit;padding:8px 12px}
.ttr-dmc-tinh{background:#1f6feb;color:#fff;border:0;padding:10px 22px;font-weight:600}
.ttr-dmc button:disabled{opacity:.5;cursor:default}
.ttr-dmc-ts{margin:16px 0 6px;min-height:65px}
.ttr-dmc-loi{margin-top:12px;padding:10px 12px;border-radius:6px;background:#fdecea;color:#8a1c12}
.ttr-dmc-mc-trong{font-size:13.5px;opacity:.75;margin:2px 0}
.ttr-dmc .mc-ma{font-weight:600;white-space:nowrap}

/* tô màu: đỏ = chưa có thiết bị; vàng = đoán gần đúng / thiếu số / hệ số gõ đè */
.ttr-dmc .is-do{background:#fde2df;border-color:#d93025}
.ttr-dmc .is-vang,.ttr-dmc .is-ov{background:#fff4c2;border-color:#d9a400}

/* tab công đoạn */
.ttr-dmc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px;border-bottom:1px solid rgba(128,128,128,.45)}
.ttr-dmc .ttr-dmc-tab{border:1px solid transparent;border-bottom:0;background:transparent;color:inherit;padding:8px 14px;border-radius:6px 6px 0 0;margin:0 0 -1px}
.ttr-dmc .ttr-dmc-tab.is-on{border-color:rgba(128,128,128,.45);background:#fff;color:#1d1d1f;font-weight:600}
.ttr-dmc-qt{font-family:inherit;min-height:210px;resize:vertical;line-height:1.5}
.ttr-dmc-vd{color:inherit;text-decoration:underline;font-size:14px}
.ttr-dmc .ttr-dmc-doc{background:#1f6feb;color:#fff;border:0;padding:9px 18px;font-weight:600;margin-left:auto}
.ttr-dmc-goiy{font-size:13.5px;opacity:.85;margin:8px 0 0 1.2em;padding:0;line-height:1.5}
.ttr-dmc-goiy li{margin:2px 0}
.ttr-dmc-tomtat{margin:8px 0;padding:8px 12px;border-radius:6px;background:rgba(128,128,128,.12);font-size:14px}
.ttr-dmc-tomtat p{margin:2px 0}
.ttr-dmc-tomtat .tt-dong{font-weight:600}
.ttr-dmc-tomtat .tt-canh{color:#b3261e}
.ttr-dmc-tomtat .tt-loi{margin:2px 0 0 1.2em;padding:0;font-size:13px;word-break:break-word}
.ttr-dmc-dlg{margin:10px 0;padding:12px 14px;border:2px solid #1f6feb;border-radius:8px;background:#fff;color:#1d1d1f}
.ttr-dmc-dlg p{margin:0 0 6px;font-weight:600}
.ttr-dmc .ttr-dmc-dlg button{border:1px solid #c9ccd1;background:#fff;color:#1d1d1f;padding:7px 14px}
.ttr-dmc .ttr-dmc-dlg button[data-chon="thay"]{background:#1f6feb;color:#fff;border-color:#1f6feb}

/* kết quả */
.ttr-dmc-kq{margin-top:14px;padding:14px 16px;border-radius:8px;background:#eef6ee;color:#14361a}
.ttr-dmc-kq .kq-tt{margin:0 0 6px;font-size:14px}
.ttr-dmc-kq .kq-so{display:flex;gap:6px 28px;flex-wrap:wrap;font-size:17px;margin-bottom:6px}
.ttr-dmc-kq .kq-so b{font-size:22px}
.ttr-dmc-kq h5{font-size:15px;margin:14px 0 4px;color:inherit}
.ttr-dmc-kq table{width:100%;border-collapse:collapse;background:#fff;color:#1d1d1f;font-size:14px;margin:0}
.ttr-dmc-kq th,.ttr-dmc-kq td{border:1px solid #cfd8cf;padding:5px 7px;text-align:left;white-space:nowrap}
.ttr-dmc-kq th{background:#f3f7f3;font-weight:600}
.ttr-dmc-kq .n{text-align:right}
.ttr-dmc-kq .b{font-weight:700}
.ttr-dmc-kq .thieu{color:#b3261e;font-weight:700}
.ttr-dmc-kq .kq-gc{margin:10px 0 0 1.2em;padding:0;font-size:13.5px;color:#8a1c12}
.ttr-dmc .ttr-dmc-in-btn{margin-top:12px;background:#fff;color:#14361a;border:1px solid #14361a;padding:8px 16px;font-weight:600}
.ttr-dmc-bao-tri{margin:1.5em 0;padding:12px 14px;border-radius:6px;background:rgba(128,128,128,.12)}

@media (max-width:600px){
	.ttr-dmc input,.ttr-dmc select,.ttr-dmc textarea{font-size:16px}
	.ttr-dmc .ttr-dmc-doc{margin-left:0}
	.ttr-dmc-kq{padding:12px 10px}
}

/* ---------- nút Phóng to / chế độ chỉ hiện bộ tính ---------- */
.ttr-dmc-thanh{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.ttr-dmc-thanh .ttr-dmc-ten{display:none;font-size:20px;font-weight:700}
.ttr-dmc .ttr-dmc-full-btn{margin-left:auto;border:1px solid #1f6feb;background:#fff;color:#1f6feb;padding:7px 14px;font-weight:600}
html.ttr-dmc-mo,html.ttr-dmc-mo body{background:#fff!important;margin:0!important;padding:0!important}
html.ttr-dmc-mo{margin-top:0!important}
.ttr-dmc-an:not(#ttr-dmc-in){display:none!important}
.ttr-dmc-duong{display:block!important;max-width:none!important;width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;
	float:none!important;position:static!important;transform:none!important;filter:none!important;overflow:visible!important;contain:none!important;border:0!important;box-shadow:none!important;background:transparent!important;columns:auto!important}
.ttr-dmc.is-full{max-width:1280px;margin:0 auto!important;padding:14px 20px 48px;background:#fff;color:#1d1d1f;min-height:100vh}
.ttr-dmc.is-full .ttr-dmc-thanh{position:sticky;top:0;z-index:5;background:#fff;padding:8px 0;border-bottom:1px solid #e3e6ea}
.ttr-dmc.is-full .ttr-dmc-ten{display:block}
.ttr-dmc.is-full input,.ttr-dmc.is-full select,.ttr-dmc.is-full textarea,.ttr-dmc.is-full button{scroll-margin-top:72px}

/* 1.1.1: theme tối/sáng ép màu tiêu đề (h4, h5, th…) → đặt màu rõ cho vùng nền sáng */
#ttr-dmc .ttr-dmc-kq,#ttr-dmc .ttr-dmc-kq h5,#ttr-dmc .ttr-dmc-kq p,#ttr-dmc .ttr-dmc-kq .kq-so{color:#14361a!important}
#ttr-dmc .ttr-dmc-kq table th,#ttr-dmc .ttr-dmc-kq table td{color:#1d1d1f!important}
#ttr-dmc .ttr-dmc-kq .kq-gc li{color:#8a1c12!important}
#ttr-dmc .ttr-dmc-kq .thieu{color:#b3261e!important}
#ttr-dmc.is-full,#ttr-dmc.is-full .ttr-dmc-h,#ttr-dmc.is-full .ttr-dmc-ten,#ttr-dmc.is-full label,#ttr-dmc.is-full .ttr-dmc-bang th,
#ttr-dmc.is-full .ttr-dmc-tab,#ttr-dmc.is-full .ttr-dmc-goiy,#ttr-dmc.is-full .ttr-dmc-vd,#ttr-dmc.is-full .ttr-dmc-mc-trong,
#ttr-dmc.is-full .ttr-dmc-them,#ttr-dmc.is-full .mc-ma,#ttr-dmc.is-full .ttr-dmc-tomtat{color:#1d1d1f!important}
#ttr-dmc.is-full .ttr-dmc-tomtat .tt-canh{color:#b3261e!important}

/* ---------- nút xuất file ---------- */
.ttr-dmc-xuat{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:12px}
.ttr-dmc .ttr-dmc-xuat button{background:#fff;color:#14361a;border:1px solid #14361a;padding:8px 14px;font-weight:600;margin:0}
.ttr-dmc .ttr-dmc-xuat .ttr-dmc-in-btn{margin:0}

/* ---------- báo cáo (dùng chung cho In, PDF, ảnh) ---------- */
.ttr-dmc-bc{font:10.5pt/1.4 Arial,Helvetica,sans-serif;color:#000;background:#fff;text-align:left}
.ttr-dmc-bc h1,.ttr-dmc-bc h2{font-family:inherit;color:#000;letter-spacing:normal;text-transform:none}
.ttr-dmc-bc h1{font-size:16pt;margin:0 0 2pt}
.ttr-dmc-bc h2{font-size:11.5pt;margin:12pt 0 4pt}
.ttr-dmc-bc .in-phu{margin:0 0 8pt;color:#444;font-size:9.5pt}
.ttr-dmc-bc table{border-collapse:collapse;width:100%;page-break-inside:auto;margin:0;background:#fff;color:#000}
.ttr-dmc-bc tr{page-break-inside:avoid}
.ttr-dmc-bc th,.ttr-dmc-bc td{border:1px solid #999;padding:3pt 5pt;text-align:left;vertical-align:top;font-size:9pt;background:#fff;color:#000}
.ttr-dmc-bc thead th{background:#f2f2f2}
.ttr-dmc-bc .in-tt th{width:28%;background:#f2f2f2}
.ttr-dmc-bc .n{text-align:right}
.ttr-dmc-bc .b{font-weight:700}
.ttr-dmc-bc .thieu{font-weight:700;color:#b3261e}
.ttr-dmc-bc .in-kq{margin-top:10pt;padding:6pt 10pt;border:2px solid #000;display:flex;gap:24pt;font-size:11.5pt}
.ttr-dmc-bc .in-kq b{font-size:13pt}
.ttr-dmc-bc .in-gc{margin:5pt 0 0;font-style:italic}
.ttr-dmc-bc .in-chu{margin-top:12pt;font-size:8.5pt;color:#444}
/* khung tạm khi tạo PDF/ảnh: nằm ngoài màn hình */
.ttr-dmc-xuat-khung{position:fixed;left:-20000px;top:0;width:794px;padding:30px 32px;background:#fff;z-index:-1}

/* in: #ttr-dmc-in là con trực tiếp của body, chỉ hiện khi in */
#ttr-dmc-in{display:none}
@media print{
	@page{size:A4;margin:12mm}
	html,body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important}
	body>*:not(#ttr-dmc-in){display:none!important}
	#ttr-dmc-in{display:block!important}
}