:root{--tk2-bg:#eef2f9;--tk2-card:#fff;--tk2-line:#dde3ee;--tk2-text:#0f172a;--tk2-muted:#64748b;--tk2-brand:#2563eb;--tk2-brand-d:#1e40af;--tk2-ok:#16a34a;--tk2-ok-d:#15803d;--tk2-danger:#dc2626;--tk2-danger-d:#b91c1c;--tk2-warn:#f59e0b;--tk2-purple:#7c3aed}

.tk2-page{max-width:1120px;margin:26px auto;padding:0 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--tk2-text)}
.tk2-page h3{margin:0 0 14px;font-size:15px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:8px}
.tk2-page h3::before{content:"";width:4px;height:16px;border-radius:3px;background:linear-gradient(180deg,var(--tk2-brand),var(--tk2-purple))}
.tk2-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:start}
@media (max-width:920px){.tk2-grid{grid-template-columns:1fr}}

.tk2-card{background:var(--tk2-card);border:1px solid var(--tk2-line);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 28px rgba(16,24,40,.07);margin-bottom:16px}
.tk2-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tk2-title h2,.tk2-title h3{margin:0;font-size:20px;font-weight:800;text-transform:none;letter-spacing:0}
.tk2-title h3::before{display:none}
.tk2-badge{display:inline-flex;gap:10px;align-items:center;font-size:12px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;color:#475569;font-weight:600}
.tk2-badge strong{color:#1e3a8a}
.tk2-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.tk2-muted{color:var(--tk2-muted);font-size:13px;line-height:1.6}

.tk2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--tk2-brand);color:#fff!important;border:0;border-bottom:3px solid var(--tk2-brand-d);border-radius:10px;padding:11px 18px;text-decoration:none;cursor:pointer;font-weight:700;font-size:14px;line-height:1.2;transition:.12s ease;box-shadow:0 2px 6px rgba(37,99,235,.28)}
.tk2-btn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 6px 14px rgba(37,99,235,.32)}
.tk2-btn:active{transform:translateY(1px);border-bottom-width:1px}
.tk2-btn.secondary{background:#fff;color:#334155!important;border:1px solid var(--tk2-line);border-bottom:3px solid #cbd5e1;box-shadow:none}
.tk2-btn.secondary:hover{background:#f8fafc}
.tk2-btn.success{background:var(--tk2-ok);border-bottom-color:var(--tk2-ok-d);box-shadow:0 2px 6px rgba(22,163,74,.3)}
.tk2-btn.success:hover{box-shadow:0 6px 14px rgba(22,163,74,.35)}
.tk2-btn.danger{background:var(--tk2-danger);border-bottom-color:var(--tk2-danger-d);box-shadow:0 2px 6px rgba(220,38,38,.3)}
.tk2-btn.danger:hover{box-shadow:0 6px 14px rgba(220,38,38,.35)}
.tk2-btn.warn{background:var(--tk2-warn);color:#3f2a00!important;border-bottom-color:#b45309;box-shadow:0 2px 6px rgba(245,158,11,.32)}
.tk2-btn.big{padding:16px 28px;font-size:16px;font-weight:800;border-radius:12px;flex:1;min-width:180px;letter-spacing:.02em}

.tk2-field label{display:block;margin:14px 0 6px;font-weight:700;font-size:13px;color:#334155}
.tk2-field input,.tk2-field textarea,.tk2-field select{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:10px;border:1.5px solid var(--tk2-line);background:#fbfcfe;color:var(--tk2-text);font-size:14px;font-family:inherit;transition:.15s}
.tk2-field input:focus,.tk2-field textarea:focus,.tk2-field select:focus{outline:none;border-color:var(--tk2-brand);background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.13)}

.tk2-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--tk2-line);border-radius:12px;font-size:14px;background:#fff}
.tk2-table th,.tk2-table td{padding:13px 15px;border-bottom:1px solid #eef2f7;vertical-align:middle;text-align:left}
.tk2-table th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#fff;background:linear-gradient(135deg,#334155,#1e293b);font-weight:750}
.tk2-table tr:last-child td{border-bottom:none}
.tk2-table tbody tr:nth-child(even){background:#fafbfd}
.tk2-table tbody tr:hover{background:#eff6ff}
.tk2-kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 8px;border-radius:6px;font-size:12px;color:#334155}

.tk2-slots{display:flex;gap:12px;flex-wrap:wrap}
.tk2-slot{width:180px;border-radius:14px;border:2px solid var(--tk2-line);padding:15px;background:#fbfcfe;text-align:center;transition:.15s}
.tk2-slot:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,24,40,.08)}
.tk2-slot .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--tk2-muted);font-weight:800}
.tk2-slot .state{margin-top:8px;font-weight:850;font-size:13px;letter-spacing:.03em}
.tk2-slot .name{margin-top:6px;font-weight:750;font-size:14px;color:#0f172a}
.tk2-slot .meta{margin-top:6px;color:var(--tk2-muted);font-size:11px;line-height:1.5}
.tk2-slot.approved{border-color:#4ade80;background:linear-gradient(180deg,#f0fdf4,#fff)}
.tk2-slot.approved .state{color:#15803d}
.tk2-slot.rejected{border-color:#f87171;background:linear-gradient(180deg,#fef2f2,#fff)}
.tk2-slot.rejected .state{color:#b91c1c}
.tk2-slot.pending{border-color:#93c5fd;background:linear-gradient(180deg,#eff6ff,#fff)}
.tk2-slot.pending .state{color:#1d4ed8}
.tk2-icon{width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;margin:0 auto}
.tk2-icon.ok{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff}
.tk2-icon.no{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}
.tk2-icon.wait{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff}

.tk2-toast{padding:14px 16px;border-radius:12px;border:1.5px solid var(--tk2-line);background:#f8fafc;font-size:14px;line-height:1.6}
.tk2-toast.ok{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);color:#14532d}
.tk2-toast.no{border-color:#fca5a5;background:linear-gradient(135deg,#fef2f2,#fff1f2);color:#7f1d1d}

.tk2-flash{padding:18px 22px;border-radius:14px;margin-bottom:18px;font-size:15px;line-height:1.6;color:#fff;box-shadow:0 10px 24px rgba(16,24,40,.16);animation:tk2pop .35s ease}
.tk2-flash.ok{background:linear-gradient(135deg,#22c55e,#0d9488)}
.tk2-flash.no{background:linear-gradient(135deg,#f97316,#dc2626)}
.tk2-flash b{font-size:17px}
@keyframes tk2pop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.tk2-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:18px 22px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.28)}
.tk2-cta span{font-weight:750;font-size:15px}
.tk2-cta .tk2-btn{background:#fff;color:#1e40af!important;border-bottom-color:#c7d2fe}

.tk2-signbox{border:2px solid #86efac;background:linear-gradient(180deg,#f0fdf4,#fff)}
.tk2-turn{padding:15px 18px;border-radius:12px;background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1.5px solid #4ade80;color:#14532d;font-weight:800;font-size:15px}

.tk2-page ul{list-style:none;padding:0;margin:0}
.tk2-page ul li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f7;font-size:14px;flex-wrap:wrap}
.tk2-page ul li:last-child{border-bottom:none}

body{background:var(--tk2-bg)}

/* ===== meta ngay gio trinh ky ===== */
.tk2-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:12px;padding-top:12px;border-top:1px dashed #d8def0}
.tk2-meta span{font-size:13px;color:#4a5470;background:#f2f5ff;border:1px solid #dfe6fb;border-radius:999px;padding:5px 12px}
.tk2-meta strong{color:#1b2440}

/* ===== badge trang thai trong bang ===== */
.tk2-st{display:inline-block;font-size:12px;font-weight:750;letter-spacing:.3px;text-transform:uppercase;padding:5px 12px;border-radius:999px;border:1px solid transparent}
.tk2-st-pending{background:#fff5e0;color:#9a6400;border-color:#f5d38a}
.tk2-st-approved{background:#e4f9ec;color:#0f7b32;border-color:#9fe0b8}
.tk2-st-returned{background:#ffe9e9;color:#b3261e;border-color:#f5b3ae}

/* ===================== v2.3.0 - LUONG DUYET ===================== */

/* Bang bao "ho so dang nam o phong nao" */
.tk2-wait{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px;padding:18px 22px;border-radius:14px;border:1.5px solid #cbd5e1;background:linear-gradient(135deg,#f1f5f9,#fff);box-shadow:0 6px 18px rgba(16,24,40,.08)}
.tk2-wait-ico{width:46px;height:46px;flex:0 0 46px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#e2e8f0;color:#334155}
.tk2-wait-t{font-weight:850;font-size:16px;letter-spacing:.01em;color:#0f172a}
.tk2-wait-s{margin-top:4px;font-size:13px;line-height:1.6;color:#475569}
.tk2-wait>div:nth-child(2){flex:1;min-width:220px}

.tk2-wait.me{border-color:#22c55e;border-width:2px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);box-shadow:0 10px 26px rgba(22,163,74,.22)}
.tk2-wait.me .tk2-wait-ico{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;animation:tk2beat 1.6s ease-in-out infinite}
.tk2-wait.me .tk2-wait-t{color:#14532d}

.tk2-wait.ok{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}
.tk2-wait.ok .tk2-wait-ico{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff}

.tk2-wait.no{border-color:#fca5a5;background:linear-gradient(135deg,#fef2f2,#fff)}
.tk2-wait.no .tk2-wait-ico{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}
.tk2-wait.no .tk2-wait-t{color:#7f1d1d}

@keyframes tk2beat{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}

/* Thanh tien do */
.tk2-flow{margin-top:4px}
.tk2-prog-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--tk2-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}
.tk2-prog-head b{font-size:13px;color:#0f172a;text-transform:none;letter-spacing:0}
.tk2-prog{height:8px;border-radius:999px;background:#e8edf6;overflow:hidden;margin-bottom:20px}
.tk2-prog i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .5s ease}

/* Timeline cac buoc */
.tk2-steps{list-style:none;margin:0;padding:0}
.tk2-step{position:relative;display:flex;gap:14px;padding-bottom:14px}
.tk2-step:last-child{padding-bottom:0}

.tk2-rail{position:relative;flex:0 0 42px;display:flex;justify-content:center}
.tk2-rail::before{content:"";position:absolute;top:44px;bottom:-14px;left:50%;transform:translateX(-50%);width:3px;border-radius:3px;background:#e2e8f0}
.tk2-step:last-child .tk2-rail::before{display:none}
.tk2-step.is-done .tk2-rail::before{background:#86efac}

.tk2-dot{position:relative;z-index:1;width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;background:#fff;border:2.5px solid #cbd5e1;color:#94a3b8;flex:0 0 42px}

.tk2-sbody{flex:1;min-width:0;border:1.5px solid var(--tk2-line);border-radius:12px;padding:12px 15px;background:#fff;transition:.18s}
.tk2-sdept{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:var(--tk2-muted)}
.tk2-sdept em{font-style:normal;font-weight:650;text-transform:none;letter-spacing:0;color:#94a3b8}
.tk2-you{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#1e293b;color:#fff;font-size:9px;letter-spacing:.08em}
.tk2-sperson{margin-top:5px;font-weight:750;font-size:15px;color:#0f172a}
.tk2-stitle{font-weight:500;font-size:12px;color:var(--tk2-muted)}
.tk2-sstate{margin-top:6px;font-size:13px;font-weight:800;color:#64748b}
.tk2-smeta{margin-top:5px;font-size:11.5px;color:var(--tk2-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.tk2-snote{margin-top:8px;padding:8px 12px;border-radius:9px;background:#fff7ed;border-left:3px solid #f59e0b;font-size:13px;color:#7c2d12;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}

/* v2.6.3 - O GHI CHU PHAI XUONG DONG DUOC
   Nguoi duyet go ly do tra ho so nhieu dong, hoac go mot cau dai khong dau cach.
   pre-wrap giu lai cac lan xuong dong nguoi dung tu go, dong thoi van tu ngat
   khi cham le. Ap cho ca o trong bang lan khoi ghi chu ngoai bang. */
.tk2-note,
.tk2-table td.tk2-note{
	white-space:pre-wrap !important;
	overflow-wrap:anywhere;
	word-break:break-word;
	text-align:left;
	line-height:1.5;
	min-width:160px;
}
.tk2-table td.tk2-note{font-size:13px;color:#7c2d12}

/* DA KY */
.tk2-step.is-done .tk2-dot{background:linear-gradient(135deg,#22c55e,#15803d);border-color:#15803d;color:#fff}
.tk2-step.is-done .tk2-sbody{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff)}
.tk2-step.is-done .tk2-sstate{color:#15803d}

/* DANG CHO - diem nhan chinh, sang len va nhap nhay */
.tk2-step.is-current .tk2-dot{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#d97706;color:#fff;box-shadow:0 0 0 0 rgba(245,158,11,.65);animation:tk2ring 1.8s ease-out infinite}
.tk2-step.is-current .tk2-sbody{border:2px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff);box-shadow:0 10px 26px rgba(245,158,11,.25);transform:translateY(-1px)}
.tk2-step.is-current .tk2-sdept{color:#b45309}
.tk2-step.is-current .tk2-sperson{font-size:16px}
.tk2-step.is-current .tk2-sstate{color:#b45309;text-transform:uppercase;letter-spacing:.05em;font-size:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fef3c7;border:1px solid #fcd34d}
.tk2-step.is-current .tk2-sstate::before{content:"";width:8px;height:8px;border-radius:999px;background:#f59e0b;animation:tk2blink 1.1s ease-in-out infinite}

@keyframes tk2ring{0%{box-shadow:0 0 0 0 rgba(245,158,11,.6)}70%{box-shadow:0 0 0 14px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
@keyframes tk2blink{0%,100%{opacity:1}50%{opacity:.25}}

/* Dang cho CHINH NGUOI DANG XEM -> doi sang xanh la, manh hon */
.tk2-step.is-current.is-me .tk2-dot{background:linear-gradient(135deg,#22c55e,#15803d);border-color:#15803d;animation:tk2ringg 1.8s ease-out infinite}
.tk2-step.is-current.is-me .tk2-sbody{border-color:#22c55e;background:linear-gradient(135deg,#ecfdf5,#fff);box-shadow:0 10px 26px rgba(22,163,74,.25)}
.tk2-step.is-current.is-me .tk2-sdept{color:#15803d}
.tk2-step.is-current.is-me .tk2-sstate{color:#14532d;background:#dcfce7;border-color:#86efac}
.tk2-step.is-current.is-me .tk2-sstate::before{background:#16a34a}
@keyframes tk2ringg{0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}70%{box-shadow:0 0 0 14px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}

/* CHUA TOI LUOT - lam mo di de khong tranh chu y voi buoc dang cho */
.tk2-step.is-wait .tk2-sbody{background:#f8fafc;border-style:dashed;opacity:.68}
.tk2-step.is-wait .tk2-sperson{color:#64748b;font-weight:650}
.tk2-step.is-wait .tk2-sstate{color:#94a3b8;font-weight:650}

/* BI TRA */
.tk2-step.is-reject .tk2-dot{background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#b91c1c;color:#fff}
.tk2-step.is-reject .tk2-sbody{border-color:#fca5a5;background:linear-gradient(135deg,#fef2f2,#fff)}
.tk2-step.is-reject .tk2-sstate{color:#b91c1c}

/* Cot "Dang cho" trong bang danh sach ho so */
.tk2-wcell{display:inline-block;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;background:#fff7ed;border:1px solid #fcd34d;color:#92400e}
.tk2-wcell.me{background:#dcfce7;border-color:#86efac;color:#14532d}

@media (max-width:560px){
	.tk2-rail{flex:0 0 34px}
	.tk2-dot{width:34px;height:34px;flex:0 0 34px;font-size:14px}
	.tk2-rail::before{top:36px}
	.tk2-sbody{padding:10px 12px}
}

/* ===================== v2.3.2 - FONT + KHUNG + ICON ===================== */

:root{
  --tk2-font:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --tk2-mono:ui-monospace,SFMono-Regular,'JetBrains Mono',Menlo,Consolas,monospace;
  --tk2-ring:0 0 0 1px rgba(16,24,40,.04);
}

/* Font ap dung ca ngoai vung plugin de tieu de trang khong con serif lech tong */
body,
body .tk2-page,
body h1,body h2,body h3,body h4,
body .entry-title,
body .wp-block-post-title,
body .wp-block-site-title,
body .wp-block-navigation{
  font-family:var(--tk2-font);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:'liga' 1,'kern' 1;
}
body h1,body .entry-title,body .wp-block-post-title{
  font-weight:800;letter-spacing:-.025em;line-height:1.18;
}
body .wp-block-navigation a,body .wp-block-site-title a{font-weight:600;letter-spacing:.01em}
.tk2-page{font-size:15px;line-height:1.6}
.tk2-kbd,.tk2-smeta{font-family:var(--tk2-mono)}

/* ----- Khung tong the: dong khung tung vung noi dung ----- */
.tk2-card{
  border:1.5px solid var(--tk2-line);
  border-radius:18px;
  box-shadow:var(--tk2-ring),0 1px 2px rgba(16,24,40,.04),0 12px 32px rgba(16,24,40,.07);
}
.tk2-card:hover{box-shadow:var(--tk2-ring),0 2px 4px rgba(16,24,40,.05),0 16px 40px rgba(16,24,40,.10)}
.tk2-card{transition:box-shadow .2s ease}

/* Hero: thanh tieu de trang co vien gradient + icon tron */
.tk2-hero{
  position:relative;overflow:hidden;
  border:1.5px solid #dbe3f5;
  background:linear-gradient(135deg,#ffffff,#f7f9ff);
  padding:18px 22px;
}
.tk2-hero::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
  background:linear-gradient(180deg,var(--tk2-brand),var(--tk2-purple));
}
.tk2-hero h2{
  display:flex;align-items:center;gap:13px;
  font-size:21px;font-weight:800;letter-spacing:-.02em;color:#0f172a;
}
.tk2-hero-ico{
  width:44px;height:44px;flex:0 0 44px;border-radius:13px;
  display:inline-flex;align-items:center;justify-content:center;font-size:21px;line-height:1;
  background:linear-gradient(135deg,#eff6ff,#f5f3ff);
  border:1.5px solid #dbeafe;
  box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(37,99,235,.13);
}

/* Tieu de muc: icon dung truoc, bo thanh gradient cu de khong bi doi dau hieu */
.tk2-page h3{font-size:14.5px;font-weight:800;letter-spacing:.02em;gap:9px}
.tk2-page h3::before{width:4px;height:17px}

/* ----- Bang: dong khung ro, header dam, chu de doc ----- */
.tk2-table{
  border:1.5px solid var(--tk2-line);
  border-radius:14px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  font-size:14.5px;
}
.tk2-table th{
  font-size:11.5px;font-weight:800;letter-spacing:.08em;
  background:linear-gradient(135deg,#2c3a52,#1a2333);
  padding:14px 16px;
}
.tk2-table td{padding:15px 16px;border-bottom:1px solid #edf1f7}
.tk2-table tbody tr{transition:background .14s ease}
.tk2-table tbody tr:hover{background:#f4f8ff}
.tk2-table td:first-child{font-weight:650;color:#111c33}

/* Nut: canh icon voi chu, chu ro hon */
.tk2-btn{font-weight:700;letter-spacing:.005em;font-family:inherit;gap:7px}
.tk2-btn.big{letter-spacing:.03em}

/* Ma ho so va cac chip */
.tk2-kbd{font-size:12.5px;letter-spacing:.02em;font-weight:600;padding:4px 9px;border-radius:7px}
.tk2-st{font-size:11.5px;letter-spacing:.05em;padding:6px 13px}
.tk2-badge{font-size:12px;font-weight:650}

/* Form: nhan ro rang hon */
.tk2-field label{font-size:13.5px;font-weight:700;color:#25324d;letter-spacing:.005em}
.tk2-field input,.tk2-field textarea,.tk2-field select{font-size:14.5px;font-family:inherit}
.tk2-field input[type=file]{padding:11px 13px;background:#fff;cursor:pointer}

/* Muc luc chung tu: dong khung tung dong cho de nhin */
.tk2-page ul li{
  padding:11px 13px;margin-bottom:8px;border:1px solid var(--tk2-line);
  border-radius:11px;background:#fbfcfe;border-bottom:1px solid var(--tk2-line);
}
.tk2-page ul li:last-child{border-bottom:1px solid var(--tk2-line);margin-bottom:0}

/* Icon trong tieu de khong bi keo gian tren mobile */
@media (max-width:560px){
  .tk2-hero h2{font-size:18px;gap:10px}
  .tk2-hero-ico{width:38px;height:38px;flex:0 0 38px;font-size:18px;border-radius:11px}
  .tk2-table th,.tk2-table td{padding:11px 12px}
}

/* ===================== v2.4.0 - CHIP NGUOI DUNG + TOM TAT HO SO ===================== */

/* ----- Chip nguoi dung + nut dang xuat o goc phai tieu de trang ----- */
.tk2-user{
  display:inline-flex;align-items:center;gap:11px;
  padding:7px 8px 7px 10px;border-radius:999px;
  background:linear-gradient(135deg,#f8fafc,#fff);
  border:1.5px solid var(--tk2-line);
  box-shadow:0 2px 8px rgba(16,24,40,.06);
}
.tk2-user-av{
  width:34px;height:34px;flex:0 0 34px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--tk2-brand),var(--tk2-purple));
  color:#fff;font-weight:800;font-size:15px;line-height:1;
  box-shadow:0 3px 9px rgba(37,99,235,.28);
}
.tk2-user-i{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.tk2-user-i b{font-size:13.5px;font-weight:700;color:#0f172a;white-space:nowrap}
.tk2-user-i em{font-style:normal;font-size:11px;color:var(--tk2-muted);font-weight:600;white-space:nowrap}
.tk2-logout{
  display:inline-flex;align-items:center;gap:5px;
  padding:8px 14px;border-radius:999px;text-decoration:none;
  font-size:12.5px;font-weight:700;
  background:#fff;color:#b3261e!important;
  border:1.5px solid #f3c9c5;transition:.14s ease;
}
.tk2-logout:hover{background:#fff1f0;border-color:#e88a83;color:#8f1d17!important;transform:translateY(-1px)}
.tk2-logout:active{transform:translateY(1px)}

@media (max-width:560px){
  .tk2-user{width:100%;justify-content:space-between}
  .tk2-user-i b{white-space:normal}
}

/* ----- Khung tom tat 3 thong tin chinh cua ho so ----- */
.tk2-sum{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0 0 18px;
  padding:16px 18px;
  border-radius:14px;
  border:1.5px solid #dbe3f5;
  background:linear-gradient(135deg,#f7f9ff,#fdfdff);
  box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(16,24,40,.05);
}
.tk2-sum-i{
  min-width:0;
  padding:12px 14px;
  border-radius:11px;
  background:#fff;
  border:1px solid #e6ebf7;
}
/* Noi dung thanh toan thuong dai -> cho chiem tron hang */
.tk2-sum-i:nth-child(2){grid-column:1 / -1}
.tk2-sum-l{
  display:flex;align-items:center;gap:6px;
  font-size:10.5px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;
  color:var(--tk2-muted);margin-bottom:6px;
}
.tk2-sum-v{
  font-size:15px;font-weight:650;color:#0f172a;line-height:1.5;
  overflow-wrap:anywhere;
}

/* So tien: lam noi bat nhat trong khung */
.tk2-sum-i.money{
  border-color:#bbf7d0;
  background:linear-gradient(135deg,#f0fdf4,#fff);
}
.tk2-sum-i.money .tk2-sum-l{color:#15803d}
.tk2-sum-i.money .tk2-sum-v{
  font-size:20px;font-weight:850;color:#15803d;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
}

@media (max-width:640px){
  .tk2-sum{grid-template-columns:1fr;padding:14px}
  .tk2-sum-i:nth-child(2){grid-column:auto}
  .tk2-sum-i.money .tk2-sum-v{font-size:18px}
}

/* ===================== v2.4.1 - COT CONG TRINH + NGAY ===================== */

/* Cot "Cong trinh" trong bang danh sach: chu dam, cat bot neu qua dai */
.tk2-cell-ct {
	display: inline-block;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: 700;
	font-size: 13.5px;
	color: #0f172a;
}

/* Cot "Ngay": dung font so de cac dong thang hang */
.tk2-cell-dt {
	display: inline-block;
	font-family: var(--tk2-mono);
	font-size: 12.5px;
	font-weight: 700;
	color: var(--tk2-muted);
	white-space: nowrap;
	letter-spacing: -.01em;
}

/* Bang giờ nhieu cot hon -> cho phep cuon ngang tren man hinh hep */
.tk2-table {
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.tk2-table > thead,
.tk2-table > tbody {
	display: table;
	width: 100%;
	table-layout: auto;
}

@media (max-width: 720px) {
	.tk2-cell-ct { max-width: 150px; }
}

/* ===================== v2.5.0 - DON VI / CONG TRINH ===================== */

.tk2-dvbadge{
	display:inline-block;
	margin:0 0 12px;
	padding:7px 14px;
	border:1px solid #c7d2fe;
	border-radius:999px;
	background:linear-gradient(180deg,#eef2ff,#f8faff);
	color:#3730a3;
	font-family:var(--tk2-font);
	font-weight:800;
	font-size:13.5px;
	letter-spacing:.2px;
}

.tk2-field select{
	width:100%;
	padding:11px 12px;
	border:1px solid var(--tk2-line);
	border-radius:10px;
	background:#fff;
	font-family:var(--tk2-font);
	font-size:14.5px;
	color:var(--tk2-text);
}
.tk2-field select:focus{
	outline:0;
	border-color:var(--tk2-brand);
	box-shadow:0 0 0 3px rgba(37,99,235,.15);
}
.tk2-field optgroup{font-weight:800;color:var(--tk2-muted)}

/* ===================== v2.5.1 - FONT O NHAP + BANG THANG HANG ===================== */

/* Loi font o o "Ly do tra ho so": textarea/input khong ke thua font cua theme */
.tk2-field input,
.tk2-field input[type="text"],
.tk2-field textarea,
.tk2-card textarea,
.tk2-card input[type="text"]{
	font-family:var(--tk2-font) !important;
	font-size:14.5px;
	line-height:1.55;
	color:var(--tk2-text);
}
.tk2-field textarea{
	width:100%;
	padding:11px 12px;
	border:1px solid var(--tk2-line);
	border-radius:10px;
	background:#fff;
	resize:vertical;
}
.tk2-field textarea:focus{
	outline:0;
	border-color:var(--tk2-brand);
	box-shadow:0 0 0 3px rgba(37,99,235,.15);
}
.tk2-field textarea::placeholder,
.tk2-field input::placeholder{
	font-family:var(--tk2-font);
	color:#9aa3b2;
	opacity:1;
}

/* v2.4.1 dat .tk2-table thanh display:block de cuon ngang, khien thead va tbody
   tro thanh hai bang rieng biet nen cac cot khong con thang hang. Tra ve bang that. */
.tk2-table{
	display:table !important;
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	overflow:visible !important;
}
.tk2-table thead{display:table-header-group}
.tk2-table tbody{display:table-row-group}
.tk2-table tr{display:table-row}
.tk2-table th,
.tk2-table td{
	display:table-cell;
	vertical-align:middle;
	overflow-wrap:anywhere;
	word-break:break-word;
	white-space:normal;
	padding:12px 10px;
}
.tk2-table th{
	font-size:12px;
	letter-spacing:.4px;
	text-transform:uppercase;
	white-space:nowrap;
}

/* Bang 7 cot cua hop thu: chia ti le co dinh de noi dung dai khong day cot khac */
.tk2-table th:nth-child(1),
.tk2-table td:nth-child(1){width:24%}
.tk2-table th:nth-child(2),
.tk2-table td:nth-child(2){width:17%}
.tk2-table th:nth-child(3),
.tk2-table td:nth-child(3){width:13%}
.tk2-table th:nth-child(4),
.tk2-table td:nth-child(4){width:10%;white-space:nowrap}
.tk2-table th:nth-child(5),
.tk2-table td:nth-child(5){width:11%}
.tk2-table th:nth-child(6),
.tk2-table td:nth-child(6){width:13%}
/* v2.6.2: cot thao tac tu 8% len 12%. Voi 8% thi nut "Duyet ngay" khong du cho
   nen bi be chu giua tu. Cot nay luon la nut bam nen khong so ton dien tich.
   v2.6.3: BO white-space:nowrap o day. Cot 7 khong phai luc nao cung la nut:
   trong bang nhat ky ky duyet no la cot GHI CHU, dat nowrap thi ly do tra ho so
   chay dai mot hang khong xuong dong. Luat nowrap chi ap cho nut bam ben duoi. */
.tk2-table th:nth-child(7),
.tk2-table td:nth-child(7){width:12%;text-align:center}

/* v2.6.2 - SUA LOI NUT BI BE CHU GIUA TU
   Nguyen nhan: o bang co overflow-wrap:anywhere va word-break:break-word de
   tieu de ho so dai khong day be cot khac. Hai thuoc tinh do di truyen xuong
   ca nut bam, nen "Duyet ngay" bi cat thanh "Duye / t ngay" va "Mo" thanh
   "M / o". Chu trong nut phai duoc mien tru khoi quy tac ngat chu do. */
.tk2-table .tk2-btn,
.tk2-table .tk2-btn *,
.tk2-table a.tk2-btn,
.tk2-table button.tk2-btn{
	white-space:nowrap !important;
	word-break:keep-all !important;
	overflow-wrap:normal !important;
	hyphens:none;
	flex-shrink:0;
	min-width:max-content;
}
/* Nut nam trong bang thi thu gon lai mot chut cho vua cot */
.tk2-table .tk2-btn{
	padding:9px 14px;
	font-size:13px;
	line-height:1.2;
	gap:6px;
}

/* Cot Cong trinh: cho xuong dong thay vi cat bang dau ba cham */
.tk2-cell-ct{
	max-width:none !important;
	white-space:normal !important;
	overflow:visible !important;
	text-overflow:clip !important;
	display:block;
	line-height:1.45;
}
.tk2-cell-dt{white-space:nowrap;color:var(--tk2-muted);font-variant-numeric:tabular-nums}

/* Chip trang thai trong bang khong duoc tran ra ngoai o */
.tk2-table .tk2-st,
.tk2-table .tk2-wcell{
	display:inline-block;
	max-width:100%;
	white-space:normal;
	text-align:center;
	line-height:1.35;
}
.tk2-table .tk2-kbd{
	display:inline-block;
	max-width:100%;
	white-space:normal;
	word-break:break-all;
	font-size:11.5px;
}

/* Man hinh hep: bo chia ti le, cho bang tu gian theo noi dung */
@media (max-width:820px){
	.tk2-table{table-layout:auto}
	.tk2-table th,
	.tk2-table td{padding:10px 8px;font-size:13.5px}
	.tk2-table th:nth-child(n),
	.tk2-table td:nth-child(n){width:auto}
	/* v2.6.3: chi thu gon nut, khong dat nowrap cho ca cot */
	.tk2-table .tk2-btn{padding:8px 12px;font-size:12.5px}
}

/* ==========================================================
   v2.6.0 - HUY HIEU HO SO CHO + TOI UU MAN HINH DIEN THOAI
   ========================================================== */

/* Huy hieu do dem so ho so dang cho chinh nguoi dang dang nhap */
.tk2-pend-link{text-decoration:none}
.tk2-pend{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:6px 12px;
	border-radius:999px;
	background:var(--tk2-danger);
	color:#fff;
	font-size:13px;
	font-weight:700;
	line-height:1;
	white-space:nowrap;
	box-shadow:0 2px 8px rgba(220,38,38,.35);
	animation:tk2beat 1.8s ease-in-out infinite;
}
.tk2-pend b{font-size:15px}
.tk2-pend-link:hover .tk2-pend{background:#b91c1c}

/* ---------- Man hinh tu 900px tro xuong: may tinh bang ---------- */
@media (max-width:900px){
	.tk2-page{padding:14px 12px}
	.tk2-grid{grid-template-columns:1fr !important;gap:14px}
	.tk2-card{padding:14px}
	.tk2-hero{padding:14px}
	.tk2-hero-ico{font-size:26px}
}

/* ---------- Dien thoai: tu 640px tro xuong ---------- */
@media (max-width:640px){

	/* Nen thoang hon, khong phi vien */
	.tk2-page{padding:10px 8px}
	.tk2-card{padding:12px;border-radius:12px}
	.tk2-title{font-size:16px;flex-wrap:wrap}

	/* Thanh dau trang: ten nguoi dung, huy hieu, nut dang xuat tu xuong dong */
	.tk2-user{
		flex-wrap:wrap;
		row-gap:8px;
		width:100%;
		justify-content:flex-start;
	}
	.tk2-user-i{max-width:60%}
	.tk2-user-i b{font-size:14px}
	.tk2-pend{width:auto;font-size:12.5px;padding:7px 12px}
	.tk2-logout{margin-left:auto}

	/* Nut bam du to de cham bang ngon tay */
	.tk2-btn{
		min-height:46px;
		padding:12px 16px;
		font-size:15px;
		flex:1 1 100%;
		justify-content:center;
	}
	.tk2-btn.big{min-height:52px;font-size:16px}
	.tk2-row{flex-wrap:wrap;gap:10px}
	.tk2-row .tk2-muted{flex:1 1 100%}

	/* O nhap: chu 16px de iPhone khong tu phong to trang khi bam vao */
	.tk2-field input,
	.tk2-field select,
	.tk2-field textarea{
		font-size:16px !important;
		padding:12px 12px;
	}
	.tk2-field input[type=file]{padding:10px}
	.tk2-field label{font-size:13.5px}

	/* Khoi tom tat: mot cot cho de doc */
	.tk2-sum{grid-template-columns:1fr !important;gap:8px}
	.tk2-sum-v{font-size:14.5px;word-break:break-word}

	/* Luong phe duyet: xep doc, moi buoc mot the */
	.tk2-steps{
		grid-template-columns:1fr !important;
		gap:10px;
	}
	.tk2-step{padding:12px}
	.tk2-rail{display:none}
	.tk2-sdept{font-size:12px}
	.tk2-sperson{font-size:14.5px}
	.tk2-prog-head{flex-wrap:wrap;gap:6px;font-size:13px}

	/* Bang ho so: bo bot cot phu de con lai deu doc duoc */
	.tk2-table{table-layout:auto !important}
	.tk2-table th,
	.tk2-table td{
		padding:10px 6px;
		font-size:13px;
		width:auto !important;
	}
	/* An cot MA va NGAY: hai thong tin nay da co day du trong trang chi tiet */
	.tk2-table th:nth-child(3),
	.tk2-table td:nth-child(3),
	.tk2-table th:nth-child(4),
	.tk2-table td:nth-child(4){display:none}

	.tk2-cell-ct{font-size:12.5px}
	.tk2-st{font-size:11.5px;padding:4px 8px}
	.tk2-wcell{font-size:11.5px}

	/* Banner "den luot ban" va cac hop trang thai */
	.tk2-wait{flex-wrap:wrap;text-align:left}
	.tk2-wait-t{font-size:15px}
	.tk2-signbox{padding:12px}
	.tk2-meta{font-size:12.5px;word-break:break-word}
	.tk2-kbd{word-break:break-all}

	/* Thong bao noi len khong che mat noi dung */
	.tk2-toast{font-size:13.5px;padding:10px 12px}
}

/* ---------- May rat nho: tu 380px tro xuong ---------- */
@media (max-width:380px){
	.tk2-title{font-size:15px}
	.tk2-user-av{width:32px;height:32px;font-size:14px}
	.tk2-table th,
	.tk2-table td{padding:8px 5px;font-size:12.5px}
	.tk2-hero-ico{font-size:22px}
}

/* Man hinh cham: bo hieu ung phong to khi ro chuot cho do giat */
@media (hover:none){
	.tk2-btn:hover{transform:none}
	.tk2-step:hover{transform:none}
}