/* TCTT UI — own namespace. Visual language adapted from PBPL Vĩnh Phú, no PBPL mutations. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body.tctt-site{margin:0;background:#fff;color:#173553;font:14px/1.55 Arial,'Segoe UI',sans-serif}body.tctt-site a{text-decoration:none;color:inherit}body.tctt-site button,body.tctt-site input,body.tctt-site select,body.tctt-site textarea{font:inherit}body.tctt-site button{cursor:pointer}body.tctt-site .shell{max-width:1250px;padding:0 20px;margin:0 auto}.topline{height:5px;background:#303648}.header{background:#fff}.header-in{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:16px}.identity img{height:69px;width:69px;object-fit:contain}.identity span{display:flex;flex-direction:column}.identity small{color:#2b4665;font-size:11px;font-weight:800}.identity strong{font-size:29px;line-height:1.2;color:#cf1225}.identity em{font-size:12px;font-style:normal;font-weight:700;color:#1e4d7b}.head-aside{font-size:11px;color:#2c648e;font-weight:800;text-align:right}.navbar{border-top:1px solid #e6edf3;border-bottom:2px solid #e31c2b}.navlinks{display:flex;gap:2px;overflow-x:auto;scrollbar-width:thin}.navlinks a{display:flex;align-items:center;height:45px;padding:0 14px;font-size:11px;font-weight:800;white-space:nowrap}.navlinks a:hover{color:#d41728;background:#fff8f8}.announcement{display:flex;align-items:center;gap:16px;background:#f3f7fb;border:1px solid #e4ebf1;border-radius:5px;padding:11px 17px;margin-top:14px;font-size:12px}.announcement strong{color:#d2182b;white-space:nowrap}.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:14px}.hero-main{border-radius:7px;background:linear-gradient(114deg,#eaf4fb,#fff0f1);padding:37px 35px 32px;min-height:273px}.eyebrow{color:#ba1728;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.hero-main h1{font-size:clamp(25px,2.9vw,38px);line-height:1.2;color:#cb1125;margin:13px 0}.hero-main p{font-size:13px;color:#415c75;max-width:570px}.primary-btn{display:inline-block;background:#d80f24;color:#fff!important;border:0;border-radius:6px;padding:10px 18px;font-size:13px;font-weight:800;margin-top:13px;cursor:pointer}.contact{border:1px solid #e2e9f0;background:#fff;border-radius:6px;padding:20px;box-shadow:0 2px 15px #002b4a07}.contact h2{font-size:15px;margin:0 0 16px;color:#173b5c;border-bottom:2px solid #e9eef4;padding-bottom:9px}.contact p{font-size:12px;margin:7px 0;color:#425a71}.contact a{color:#005f9f!important;overflow-wrap:anywhere}.contact small{display:block;color:#7d8fa1;margin-top:10px}.section{padding:28px 0 5px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.section-head h2,.section-head h1{border-left:4px solid #d80c20;padding-left:10px;color:#183c5e;font-size:18px;line-height:1.35;margin:0}.section-head small{color:#698196;font-size:11px}.categories{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.chip{border-radius:20px;background:#f1f4f8;padding:8px 13px;font-size:11px;white-space:nowrap;color:#425b73!important}.chip.active,.chip:hover{background:#ce1425;color:#fff!important}.filters{display:flex;gap:9px;align-items:center;margin:12px 0 17px;flex-wrap:wrap}.filters input,.filters select{border:1px solid #d4e0e9;background:#fff;border-radius:5px;height:37px;padding:0 12px;min-width:230px}.filters input{flex:1}.filters button,.review-panel button{border:none;border-radius:5px;background:#d3182b;color:#fff;padding:9px 16px;font-weight:700}.filters a{color:#5d7488!important;font-size:12px}.doc-list{border:1px solid #e2eaf1;border-radius:6px;overflow:hidden}.doc-columns,.doc-row{display:grid;grid-template-columns:160px minmax(0,1fr) 138px 124px;gap:18px;align-items:center}.doc-columns{background:#f1f6fa;color:#3c546a;font-size:10px;font-weight:800;padding:12px 16px}.doc-row{border-top:1px solid #e5ebf1;padding:13px 16px;min-height:77px}.doc-num{font-size:12px;font-weight:800;color:#af1426}.doc-info{min-width:0}.doc-info a{font-size:13px;font-weight:800;color:#1a415f}.doc-info a:hover{color:#ce1528;text-decoration:underline}.doc-info small{display:block;margin-top:5px;font-size:11px;color:#75899a}.doc-date,.state{font-size:12px;color:#677e90}.detail-link{color:#c71d2f!important;font-weight:800;font-size:12px}.empty{text-align:center;padding:44px 24px;color:#637b8b;background:#fafcfe}.empty p{margin:8px 0 0}.pagination{display:flex;gap:20px;justify-content:center;align-items:center;padding:21px;color:#5e7387;font-size:12px}.pagination a{color:#c81728!important}.steps,.resources{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.steps>div,.resources>div{border:1px solid #e5ebf2;background:#fff;border-radius:6px;padding:20px}.steps b{display:block;font-size:26px;color:#d41b2f}.steps strong,.resources strong{font-size:14px;color:#213f60}.steps p,.resources p{font-size:12px;color:#63788d}.resources{grid-template-columns:repeat(2,1fr)}footer{margin-top:35px;padding:24px 0;border-top:1px solid #e2e9ef;background:#fafbfc}.footer-in{display:flex;justify-content:space-between;gap:20px;color:#4e667e;font-size:12px}.footer-in strong{color:#d51629}.detail{padding-top:28px!important}.back{color:#c81b2a!important;font-size:12px;font-weight:800}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:23px;margin-top:24px}.detail h1{font-size:26px;color:#1c3c5c;line-height:1.35}.facts{display:grid;grid-template-columns:155px 1fr;border-top:1px solid #e6edf3;padding-top:14px;gap:11px 15px}.facts dt{color:#698096;font-size:12px}.facts dd{margin:0;font-weight:700;color:#28435d}.pdf-frame{border:1px solid #d8e2eb;display:block;width:100%;min-height:670px;margin:25px 0 5px}.detail-side{padding:20px;background:#f6f9fc;border:1px solid #e7edf2;border-radius:6px;align-self:start}.detail-side h2{font-size:15px}.detail-side p{font-size:12px}.admin-main{padding-top:26px!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0 20px}.stats>div{border:1px solid #e2ebf3;border-radius:6px;padding:16px}.stats strong{font-size:26px;color:#c81728;display:block}.stats small{color:#667d91}.help{font-size:11px;color:#698399}.edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin:18px 0}.form-panel,.review-panel{padding:22px;border-radius:7px;border:1px solid #e2e9f0;background:#fff}.edit-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px;color:#375673;font-weight:700}.edit-form textarea,.edit-form input,.edit-form select{width:100%;border:1px solid #cfdce7;border-radius:5px;padding:10px;color:#1c405d;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.form-actions{display:flex;gap:15px;align-items:center}.form-actions .primary-btn{margin:0}.form-actions a{color:#5c7083!important}.review-panel{align-self:start;background:#f9fbfe}.review-panel h2{color:#20435f;font-size:15px}.review-panel form{margin:18px 0}.review-panel .check{font-size:12px;line-height:1.5;display:flex;align-items:flex-start;gap:8px;margin:11px 0}.review-panel .danger{background:#a22525}.review-box{border-top:1px solid #dae4ee;margin-top:20px}.review-box p{font-size:12px;color:#637c92}
@media(max-width:900px){.hero{grid-template-columns:1.25fr 1fr}.head-aside{display:none}.doc-columns,.doc-row{grid-template-columns:130px minmax(0,1fr) 105px}.doc-columns span:last-child,.doc-row>div:last-child{display:none}.steps{grid-template-columns:1fr 1fr}.detail-layout,.edit-layout{grid-template-columns:1fr}}
@media(max-width:650px){body.tctt-site .shell{padding:0 14px}.identity img{width:51px;height:51px}.identity strong{font-size:18px}.identity small{font-size:9px}.identity em{font-size:10px}.header-in{min-height:83px}.navlinks a{height:40px;font-size:10px;padding:0 10px}.announcement{display:block}.announcement strong{display:block}.hero{display:block}.hero-main{padding:26px 20px;min-height:220px}.hero-main h1{font-size:26px}.contact{margin-top:12px}.section-head{display:block}.section-head small{display:block;margin-top:7px}.doc-columns{display:none}.doc-row{grid-template-columns:1fr;gap:5px}.doc-row>div:last-child{display:block}.doc-num,.doc-date{font-size:11px}.steps,.resources,.stats,.form-grid{grid-template-columns:1fr}.filters input{min-width:0;width:100%}.filters select{min-width:0;flex:1}.footer-in{display:block}.detail h1{font-size:21px}.pdf-frame{min-height:480px}.facts{grid-template-columns:105px 1fr}.review-panel{padding:16px}}

/* Explicit Develop-only banner: do not copy to Production without removing. */
body.tctt-site::before{content:"BẢN DEVELOP • DỮ LIỆU THỬ NGHIỆM • KHÔNG PHẢI WEBSITE CHÍNH THỨC";display:block;position:sticky;top:0;z-index:9999;background:#a72525;color:white;text-align:center;padding:9px 14px;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.5px;box-shadow:0 2px 6px #0002}

/* Develop only: banner for public and admin pages. */
body.tctt-site::before{content:'MÔI TRƯỜNG DEVELOP – CHỈ DÙNG KIỂM THỬ – KHÔNG PHẢI TRANG CHÍNH THỨC';display:block;position:sticky;top:0;z-index:9999;background:#a72525;color:white;text-align:center;padding:9px 14px;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.5px;box-shadow:0 2px 6px #0002}

/* TCTT TYPOGRAPHY – Times New Roman, 2026-11-03; isolated Develop only. */
body.tctt-site {
  font-family: "Times New Roman", "Liberation Serif", "Noto Serif", serif;
  font-size: 15px;
  line-height: 1.55;
}
body.tctt-site button,
body.tctt-site input,
body.tctt-site select,
body.tctt-site textarea {
  font-family: "Times New Roman", "Liberation Serif", "Noto Serif", serif;
}
body.tctt-site::before {
  font-family: "Times New Roman", "Liberation Serif", "Noto Serif", serif;
}
body.tctt-site .identity strong { font-size: 29px; }
body.tctt-site .navlinks a { font-size: 13px; }
body.tctt-site .announcement { font-size: 14px; }
body.tctt-site .doc-info a { font-size: 15px; }
body.tctt-site .doc-info small,
body.tctt-site .contact p,
body.tctt-site .detail-side p,
body.tctt-site .steps p,
body.tctt-site .resources p { font-size: 14px; }
body.tctt-site .chip,
body.tctt-site .doc-num,
body.tctt-site .doc-date,
body.tctt-site .state,
body.tctt-site .detail-link { font-size: 13px; }
@media(max-width:650px) {
  body.tctt-site .identity strong { font-size: 20px; }
  body.tctt-site .navlinks a { font-size: 12px; }
}