/* ============================================================
   TTDN Lookup – Frontend Styles
   ============================================================ */

/* Wrapper form tìm kiếm */
.ttdn-lookup {
  border: 1px solid #d6dde7;
  border-radius: 18px;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  padding: 24px;
  box-shadow: 0 10px 30px rgba(24, 48, 86, 0.08);
}

.ttdn-lookup__head h3 {
  margin: 0 0 8px;
  color: #173a63;
  font-size: 26px;
  font-weight: 700;
}

.ttdn-lookup__head p {
  margin: 0 0 20px;
  color: #5f6d7a;
  font-size: 14px;
}

.ttdn-lookup__controls {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
}

.ttdn-lookup__controls input {
  min-height: 48px;
  border: 1px solid #c5d0dd;
  border-radius: 12px;
  padding: 0 14px;
  font-size: 15px;
  outline: none;
  transition: border-color .2s;
  margin-bottom: 0;
}

.ttdn-lookup__controls input:focus {
  border-color: #1f6fb2;
}

.ttdn-lookup__controls button {
  border: 0;
  border-radius: 12px;
  min-height: 48px;
  padding: 0 22px;
  background: #1f6fb2;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  font-size: 15px;
  transition: background .2s;
}

.ttdn-lookup__controls button:hover {
  background: #155a96;
}

.ttdn-lookup__status {
  margin-top: 14px;
  color: #1f6fb2;
  font-weight: 600;
  font-size: 14px;
}

.ttdn-lookup__results {
  margin-top: 18px;
}

/* ============================================================
   Thông báo / notice
   ============================================================ */
.ttdn-notice {
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 14px;
  font-size: 14px;
}

.ttdn-notice--warning {
  background: #fff7e6;
  color: #8a6200;
  border-left: 4px solid #f0a500;
}

/* ============================================================
   Card kết quả chính
   ============================================================ */
.ttdn-card {
  background: #fff;
  border: 1px solid #d6dde7;
  border-radius: 14px;
  overflow: hidden;
}

/* Tiêu đề: MST – Tên công ty */
.ttdn-card__title {
  padding: 20px 24px 14px;
  border-bottom: 3px solid #e8373b;
}

.ttdn-card__title h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #16324f;
  line-height: 1.35;
  word-break: break-word;
}

/* ============================================================
   Bảng thông tin chính
   ============================================================ */
.ttdn-info-table {
  width: 100%;
  border-collapse: collapse;
}

.ttdn-info-table__name td {
  padding: 14px 24px 10px;
  font-weight: 700;
  font-size: 1.3em;
  color: #16324f;
  border-bottom: 1px solid #eef1f5;

}

.ttdn-info-table tr {
  border-bottom: 1px solid #eef1f5;
}

.ttdn-info-table tr:last-child {
  border-bottom: 0;
}

.ttdn-info-table__label,
.ttdn-info-table__value {
  padding: 11px 24px;
  font-size: 14px;
  vertical-align: middle;
  text-align: left;
}

.ttdn-info-table__label {
  white-space: nowrap;
  color: #5a6a7a;
  width: 200px;
  min-width: 160px;
}

.ttdn-info-table__value {
  color: #1e2d3d;
  word-break: break-word;
}

/* Icons dùng ký tự Unicode trước label */
.ttdn-info-table__label span[class^="ttdn-icon"] {
  display: inline-block;
  width: 22px;
  text-align: center;
  margin-right: 6px;
  font-style: normal;
}

.ttdn-icon-mst::before   { content: '#'; font-weight: 700; color: #666; }
.ttdn-icon-addr::before  { content: '◎'; color: #e8373b; }
.ttdn-icon-info::before  { content: 'ℹ'; color: #1f6fb2; }
.ttdn-icon-user::before  { content: '👤'; font-size: 13px; }
.ttdn-icon-date::before  { content: '📅'; font-size: 13px; }
.ttdn-icon-tax::before   { content: '🏢'; font-size: 13px; }
.ttdn-icon-type::before  { content: '⚙'; color: #888; }
.ttdn-icon-sector::before{ content: '💼'; font-size: 13px; }
.ttdn-icon-phone::before { content: '📞'; font-size: 13px; }

/* ============================================================
   Thông báo cache + nút Cập nhật
   ============================================================ */
.ttdn-cache-notice {
  padding: 12px 24px;
  background: #f5f8fc;
  border-top: 1px solid #eef1f5;
  font-size: 13px;
  color: #5a6a7a;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.ttdn-cache-notice strong { color: #16324f; }
.ttdn-cache-notice em     { font-style: normal; color: #1f6fb2; }

.ttdn-refresh {
  border: 0;
  border-radius: 8px;
  padding: 6px 16px;
  background: #e8373b;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  font-size: 13px;
  transition: background .2s;
  white-space: nowrap;
}

.ttdn-refresh:hover { background: #c42d30; }

/* ============================================================
   Ngành nghề kinh doanh
   ============================================================ */
.ttdn-industries {
  padding: 20px 24px;
  border-top: 1px solid #eef1f5;
}

.ttdn-industries h2 {
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 700;
  color: #16324f;
}

.ttdn-industries-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.ttdn-industries-table thead tr {
  background: #f5f8fc;
}

.ttdn-industries-table th {
  padding: 9px 14px;
  text-align: left;
  font-weight: 700;
  color: #16324f;
  border-bottom: 2px solid #d6dde7;
}

.ttdn-industries-table td {
  padding: 9px 14px;
  border-bottom: 1px solid #eef1f5;
  color: #1e2d3d;
  text-align: left;
}

.ttdn-industries-table tr:last-child td { border-bottom: 0; }

.ttdn-industry--main td { font-weight: 700; }

/* ============================================================
   Chi nhánh / đơn vị trực thuộc
   ============================================================ */
.ttdn-related-records {
  padding: 20px 24px;
  border-top: 1px solid #eef1f5;
}

.ttdn-related-records h5 {
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 700;
  color: #16324f;
}

.ttdn-search-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.ttdn-search-item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  background: #f7fbff;
  border: 1px solid #d6dde7;
  border-radius: 10px;
  padding: 12px 16px;
}

.ttdn-search-item strong {
  display: block;
  color: #16324f;
  font-size: 14px;
  margin-bottom: 4px;
}

.ttdn-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px;
  color: #587188;
}

.ttdn-detail-button {
  border: 0;
  border-radius: 8px;
  padding: 6px 14px;
  background: #1f6fb2;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  transition: background .2s;
}

.ttdn-detail-button:hover { background: #155a96; }

/* ============================================================
   Kết quả tìm kiếm danh sách
   ============================================================ */
.ttdn-search-results h4 {
  margin: 0 0 14px;
  color: #173a63;
  font-size: 17px;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 600px) {
  .ttdn-lookup__controls {
    grid-template-columns: 1fr;
  }

  .ttdn-card__title { padding: 16px 16px 12px; }
  .ttdn-card__title h2 { font-size: 16px; }

  .ttdn-info-table__label,
  .ttdn-info-table__value { padding: 10px 16px; }

  .ttdn-info-table__label { width: auto; display: block; }
  .ttdn-info-table td     { display: block; }
  .ttdn-info-table__name td { padding: 12px 16px 8px; }

  .ttdn-info-table__label { padding-bottom: 2px; }
  .ttdn-info-table__value { padding-top: 2px; }

  .ttdn-cache-notice { padding: 12px 16px; }
  .ttdn-industries   { padding: 16px; }
  .ttdn-related-records { padding: 16px; }
}