@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
/* Trang quản trị — theme Tím Pastel Gen Z (đồng bộ web chính) */
:root{
  --violet:#8b5cf6;--violet-d:#6d28d9;--pink:#ec4899;--mint:#2dd4bf;
  --ink:#3b2f5c;--muted:#8b83a3;--bg:#faf5ff;--card:#fff;--line:#ede9fe;
  --ok:#10b981;--warn:#f59e0b;--err:#ef4444;
  --radius:16px;--shadow:0 6px 20px rgba(139,92,246,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--violet-d);text-decoration:none}

/* Top nav */
.adm-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:linear-gradient(135deg,#6d28d9,#a855f7 60%,#ec4899);color:#fff;padding:0 18px;min-height:56px;position:sticky;top:0;z-index:100;box-shadow:0 4px 14px rgba(109,40,217,.3)}
.adm-brand{font-weight:800;font-size:1rem;letter-spacing:.5px;margin-right:14px}
.adm-brand span{opacity:.85;font-weight:600}
.adm-nav{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.adm-nav a{color:#fff;padding:8px 12px;border-radius:9px;font-size:.9rem;font-weight:600;opacity:.92}
.adm-nav a:hover{background:rgba(255,255,255,.16);opacity:1}
.adm-nav a.on{background:rgba(255,255,255,.22);opacity:1}
.adm-logout{margin-left:6px;background:rgba(0,0,0,.18)}
.adm-nav-sep{width:1px;align-self:stretch;background:rgba(255,255,255,.28);margin:8px 6px}
@media(max-width:860px){.adm-nav-sep{display:none}}
.adm-burger{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;margin-left:auto}
@media(max-width:860px){
  .adm-burger{display:block}
  .adm-nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:8px}
  .adm-nav.open{display:flex}
}

.adm-main{max-width:1120px;margin:0 auto;padding:22px 18px 60px}
.adm-foot{text-align:center;color:var(--muted);font-size:.85rem;padding:20px}

/* Flash */
.adm-flash{padding:12px 16px;border-radius:12px;margin-bottom:18px;font-weight:600;font-size:.92rem}
.adm-flash.ok{background:#dcfce7;color:#166534}
.adm-flash.err{background:#fee2e2;color:#991b1b}

/* Page head */
.adm-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.adm-head h1{font-size:1.5rem;color:var(--violet-d)}

/* Stat cards */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}
.stat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;text-align:center;border-top:4px solid var(--violet)}
.stat .num{font-size:2rem;font-weight:800;color:var(--violet-d)}
.stat .lbl{font-size:.82rem;color:var(--muted);margin-top:2px}
.stat .ico{font-size:1.4rem}
.stat.pink{border-top-color:var(--pink)} .stat.mint{border-top-color:var(--mint)} .stat.warn{border-top-color:var(--warn)}
a.stat{display:block;text-decoration:none;color:inherit;transition:transform .12s,box-shadow .12s;cursor:pointer}
a.stat:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(139,92,246,.18)}

/* Nhóm thống kê dashboard */
.stat-group{margin:26px 0 10px}
.stat-group h2{font-size:1rem;color:var(--violet-d);margin-bottom:12px;display:flex;align-items:center;gap:6px}
.stat-group .stats{margin-bottom:6px}

/* Thanh "Cần xử lý" */
.action-bar{display:flex;flex-wrap:wrap;gap:10px;background:#fef9c3;border:1px solid #fde68a;border-radius:var(--radius);padding:14px 16px;margin-bottom:22px}
.action-bar .abtitle{width:100%;font-weight:800;color:#854d0e;font-size:.92rem;margin-bottom:2px}
.action-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #fde68a;color:#854d0e;font-weight:700;font-size:.85rem;padding:8px 14px;border-radius:999px;text-decoration:none;transition:transform .12s}
.action-chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(180,130,20,.18)}
.action-chip b{font-size:1rem}

/* Địa điểm theo danh mục */
.cat-bars{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;margin-bottom:24px}
.cat-bar-row{display:flex;align-items:center;gap:10px;padding:7px 0;text-decoration:none;color:var(--ink);border-radius:8px}
.cat-bar-row:hover{background:#faf5ff}
.cat-bar-ico{width:28px;text-align:center;font-size:1rem;flex-shrink:0}
.cat-bar-name{width:130px;flex-shrink:0;font-size:.86rem;font-weight:600}
.cat-bar-track{flex:1;background:#f3f0fa;border-radius:6px;height:10px;overflow:hidden}
.cat-bar-fill{height:100%;border-radius:6px}
.cat-bar-count{width:34px;text-align:right;font-size:.86rem;font-weight:700;color:var(--violet-d);flex-shrink:0}

/* Tabs */
.adm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.adm-tabs a{background:#fff;border:1px solid var(--line);padding:8px 15px;border-radius:999px;font-weight:700;font-size:.88rem;color:var(--ink)}
.adm-tabs a.on{background:var(--violet);color:#fff;border-color:var(--violet)}

/* Thư viện ảnh & video trong form địa điểm */
.media-box{border:1px dashed var(--line);border-radius:14px;padding:16px;margin:16px 0;background:#faf7ff}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:6px}
.media-item{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.media-item img{width:100%;height:90px;object-fit:cover;display:block}
.media-vid{height:90px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--violet-d);background:#f1ecff;text-align:center;padding:6px}
.media-del{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;font-size:.74rem;padding:3px 6px;display:flex;align-items:center;gap:4px;cursor:pointer}
.media-del input{width:auto}
.media-pending{position:absolute;top:4px;left:4px;background:#fef9c3;color:#854d0e;font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:6px}

/* Thanh lọc (danh mục / khu vực / tìm kiếm) */
.adm-filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px}
.adm-filterbar select,.adm-filterbar input[type=text]{border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:.86rem;font-family:inherit;color:var(--ink);background:#fafafa}
.adm-filterbar input[type=text]{flex:1;min-width:180px}
.adm-filterbar select{min-width:170px}

/* Table */
.tbl-wrap{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
table{width:100%;border-collapse:collapse}
th,td{padding:12px 14px;text-align:left;font-size:.9rem;border-bottom:1px solid var(--line);vertical-align:middle}
th{background:#f5f3ff;color:var(--violet-d);font-size:.8rem;text-transform:uppercase;letter-spacing:.3px}
tr:hover td{background:#fdfaff}
.thumb-sm{width:56px;height:42px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#ede9fe,#fce7f3);display:flex;align-items:center;justify-content:center;font-size:1.1rem}

/* Badges */
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:700}
.pill.pub{background:#dcfce7;color:#166534}
.pill.draft{background:#e2e8f0;color:#475569}
.pill.pending{background:#fef9c3;color:#854d0e}
.pill.spam{background:#fee2e2;color:#991b1b}
.pill.admin{background:#f3e8ff;color:#7c3aed}
.pill.author{background:#ccfbf1;color:#0f766e}

/* Buttons */
.btn{display:inline-block;border:none;cursor:pointer;font-weight:700;font-size:.9rem;padding:9px 16px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 4px 12px rgba(139,92,246,.3);transition:transform .12s}
.btn:hover{transform:translateY(-2px)}
.btn.sm{padding:6px 12px;font-size:.82rem}
.btn.ghost{background:#fff;color:var(--violet-d);border:1px solid var(--line);box-shadow:none}
.btn.green{background:linear-gradient(135deg,#10b981,#2dd4bf)}
.btn.red{background:linear-gradient(135deg,#ef4444,#f97316)}
.btn.gray{background:#eef2f7;color:#475569;box-shadow:none}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}

/* Forms */
.form-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;max-width:840px;margin:0 auto}
.auth-card{max-width:420px}
.field{margin-bottom:16px}
.field label{display:block;font-weight:700;font-size:.85rem;margin-bottom:6px;color:var(--violet-d)}
.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,246,.15)}
.field textarea{min-height:220px;resize:vertical}
.field .hint{font-size:.78rem;color:var(--muted);margin-top:4px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:600px){.grid2{grid-template-columns:1fr}}

/* Auth pages */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#7c3aed,#a855f7 55%,#ec4899)}
.auth-card{background:#fff;border-radius:22px;box-shadow:0 20px 50px rgba(76,29,149,.3);padding:32px;width:100%}
.auth-card h1{font-size:1.4rem;color:var(--violet-d);text-align:center;margin-bottom:4px}
.auth-card .sub{text-align:center;color:var(--muted);font-size:.88rem;margin-bottom:22px}
.auth-links{text-align:center;margin-top:16px;font-size:.87rem}
.auth-links a{font-weight:600}
.link-box{background:#f5f3ff;border:1px dashed var(--violet);border-radius:10px;padding:12px;font-size:.82rem;word-break:break-all;margin-top:12px}
.empty{padding:40px;text-align:center;color:var(--muted)}

/* Bảng giá / loại phòng trong trình sửa địa điểm */
.variant-tbl{width:100%;border-collapse:collapse;margin-top:4px}
.variant-tbl th{text-align:left;font-size:.82rem;color:#64748b;padding:4px 6px;font-weight:700}
.variant-tbl td{padding:3px 6px}
.variant-tbl input{width:100%;padding:8px 10px;border:1px solid var(--line,#e5e7eb);border-radius:8px;font-size:.9rem}

/* Bảng gợi ý gộp trùng */
.tbl-plain{border-collapse:collapse}
.tbl-plain th{text-align:left;font-size:.8rem;color:#64748b;padding:6px 8px;border-bottom:2px solid var(--line,#e5e7eb)}
.tbl-plain td{padding:8px;border-bottom:1px solid var(--line,#eef1f4);font-size:.9rem;vertical-align:top}
.tbl-plain a{color:var(--violet-d,#5b21b6)}

/* ═══════════════════════════════════════════════════════════════════
   THEME "TRẺ TRUNG" — khu quản trị, đồng bộ với web chính
   Xoá nguyên khối này là quay về theme tím cũ.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --violet:#0E7C74;--violet-d:#0A5F59;--pink:#FF6B57;--mint:#B8E8CB;
  --ink:#16231F;--muted:#4A5551;--bg:#FFFBF3;--card:#fff;--line:#E6DDCA;
  --sun:#FFD166;--sand:#FFE3A3;
  --radius:18px;--shadow:4px 4px 0 #16231F;--bd:2.5px solid #16231F;
  --font-head:'Baloo 2','Segoe UI',system-ui,sans-serif;
  --font-body:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink)}
h1,h2,h3,h4,.adm-brand,.stat .num{font-family:var(--font-head)}
a{color:var(--violet-d)}

/* Thanh điều hướng trên */
.adm-top{background:var(--ink);color:#fff;box-shadow:none;border-bottom:3px solid var(--ink);min-height:62px}
.adm-brand{font-weight:800;letter-spacing:0}
.adm-nav a{border-radius:999px;font-weight:700}
.adm-nav a:hover{background:rgba(255,255,255,.16)}
.adm-nav a.on{background:var(--pink);opacity:1}
.adm-logout{background:rgba(255,255,255,.14)}
.adm-burger{border:2px solid #fff;border-radius:10px;width:40px;height:40px;font-size:1.2rem}
.adm-head h1{color:var(--ink);font-size:1.6rem}

/* Thẻ số liệu */
.stat,.cat-bars,.tbl-wrap,.form-card,.auth-card,.adm-filterbar{
  border:var(--bd);box-shadow:var(--shadow);border-radius:var(--radius);background:#fff}
.stat{border-top:var(--bd)}
.stat::before{content:"";display:block;height:5px;margin:-18px -18px 12px;background:var(--violet)}
.stat.pink::before{background:var(--pink)}
.stat.mint::before{background:#0E9F6E}
.stat.warn::before{background:var(--sun)}
.stat .num{color:var(--ink);font-weight:800}
a.stat:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.stat-group h2{color:var(--ink)}

/* Thanh "Cần xử lý" */
.action-bar{background:var(--sand);border:var(--bd);border-radius:var(--radius)}
.action-bar .abtitle{color:var(--ink)}
.action-chip{border:2px solid var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.action-chip:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}

/* Tabs & bộ lọc */
.adm-tabs a{border:2px solid var(--ink);font-weight:800;color:var(--ink)}
.adm-tabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.adm-filterbar select,.adm-filterbar input[type=text],
.field input,.field select,.field textarea,.variant-tbl input{
  border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--violet);box-shadow:3px 3px 0 var(--violet)}
.field label{color:var(--ink)}

/* Bảng */
th{background:var(--sand);color:var(--ink);text-transform:none;font-size:.84rem;font-weight:800;letter-spacing:0}
tr:hover td{background:#FFFBF3}
.thumb-sm{border:2px solid var(--ink);background:var(--sand)}

/* Nhãn trạng thái */
.pill{border:1.5px solid var(--ink);font-weight:800}
.pill.pub{background:#C9F2D5;color:#14532D}
.pill.draft{background:#EDE9DC;color:#3F3F3A}
.pill.pending{background:var(--sun);color:#5C4405}
.pill.spam{background:#FFD9D2;color:#8C2515}
.pill.admin{background:var(--pink);color:#fff}
.pill.author{background:var(--mint);color:#0A5F59}

/* Nút */
.btn{background:var(--pink);color:#fff;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;font-weight:800;transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn.ghost{background:#fff;color:var(--ink);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.btn.ghost:hover{background:var(--sand)}
.btn.green{background:#0E9F6E}
.btn.red{background:#E2483B}
.btn.gray{background:#EDE9DC;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}

/* Flash */
.adm-flash{border:2.5px solid var(--ink);border-radius:14px}
.adm-flash.ok{background:#C9F2D5;color:#14532D}
.adm-flash.err{background:#FFD9D2;color:#8C2515}

/* Media box */
.media-box{border:2.5px dashed var(--ink);border-radius:16px;background:#FFFBF3}
.media-item{border:2px solid var(--ink);border-radius:12px}
.media-vid{background:var(--sand);color:var(--ink)}
.media-pending{background:var(--sun);color:#5C4405;border:1.5px solid var(--ink)}

/* Trang đăng nhập */
.auth-wrap{background:var(--bg)}
.auth-card{border:var(--bd);box-shadow:8px 8px 0 var(--ink);border-radius:24px}
.auth-card h1{color:var(--ink)}
.link-box{background:var(--sand);border:2px dashed var(--ink);border-radius:12px}

/* Biểu đồ danh mục */
.cat-bar-track{background:#EDE9DC;border:1.5px solid var(--ink);height:12px}
.cat-bar-count{color:var(--ink)}
.cat-bar-row:hover{background:var(--sand)}
.adm-foot{color:var(--muted)}
/* ═════════════════ hết khối theme "Trẻ Trung" ═════════════════ */

/* ═════════════════ Thanh menu gom nhóm ═════════════════
   Menu cũ trải phẳng 16 mục nên tràn xuống hàng thứ hai và che mất đầu
   trang. Giờ gom thành các nhóm có menu con thả xuống; trên điện thoại
   nút ☰ mở ra danh sách dọc, mọi mục con hiện hết, không cần rê chuột. */
.notif-dot{display:inline-block;min-width:18px;height:18px;line-height:18px;padding:0 5px;
  border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:800;
  text-align:center;vertical-align:middle;margin-left:5px;border:2px solid var(--ink)}

.adm-group{position:relative}
.adm-group-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#fff;
  padding:8px 12px;border-radius:999px;font:inherit;font-size:.9rem;font-weight:700;
  opacity:.92;cursor:pointer;font-family:inherit}
.adm-group-btn:hover{background:rgba(255,255,255,.16);opacity:1}
.adm-group.on>.adm-group-btn{background:var(--pink);opacity:1}
.adm-caret{font-size:.7rem;opacity:.7}

.adm-sub{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;z-index:200;
  background:#fff;border:2px solid var(--ink);border-radius:14px;padding:6px;
  box-shadow:5px 5px 0 var(--ink);display:none}
/* Chỉ mở sau khi bấm. Hover/focus-within từng làm hai nhóm cùng bung và đè
   lên nội dung khi người dùng chỉ rê chuột ngang thanh điều hướng. */
.adm-group.open>.adm-sub{display:block}
.adm-sub a{display:flex;justify-content:space-between;align-items:center;gap:10px;
  color:var(--ink);padding:8px 12px;border-radius:10px;font-size:.9rem;font-weight:700;opacity:1}
.adm-sub a:hover{background:var(--sand)}
.adm-sub a.on{background:var(--pink);color:#fff}
/* Cầu nối vô hình để chuột đi từ nút xuống menu con không bị mất hover */
.adm-group::after{content:"";position:absolute;left:0;right:0;top:100%;height:8px}

@media(max-width:980px){
  .adm-group{width:100%}
  .adm-group-btn{width:100%;justify-content:flex-start;border-radius:10px}
  .adm-caret{display:none}
  .adm-sub{position:static;box-shadow:none;border:none;background:transparent;
    padding:0 0 6px 18px;min-width:0}
  .adm-sub a{color:#fff;padding:7px 12px}
  .adm-sub a:hover{background:rgba(255,255,255,.16)}
  .adm-group::after{display:none}
}

/* ═════════════════ Bảng rộng: đừng cắt mất cột cuối ═════════════════
   .tbl-wrap trước đây để overflow:hidden (cho bo góc gọn). Hậu quả: màn
   hình hẹp hoặc phóng to trình duyệt là cột "Hành động" bị CẮT ĐỨT, không
   cuộn tới được — nhìn như mất hết nút Duyệt/Từ chối/Sửa/Xoá.
   Giờ cho cuộn ngang, và ghim cột cuối vào mép phải để nút luôn thấy. */
.tbl-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}

.tbl-wrap table th:last-child,
.tbl-wrap table td:last-child.row-actions{
  position:sticky;right:0;z-index:2;
  /* Nền đục để nội dung cuộn phía dưới không lộ ra sau nút */
  background:#fff;
  box-shadow:-6px 0 10px -6px rgba(22,35,31,.25);
}
.tbl-wrap table th:last-child{background:var(--sun,#FDE9C8)}
.tbl-wrap table tr:hover td:last-child.row-actions{background:var(--sand,#FFF6E6)}
/* ───── Cột hành động ─────
   Cột này bị ghim vào mép phải nên nền phải ĐỤC, nếu không nội dung cuộn
   phía dưới sẽ lộ ra sau nút. Nhưng nền đục cũng che luôn đường kẻ ngang
   của bảng, làm ô này trông như đè lên dòng dưới — nên phải vẽ lại viền. */
.tbl-wrap table td.row-actions{
  min-width:230px; vertical-align:middle; padding:8px 10px;
  border-bottom:1px solid var(--line,#E6DDCA);
}
.tbl-wrap table td.row-actions .row-actions{gap:4px;align-items:flex-start}
.tbl-wrap table td.row-actions .btn{white-space:nowrap}

/* ───── Cỡ nút ─────
   .btn.xs cho chỗ chật. Thêm .nut-nho vào .tbl-wrap là MỌI nút hành động
   trong bảng đó thu nhỏ — mỗi trang tự chọn cỡ tuỳ số lượng nút:
     <div class="tbl-wrap nut-nho">   -> trang nhiều nút (Địa điểm, Từ crawler)
     <div class="tbl-wrap">           -> trang ít nút, giữ cỡ thường  */
.btn.xs{padding:3px 8px;font-size:.72rem;border-width:2px;box-shadow:2px 2px 0 var(--ink)}
.btn.xs:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}

.tbl-wrap.nut-nho table td.row-actions{min-width:196px;padding:6px 8px}
.tbl-wrap.nut-nho table td.row-actions .row-actions{gap:3px}
.tbl-wrap.nut-nho table td.row-actions .btn{
  padding:3px 8px;font-size:.72rem;border-width:2px;box-shadow:2px 2px 0 var(--ink);
}
.tbl-wrap.nut-nho table td.row-actions .btn:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}
/* Thu nhỏ luôn ảnh và chữ phụ cho dòng thấp lại */
.tbl-wrap.nut-nho table td{padding-top:8px;padding-bottom:8px}
.tbl-wrap.nut-nho .thumb-sm{width:40px;height:32px}
.tbl-wrap.nut-nho .pill{font-size:.7rem;padding:2px 8px}

/* Ô hành động CHÍNH NÓ mang class .row-actions nên đã là flex container —
   vertical-align không có tác dụng với flex, phải dùng align-content.
   Không căn giữa thì hàng cao sẽ để một mảng trắng dưới nút, nhìn như ô rỗng
   đè lên dòng kế tiếp. */
.tbl-wrap table td.row-actions{align-content:center}