/**
 * RFP Management stylesheet for AI Compliance Bot
 * Framework approval, categories editor, publication facts, markdown split-editor, attention list.
 */

.management-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.record-selector-card {
  padding: 1.25rem 1.5rem;
  border-radius: 1.15rem;
  background: var(--product-surface);
  border: 1px solid var(--product-border);
  box-shadow: var(--shadow-sm);
}

.record-origin-badge {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.15rem 0.5rem;
  border-radius: 0.35rem;
}

/* Framework Approval Card */
.framework-card {
  padding: 1.5rem;
  border-radius: 1.15rem;
  background: var(--product-surface);
  border: 1px solid var(--product-border);
  box-shadow: var(--shadow-sm);
  margin-bottom: 1.5rem;
}

.categories-table-wrap {
  margin: 1rem 0;
}

/* Markdown Split Editor & Attention */
.markdown-editor-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.markdown-textarea {
  width: 100%;
  min-height: 480px;
  padding: 1rem;
  font-family: var(--font-mono);
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--product-ink);
  background: var(--product-surface);
  border: 1px solid var(--product-border);
  border-radius: 0.85rem;
  resize: vertical;
}

.markdown-preview-box {
  padding: 1.5rem;
  border-radius: 0.85rem;
  background: var(--product-surface);
  border: 1px solid var(--product-border);
  min-height: 480px;
  line-height: 1.7;
}

.markdown-preview-box h1, .markdown-preview-box h2, .markdown-preview-box h3 {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}

.markdown-preview-box p, .markdown-preview-box ul, .markdown-preview-box ol {
  margin-bottom: 0.85rem;
}

.markdown-preview-box li {
  margin-left: 1.25rem;
  margin-bottom: 0.25rem;
}

.markdown-preview-box table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

.markdown-preview-box th,
.markdown-preview-box td {
  border: 1px solid var(--product-border);
  padding: 0.45rem 0.75rem;
  text-align: left;
}

.markdown-preview-box th {
  background: var(--product-surface-alt, var(--product-surface));
  font-weight: 600;
}

.markdown-preview-box code {
  background: var(--product-surface-alt, #f3f4f6);
  border-radius: 0.25rem;
  padding: 0.1em 0.35em;
  font-size: 0.88em;
  font-family: 'Source Code Pro', monospace;
}

.markdown-preview-box pre {
  background: var(--product-surface-alt, #f3f4f6);
  border-radius: 0.5rem;
  padding: 1rem;
  overflow-x: auto;
  margin-bottom: 0.85rem;
}

.markdown-preview-box pre code {
  background: none;
  padding: 0;
}

/* Attention Items */
.attention-card {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 1rem 1.25rem;
  border-radius: 0.85rem;
  background: var(--product-warning-soft);
  border: 1px solid color-mix(in srgb, var(--product-warning) 30%, transparent);
  margin-bottom: 0.85rem;
}

.attention-card__title {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--product-warning);
}

.attention-card__text {
  font-size: 0.84rem;
  color: var(--product-ink);
}

.attention-card__fix {
  font-size: 0.80rem;
  color: var(--product-muted);
  font-style: italic;
  margin-top: 0.25rem;
}

/* Standards Suggestions */
.standards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin: 1rem 0;
}

.standard-card {
  padding: 1rem;
  border-radius: 0.85rem;
  background: var(--product-soft);
  border: 1px solid var(--product-border);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.standard-card__name {
  font-weight: 700;
  font-size: 0.90rem;
  color: var(--product-ink);
}

.standard-card__desc {
  font-size: 0.80rem;
  color: var(--product-muted);
}