@charset "UTF-8";
/* ==========================================================================
   Người Đồng Hành — Giá xăng dầu (ndh_auto)
   ==========================================================================

   Phần bổ sung, nạp sau gold.css + ndh-fx.css (DataPage css={['ndh-fx', 'ndh-fuel']}).
   Chỉ bù phần riêng: bảng giá vùng 1/vùng 2, bảng các kỳ điều hành, danh sách ngày,
   nút chọn vùng của ô tính tiền; giá dầu thế giới (/gia-dau-the-gioi/ + khối trên
   /gia-xang-dau/): bảng Brent/WTI, nút chọn khoảng biểu đồ. Màu lấy từ tokens.css.
   -------------------------------------------------------------------------- */

.fuel-table { min-width: 520px; }
.fuel-table tbody th { min-width: 180px; }
.fuel-table--narrow { min-width: 0; }
.fuel-table--narrow tbody th { min-width: 0; }
.fuel-table__sub { display: block; font-size: 11.5px; font-weight: 500; color: var(--c-muted); text-transform: none; letter-spacing: 0; }

.fuel-periods { min-width: 560px; }
.fuel-periods tbody th a { color: var(--c-ink); font-weight: 600; white-space: nowrap; }
.fuel-periods tbody th a:hover { color: var(--c-brand-700); text-decoration: underline; }

.fuel-h3 { margin: 26px 0 10px; font-size: 17px; font-weight: 800; color: var(--c-ink); }

/* Danh sách ngày điều hành (dẫn tới trang lưu trữ theo ngày) */
.fuel-days { margin-top: 22px; }
.fuel-days ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.fuel-days a {
	display: inline-block; padding: 5px 10px;
	border: 1px solid var(--c-line, #e5e7eb); border-radius: var(--r-pill, 999px);
	font-size: 13.5px; font-weight: 600; color: var(--c-ink); font-variant-numeric: tabular-nums;
}
.fuel-days a:hover { border-color: var(--c-brand-200); color: var(--c-brand-700); }

/* Ô tính tiền: hai nút vùng giá cạnh ô chọn mặt hàng */
.fuel-calc__regions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.fuel-calc .svcalc__term { justify-content: center; }
.fuel-calc .svcalc__term:disabled { opacity: .45; cursor: not-allowed; }

/* Biểu đồ thứ hai trở đi trong cùng mục */
.fuel-page .gold-chart + .gold-chart { margin-top: 18px; }

/* Giá dầu thế giới: bảng Brent/WTI, 30 phiên, nút chọn khoảng thời gian của biểu đồ */
.oil-table { min-width: 560px; }
.oil-table--compact { min-width: 0; }
.oil-table tbody th { min-width: 110px; }
.oil-table__date { white-space: nowrap; font-variant-numeric: tabular-nums; }
.oil-days { min-width: 440px; }
.oil-days tbody th { white-space: nowrap; font-variant-numeric: tabular-nums; }
.oil-range__btns { margin: 0 0 12px; }
.oil-range__btns[hidden], .oil-range [data-range-panel][hidden] { display: none; }
.oil-range .svcalc__term { flex: 0 0 auto; align-items: center; padding: 7px 14px; }

@media (max-width: 600px) {
	.fuel-calc .fx-conv__row { grid-template-columns: 1fr; }
}