/* Source: WEB-INF/jsp/cop/bbs/customUI/buildCaseForm.jsp style block 1. */
.board-section-label {
  background-color: #182048;
  color: #fff;
}
.board-section-fill {
  background-color: #515a82;
}
.board-grid-full {
  grid-column: 1 / -1;
}
.board-grid-full-spaced {
  grid-column: 1 / -1;
  margin-top: 30px;
}
.build-case-list { display: flex; flex-direction: column; gap: 12px; }
.build-case-item {
  overflow: hidden;
  border: 1px solid #dde2e5;
  background: #fff;
}
.build-case-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 0 14px 0 16px;
  border-bottom: 1px solid #dde2e5;
  background: #f5f6f7;
}
.build-case-head strong {
  color: #222;
  font-size: 15px;
  font-weight: 700;
}
.build-case-add,
.build-case-remove {
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  background: #fff;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.build-case-add {
  min-height: 34px;
  padding: 0 14px;
}
.build-case-remove {
  min-height: 30px;
  padding: 0 10px;
}
.build-case-remove:disabled {
  display: none;
}
.build-case-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.build-case-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px 14px;
  padding: 16px;
}
.build-case-grid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.build-case-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.build-case-check-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 12px;
  padding: 12px;
  border: 1px solid #dde2e5;
  background: #fff;
}
.build-case-grid .build-case-check {
  flex-direction: row;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  color: #222;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}
.build-case-check input {
  width: 16px;
  height: 16px;
  margin: 0;
}
.build-case-etc-field {
  margin-top: 8px;
}
.build-case-etc-field label {
  font-size: 13px;
}
.build-case-grid .f_txt {
  height: 40px;
  padding: 0 12px;
  border-radius: 0;
  font-size: 14px;
}
.build-case-grid textarea.f_txt {
  height: auto;
  min-height: 76px;
  padding: 10px 12px;
  line-height: 1.5;
  resize: vertical;
}
.build-case-wide { grid-column: 1 / -1; }
@media (max-width: 768px) {
  .build-case-grid { grid-template-columns: 1fr; padding: 14px; }
  .build-case-check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Source: WEB-INF/jsp/cop/bbs/customUI/buildCaseInq.jsp style block 1. */
.build-case-view { align-items: flex-start; }
.build-case-view .value {
  width: 100%;
  white-space: normal;
}
.build-case-list-view {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.build-case-view-item {
  display: block;
  padding: 0 0 14px;
  border-bottom: 1px solid #f1f5f9;
  background: transparent;
}
.build-case-view-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.build-case-view-title {
  display: flex;
  align-items: flex-start;
  min-height: 0;
  padding: 0 0 10px;
  background: transparent;
}
.build-case-view-title span {
  color: #1e293b;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.5;
}
.build-case-view-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}
.build-case-view-grid > span {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 9px 0;
  border-bottom: 1px solid #f1f5f9;
  background: transparent;
  white-space: normal;
}
.build-case-view-grid > span:last-child {
  border-bottom: 0;
}
.build-case-view-grid b {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.55;
}
.build-case-view-grid > span > span {
  color: #1e293b;
  font-size: 14px;
  line-height: 1.55;
  word-break: break-word;
}
@media (max-width: 768px) {
  .build-case-view-title {
    gap: 8px;
    padding-bottom: 8px;
  }
  .build-case-view-grid > span {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 8px 0;
  }
}

/* Source: WEB-INF/jsp/cop/bbs/customUI/generalBoardInq.jsp style block 1. */
.similar-product-panel {
  margin: 22px 0 18px;
  padding: 18px 20px;
  border: 1px solid #dbe6f3;
  border-radius: 8px;
  background: #f8fbff;
}
.similar-product-panel-title {
  margin: 0 0 6px;
  color: #102a43;
  font-size: 18px;
  font-weight: 800;
}
.similar-product-panel-basis {
  margin-bottom: 12px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}
.similar-product-panel-state {
  padding: 16px;
  border-radius: 6px;
  background: #ffffff;
  color: #40566f;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.similar-product-panel-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.similar-product-panel-item {
  display: block;
  padding: 13px 14px;
  border: 1px solid #e4edf8;
  border-radius: 8px;
  background: #ffffff;
  text-decoration: none;
}
.similar-product-panel-name {
  display: block;
  margin-bottom: 7px;
  color: #102a43;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
}
.similar-product-panel-meta {
  display: block;
  color: #64748b;
  font-size: 13px;
  line-height: 1.6;
}
.ai-research-panel {
  margin: 22px 0 18px;
  padding: 18px 20px;
  border: 1px solid #dbe6f3;
  border-radius: 8px;
  background: #ffffff;
}
.ai-research-panel-title {
  margin: 0;
  color: #102a43;
  font-size: 18px;
  font-weight: 800;
}
.ai-research-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.ai-research-refresh-button {
  border: 0;
  border-radius: 4px;
  background: var(--detail-button-color, #1e5aa0);
  color: #ffffff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  padding: 8px 12px;
}
.ai-research-refresh-button:disabled {
  cursor: wait;
  opacity: 0.65;
}
.ai-research-panel-content {
  color: #334155;
  font-size: 14px;
  line-height: 1.75;
  white-space: pre-line;
}
.ai-research-panel-status {
  margin-top: 10px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
}

.ai-research-refresh-button.is-build-case {
  --detail-button-color: #15803d;
}
.ai-research-refresh-button.is-procurement {
  --detail-button-color: #1e5aa0;
}
.ai-research-refresh-button.is-general {
  --detail-button-color: #b45309;
}

.detail-action-button {
  width: 56px;
  height: 34px;
  border-radius: 0;
  background: var(--detail-button-color, #1e5aa0);
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}
.detail-action-button.is-build-case {
  --detail-button-color: #15803d;
}
.detail-action-button.is-procurement {
  --detail-button-color: #1e5aa0;
}
.detail-action-button.is-general {
  --detail-button-color: #b45309;
}

/* Source: WEB-INF/jsp/cop/bbs/customUI/procurementBoardInq.jsp style block 1. */
.similar-product-panel {
  margin: 22px 0 18px;
  padding: 18px 20px;
  border: 1px solid #dbe6f3;
  border-radius: 8px;
  background: #f8fbff;
}
.similar-product-panel-title {
  margin: 0 0 6px;
  color: #102a43;
  font-size: 18px;
  font-weight: 800;
}
.similar-product-panel-basis {
  margin-bottom: 12px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.6;
}
.similar-product-panel-state {
  padding: 16px;
  border-radius: 6px;
  background: #ffffff;
  color: #40566f;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.similar-product-panel-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.similar-product-panel-item {
  display: block;
  padding: 13px 14px;
  border: 1px solid #e4edf8;
  border-radius: 8px;
  background: #ffffff;
  text-decoration: none;
}
.similar-product-panel-name {
  display: block;
  margin-bottom: 7px;
  color: #102a43;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
}
.similar-product-panel-meta {
  display: block;
  color: #64748b;
  font-size: 13px;
  line-height: 1.6;
}
.ai-research-panel {
  margin: 22px 0 18px;
  padding: 18px 20px;
  border: 1px solid #dbe6f3;
  border-radius: 8px;
  background: #ffffff;
}
.ai-research-panel-title {
  margin: 0;
  color: #102a43;
  font-size: 18px;
  font-weight: 800;
}
.ai-research-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.ai-research-refresh-button {
  border: 0;
  border-radius: 4px;
  background: var(--detail-button-color, #1e5aa0);
  color: #ffffff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  padding: 8px 12px;
}
.ai-research-refresh-button:disabled {
  cursor: wait;
  opacity: 0.65;
}
.ai-research-panel-content {
  color: #334155;
  font-size: 14px;
  line-height: 1.75;
  white-space: pre-line;
}
.ai-research-panel-status {
  margin-top: 10px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
}

.ai-research-refresh-button.is-build-case {
  --detail-button-color: #15803d;
}
.ai-research-refresh-button.is-procurement {
  --detail-button-color: #1e5aa0;
}
.ai-research-refresh-button.is-general {
  --detail-button-color: #b45309;
}

.detail-action-button {
  width: 56px;
  height: 34px;
  border-radius: 0;
  background: var(--detail-button-color, #1e5aa0);
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}
.detail-action-button.is-build-case {
  --detail-button-color: #15803d;
}
.detail-action-button.is-procurement {
  --detail-button-color: #1e5aa0;
}
.detail-action-button.is-general {
  --detail-button-color: #b45309;
}