/* ==========================================================================
   tools.css - v1.49.0: Bộ công cụ /cong-cu/ + 6 trang công cụ riêng, đồng bộ giao diện Tuyến/Hãng
   (dùng chung home.css + route.css; file này chỉ thêm phần riêng của trang công cụ).
   Markup form giữ nguyên (inc/tool-widgets.php → ghdnn_render_tool_body) - chỉ định kiểu lại trong .rt-toolcard.
   ========================================================================== */

/* ---- Hero: chữ trái + khung công cụ phải (trang riêng) / chữ giữa (trang tổng) ---- */
.rt-toolhero{padding-bottom:48px;}
@media(min-width:1024px){ .rt-toolhero{padding-bottom:72px;} }
.rt-toolhero__grid{display:grid;gap:32px;margin-top:8px;}
@media(min-width:1100px){ .rt-toolhero__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start;} .rt-toolhero__copy{position:sticky;top:calc(var(--u-header-h) + 32px);padding-top:16px;} }
.rt-toolhero .h-hero__title{font-size:36px;line-height:44px;}
@media(min-width:1024px){ .rt-toolhero .h-hero__title{font-size:48px;line-height:58px;} }
.rt-toolhero__copy--center{max-width:760px;margin:8px auto 0;text-align:center;}
.rt-toolhero__copy--center .h-hero__actions{justify-content:center;}
.rt-toolhero .h-hero__checks{flex-direction:column;align-items:flex-start;gap:10px;}

/* ---- Khung công cụ ---- */
.rt-toolcard{padding:0;overflow:visible;box-shadow:var(--u-shadow-xl);}
.rt-toolcard__head{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--u-border);}
.rt-toolcard__head strong{display:block;font:600 16px/24px var(--u-font);color:var(--u-text);}
.rt-toolcard__head small{display:block;font-size:13px;line-height:18px;color:var(--u-text-3);}
.rt-toolcard__head small a{color:var(--u-text-brand);}
.rt-toolcard__body{padding:24px;}
@media(min-width:768px){ .rt-toolcard__head{padding:20px 32px;} .rt-toolcard__body{padding:28px 32px 32px;} }

.rt-toolcard .tool-grid{gap:0 20px;}
.rt-toolcard .field{margin-bottom:16px;min-width:0;}
.rt-toolcard .field label{display:block;margin-bottom:6px;font:500 14px/20px var(--u-font);color:var(--u-gray-700);}
html[data-theme="dark"] .rt-toolcard .field label{color:var(--u-text-2);}
.rt-toolcard :is(input[type="number"],input[type="text"],input[type="email"],input[type="tel"],select,textarea){width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--u-border-strong);border-radius:var(--u-r-md);background:var(--u-surface);box-shadow:var(--u-shadow-xs);font:400 16px/24px var(--u-font);color:var(--u-text);transition:border-color .15s,box-shadow .15s;}
.rt-toolcard :is(input,select,textarea):focus{outline:none;border-color:var(--u-brand-300);box-shadow:var(--u-ring);}
.rt-toolcard .tool-note{position:relative;display:block;margin:0 0 16px;padding:10px 14px 10px 38px;border:0;border-radius:var(--u-r-md);background:var(--u-bg-subtle);font-size:13px;line-height:20px;color:var(--u-text-2);}
.rt-toolcard .tool-note > svg:first-child{position:absolute;left:14px;top:12px;width:16px;height:16px;color:#F79009;}
.rt-toolcard .tool-note a{color:var(--u-text-brand);}
.rt-toolcard .tool-subhead{margin:8px 0 12px;padding-top:20px;border-top:1px solid var(--u-border);font:600 12px/18px var(--u-font);letter-spacing:.04em;text-transform:uppercase;color:var(--u-text-3);}
.rt-toolcard .tool-result-grid{gap:12px;margin-top:8px;}
.rt-toolcard .tool-result-box{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--u-border);border-radius:var(--u-r-lg);background:var(--u-bg-subtle);text-align:left;box-shadow:none;}
.rt-toolcard .tool-result-box span{font:600 12px/18px var(--u-font);letter-spacing:.04em;color:var(--u-text-3);}
.rt-toolcard .tool-result-box strong{font:700 24px/32px var(--u-font);letter-spacing:-.01em;color:var(--u-text);}
.rt-toolcard .tool-result-highlight{border-color:var(--u-brand-200);background:var(--u-brand-25);}
.rt-toolcard .tool-result-highlight strong{color:var(--u-text-brand);}
html[data-theme="dark"] .rt-toolcard .tool-result-highlight{background:var(--u-brand-50);}
.rt-toolcard .tool-quick-table{margin-top:8px;border:1px solid var(--u-border);border-radius:var(--u-r-lg);border-collapse:separate;border-spacing:0;overflow:hidden;font-size:14px;}
.rt-toolcard .tool-quick-table th{padding:10px 14px;border-bottom:1px solid var(--u-border);background:var(--u-bg-subtle);font:600 12px/18px var(--u-font);color:var(--u-text-3);}
.rt-toolcard .tool-quick-table td{padding:12px 14px;color:var(--u-text-2);}
.rt-toolcard .tool-quick-table td:first-child{font-family:var(--u-mono);font-weight:600;color:var(--u-text);}
.rt-toolcard .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--u-r-md);font:600 15px/22px var(--u-font);text-transform:none;letter-spacing:0;box-shadow:var(--u-shadow-xs);}
.rt-toolcard .btn-primary{border:1px solid var(--u-btn-brand);background:var(--u-btn-brand);color:#fff;}
.rt-toolcard .btn-primary:hover{background:var(--u-btn-brand-hover);}
.rt-toolcard .btn-primary::before{display:none;}
.rt-toolcard .btn-ghost{border:1px solid var(--u-border-strong);background:var(--u-surface);color:var(--u-gray-700);}
.rt-toolcard .btn-ghost:hover{background:var(--u-bg-subtle);}
.rt-toolcard .btn:focus-visible{outline:none;box-shadow:var(--u-ring);}
.rt-toolcard .combo-list{border-radius:var(--u-r-lg);border-color:var(--u-border);box-shadow:var(--u-shadow-lg);}
.rt-toolcard .cbm-row{gap:12px!important;}
@media(max-width:639px){ .rt-toolcard .cbm-row{grid-template-columns:1fr 1fr!important;} .rt-toolcard .cbm-row .cbm-remove-row{grid-column:1/-1;} }

/* ---- Nội dung + cột phụ dính ---- */
.rt-toolgrid{display:grid;gap:32px;}
@media(min-width:1024px){ .rt-toolgrid{grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;} }
.rt-toolgrid > .rt-prose{min-width:0;}
.rt-toolaside{display:grid;gap:16px;}
.rt-toolaside .h-card-title{margin:0 0 12px;font-size:16px;line-height:24px;}
.rt-toolnext{padding:20px;}
.rt-toolnext__item{display:flex;align-items:center;gap:12px;padding:12px;margin:0 -12px;border-radius:var(--u-r-lg);color:var(--u-text);text-decoration:none;transition:background-color .15s;}
.rt-toolnext__item:hover{background:var(--u-bg-subtle);}
.rt-toolnext__item > span:nth-child(2){flex:1;min-width:0;}
.rt-toolnext__item strong{display:block;font:600 15px/22px var(--u-font);}
.rt-toolnext__item small{display:block;font-size:13px;line-height:18px;color:var(--u-text-3);}
.rt-toolnext__item > svg{width:16px;height:16px;color:var(--u-text-3);transition:transform .2s var(--u-ease);}
.rt-toolnext__item:hover > svg{transform:translateX(3px);color:var(--u-text-brand);}
.rt-toolnext__item.is-primary strong{color:var(--u-text-brand);}
.rt-toolother{padding:20px;}
.rt-toolother ul{display:grid;gap:2px;margin:0 0 12px;padding:0;list-style:none;}
.rt-toolother a:not(.u-link){display:flex;align-items:center;gap:12px;padding:8px 10px;margin:0 -10px;border-radius:var(--u-r-md);font:500 14px/20px var(--u-font);color:var(--u-text);text-decoration:none;transition:background-color .15s;}
.rt-toolother a:not(.u-link):hover{background:var(--u-bg-subtle);color:var(--u-text-brand);}
.rt-toolother a:not(.u-link) > svg:last-child{margin-left:auto;width:16px;height:16px;color:var(--u-text-3);}
.rt-toolother .u-ficon--sm{width:32px;height:32px;}
.rt-toolother .u-ficon--sm .u-ico{width:16px;height:16px;}

/* ---- Bài viết liên quan ---- */
.rt-toolreads{display:grid;gap:12px;margin:0;padding:0;list-style:none;}
@media(min-width:768px){ .rt-toolreads{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;} }
@media(min-width:1100px){ .rt-toolreads{grid-template-columns:repeat(3,minmax(0,1fr));} }
.rt-toolreads li{position:relative;display:flex;align-items:center;gap:14px;padding:18px 20px;}
.rt-toolreads a{flex:1;min-width:0;font:600 15px/22px var(--u-font);color:var(--u-text);text-decoration:none;}
.rt-toolreads li:hover a{color:var(--u-text-brand);}
.rt-toolreads li > svg:last-child{flex:none;width:16px;height:16px;color:var(--u-text-3);}

/* ---- Trang tổng /cong-cu/ ---- */
.rt-toolcards .rt-feat{display:flex;flex-direction:column;}
.rt-toolcards .h-card-text{flex:1;}
.rt-toolcards .h-card-more{margin-top:16px;}
.rt--toolhub .tool-tabs{margin:0 0 24px;border:1px solid var(--u-border);}
.rt--toolhub .tool-tab{border:0;}
.rt--toolhub .tool-tab.active{background:var(--u-brand-600);color:#fff;box-shadow:var(--u-shadow-sm);}
.rt--toolhub .tool-panel{box-shadow:var(--u-shadow-lg);}
@media(prefers-reduced-motion:no-preference){ .rt--toolhub .tool-panel{animation:hFade .35s var(--u-ease);} }
.rt-toolcards .h-card-title a,.rt-toolreads a{text-decoration:none;color:inherit;}
.rt-toolcards .rt-feat:hover .h-card-title{color:var(--u-text-brand);}
.rt-toolgrid > .rt-prose > :first-child{margin-top:0;}
.rt-toolcard__head small.rt-toolcard__prefill{display:flex;align-items:center;gap:6px;color:var(--u-success-700);}
.rt-toolcard__prefill svg{flex:none;width:14px;height:14px;}