/* Query record details share the public tender detail typography and spacing. */
.template-ui-root .query-detail-standard {
  min-width: 0;
  margin: 0 0 28px;
  color: #243b57;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 13px;
  line-height: 1.65;
}
.query-detail-standard :is(h1, h2, h3, button, [class*="font-"]) { font-family: inherit; }
.query-detail-topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  min-height: 20px;
}
.query-detail-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: #7b8799;
  font-size: 13px;
  line-height: 20px;
}
.query-detail-breadcrumb a { color: #526176; text-decoration: none; }
.query-detail-breadcrumb a:hover { color: #0052d9; }
.query-detail-back {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 5px;
  padding: 0;
  border: 0;
  color: #376697;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
}
.query-detail-back .material-symbols-outlined { font-size: 16px; }
.query-detail-back:hover { color: #0052d9; }
.query-detail-standard :is(button, a):focus-visible { outline: 2px solid #1762ed; outline-offset: 3px; }
.query-detail-main-card,
.query-detail-related-card {
  min-width: 0;
  border: 1px solid #dbe5f1;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 14px #24497605;
}
.query-detail-record-head { padding: 25px 28px 22px; border-bottom: 1px solid #e5ebf3; }
.query-detail-record-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
.query-detail-kind {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border: 1px solid #dce8ff;
  border-radius: 4px;
  background: #f5f9ff;
  color: #0052d9;
  font-size: 12px;
  font-weight: 500;
}
.query-detail-kind .material-symbols-outlined { font-size: 17px; }
.query-detail-record-subtitle { min-width: 0; color: #71829a; font-size: 12px; overflow-wrap: anywhere; }
.query-detail-record-title {
  margin: 15px 0 18px;
  padding: 0;
  color: #112c50;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: -.3px;
  overflow-wrap: anywhere;
}
.query-detail-record-actions > div { flex-wrap: wrap; }
.query-detail-standard .query-detail-action {
  height: 36px;
  min-height: 36px;
  padding: 0 13px;
  border-radius: 5px;
  border-color: #d5e2f3;
  color: #1459b8;
  background: #fff;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
}
.query-detail-standard .query-detail-action:hover { border-color: #83adf7; background: #f4f8ff; }
.query-detail-standard .query-detail-action-active { border-color: #9ebff6; background: #edf4ff; color: #0052d9; }
.query-detail-record-body { padding: 23px 28px 28px; }
.query-detail-standard .query-detail-section-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 17px;
  color: #17375c;
  font-size: 16px;
  font-weight: 650;
  line-height: 24px;
}
.query-detail-section-title::before { content: ''; width: 3px; height: 16px; flex-shrink: 0; border-radius: 3px; background: #1762ed; }
.query-detail-standard .query-detail-fields-content { padding: 0; }
.query-detail-standard .query-detail-fields-grid { border-color: #dfe7f1; border-radius: 6px; }
.query-detail-standard .query-detail-field { min-height: 46px; }
.query-detail-standard .query-detail-field-label,
.query-detail-standard .query-detail-field-value { padding: 12px 14px; line-height: 1.7; font-size: 13px; }
.query-detail-standard .query-detail-field-label { color: #647b97; background: #f7faff; }
.query-detail-standard .query-detail-field-value { color: #2f4561; }
.query-detail-standard .query-detail-structured-block { margin-top: 24px; border-radius: 6px; }
.query-detail-standard .query-detail-structured-head { padding: 12px 15px; background: #f4f8ff; }
.query-detail-standard .query-detail-structured-head strong { color: #17375c; font-weight: 600; }
.query-detail-standard .query-detail-structured-table { min-width: 760px; font-variant-numeric: tabular-nums; }
.query-detail-standard .query-detail-structured-table :is(th, td) { padding: 12px 14px; font-size: 13px; line-height: 1.7; }
.query-detail-standard .query-detail-structured-table th { color: #56708f; background: #f8faff; white-space: nowrap; }
.query-detail-standard .query-detail-structured-table tbody tr:nth-child(even) { background: #fcfdff; }
.query-detail-standard .query-detail-structured-table tbody tr:hover { background: #f1f6ff; }
.query-detail-related-card { margin-top: 20px; padding: 23px 28px 28px; }
.query-detail-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.query-detail-related-grid > div { min-width: 0; padding: 16px; border-radius: 6px; border-color: #e1e9f4; background: #fff; }
.query-detail-related-grid .font-semibold { color: #234365; font-size: 14px; font-weight: 600; }
.query-detail-related-grid .text-sm { color: #647b97; font-size: 12px; line-height: 1.75; }
@media (max-width: 1050px) {
  .query-detail-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .query-detail-topline { align-items: flex-start; flex-wrap: wrap; gap: 7px; }
  .query-detail-breadcrumb { font-size: 12px; }
  .query-detail-record-head { padding: 20px 18px; }
  .query-detail-record-title { margin: 12px 0 16px; font-size: 21px; line-height: 1.6; }
  .query-detail-record-body, .query-detail-related-card { padding: 20px 18px; }
  .query-detail-standard .query-detail-field,
  .query-detail-standard .query-detail-field-wide { grid-template-columns: minmax(98px, 30%) minmax(0, 1fr); }
  .query-detail-standard .query-detail-field-label,
  .query-detail-standard .query-detail-field-value { padding: 10px; font-size: 12px; }
  .query-detail-related-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}