/* ===== MinhDigi Tools – mega menu 2 cột + nhóm công cụ ===== */
.mdt-col__h{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red,#c8102e);padding:6px 10px 8px;margin-bottom:4px;border-bottom:1px solid var(--line,#e5e7eb)}
.mdt-mega .mdt-col>ul{list-style:none;margin:0;padding:0}
.mdt-mega .mdt-col>ul>li>a{display:flex;align-items:flex-start;gap:10px;padding:8px 10px}
.mdt-ico{flex:none;width:32px;height:32px;border-radius:9px;background:var(--red-soft,#fde8ea);color:var(--red,#c8102e);display:grid;place-items:center;font-size:16px}
.mdt-ico i{width:16px;height:16px}
.mdt-txt{display:block;min-width:0}
.mdt-txt b{display:block;font-size:.9rem;font-weight:700;color:var(--ink,#111827);line-height:1.3}
.mdt-txt b em{font-style:normal;font-size:.6rem;font-weight:800;color:#047857;background:#d1fae5;border-radius:5px;padding:1px 5px;margin-left:4px;vertical-align:2px}
.mdt-txt small{display:block;font-size:.77rem;font-weight:400;color:#6b7280;line-height:1.35;margin-top:2px}
.mdt-mega .mdt-col>ul>li>a:hover .mdt-txt b{color:var(--red,#c8102e)}
.mdt-all a{display:flex!important;justify-content:center;align-items:center;gap:6px;font-weight:700!important;color:var(--red,#c8102e)!important}

@media (min-width:861px){
  .dropdown.mdt-mega{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;width:min(780px,94vw);left:auto;right:-170px;padding:14px 14px 10px;max-height:calc(100vh - 120px);overflow-y:auto}
  .dropdown.mdt-mega .mdt-col>ul>li>a:hover{padding-left:10px}
  .mdt-all{grid-column:1/-1;border-top:1px solid var(--line,#e5e7eb);margin-top:6px;padding-top:6px}
}
@media (max-width:860px){
  .mdt-mega .mdt-txt small{display:none}
  .mdt-mega .mdt-ico{width:26px;height:26px;border-radius:7px}
  .mdt-col__h{padding:12px 14px 6px;border-bottom:0}
  .nav .mdt-mega .mdt-col>ul>li>a,.nav .mdt-mega .mdt-all a{justify-content:flex-start!important;align-items:center;gap:10px;text-align:left}
}

/* ===== Trang /cong-cu/ chia nhóm ===== */
.mdt-group{margin-bottom:46px}
.mdt-group:last-child{margin-bottom:0}
.mdt-group__head{max-width:1000px;margin-left:auto;margin-right:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--line,#e5e7eb)}
.mdt-group__head h2{margin:0;font-size:1.5rem}
.mdt-group__head h2::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--red,#c8102e);margin-right:10px;vertical-align:3px}
.mdt-group__head p{margin:0;color:#6b7280}
.mdt-new{font-size:.62rem;font-weight:800;color:#047857;background:#d1fae5;border-radius:5px;padding:2px 6px;vertical-align:3px;margin-left:4px}
.mdt-jump{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 0 30px}
.mdt-jump a{padding:9px 18px;border-radius:999px;border:1.5px solid var(--line,#e5e7eb);font-weight:700;font-size:.92rem;color:var(--ink,#111827);background:#fff}
.mdt-jump a:hover{border-color:var(--red,#c8102e);color:var(--red,#c8102e)}

/* ===== Gợi ý công cụ cùng nhóm ===== */
.mdt-related__h{margin-top:34px}
.mdt-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px}
.mdt-related a{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#fff;text-decoration:none!important;color:inherit}
.mdt-related a:hover{border-color:var(--red,#c8102e)}
.mdt-related a>i{flex:none;width:18px;height:18px;color:var(--red,#c8102e);margin-top:2px}
.mdt-related b{display:block;font-size:.92rem;color:var(--ink,#111827)}
.mdt-related small{display:block;font-size:.8rem;color:#6b7280}

/* ===== Thành phần dùng chung cho các tool mới ===== */
.mdt-select,.mdt-input,.mdt-area{width:100%;padding:12px 14px;border:1.5px solid var(--line,#e5e7eb);border-radius:10px;font-size:.96rem;font-family:inherit;background:#fff;color:inherit;box-sizing:border-box}
.mdt-area{min-height:150px;resize:vertical;line-height:1.5}
.mdt-input:focus,.mdt-select:focus,.mdt-area:focus{outline:none;border-color:var(--red,#c8102e)}
.mdt-out{margin-top:18px}
.mdt-table-wrap{overflow-x:auto;margin-top:14px;border:1px solid var(--line,#e5e7eb);border-radius:12px}
.mdt-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:620px}
.mdt-table th{background:#f9fafb;text-align:left;padding:10px 12px;font-weight:700;border-bottom:1px solid var(--line,#e5e7eb);white-space:nowrap}
.mdt-table td{padding:9px 12px;border-bottom:1px solid #f1f5f9;vertical-align:top;word-break:break-word}
.mdt-badge{display:inline-block;padding:2px 9px;border-radius:999px;font-weight:700;font-size:.8rem}
.mdt-badge--ok{background:#d1fae5;color:#065f46}.mdt-badge--warn{background:#fef3c7;color:#92400e}.mdt-badge--err{background:#fee2e2;color:#991b1b}.mdt-badge--info{background:#e0e7ff;color:#3730a3}
.mdt-qr-box{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start;margin-top:18px}
.mdt-qr-box__img{flex:none;width:260px;max-width:100%;padding:14px;background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:14px;text-align:center}
.mdt-qr-box__img canvas,.mdt-qr-box__img img{width:100%;height:auto;display:block}
.mdt-qr-box__info{flex:1;min-width:240px}
.mdt-copy{display:flex;gap:8px;align-items:stretch}
.mdt-copy .mdt-input{flex:1;min-width:0}
.mdt-hint{font-size:.85rem;color:#6b7280;margin-top:6px}
.mdt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px}
.mdt-stats div{padding:12px;border-radius:12px;background:#f9fafb;border:1px solid var(--line,#e5e7eb)}
.mdt-stats b{display:block;font-size:1.3rem;color:var(--red,#c8102e)}
.mdt-stats span{font-size:.8rem;color:#6b7280}
@media (max-width:600px){.mdt-qr-box__img{width:100%}}