.tabs-row { display: flex; gap: 0.25rem; margin-bottom: 1rem; }
.tab-btn { padding: 0.4rem 1rem; font-size: 0.85rem; font-weight: 600; border: 1px solid var(--border-color); border-radius: var(--radius-sm); background: var(--bg-secondary); color: var(--text-secondary); cursor: pointer; }
.tab-btn.active { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.tab-panel { display: none; }
.tab-panel.active { display: block; }

.code-textarea { font-family: monospace; font-size: 0.8rem; min-height: 180px; resize: vertical; }
.actions-row { display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 1rem 0; }

.result-summary {
  display: flex; align-items: center; gap: 1rem; padding: 1rem;
  border-radius: var(--radius-md); margin-bottom: 1rem;
}
.result-summary.indexed { background: #dcfce7; border: 1px solid #bbf7d0; }
.result-summary.noindex { background: #fee2e2; border: 1px solid #fecaca; }
.result-summary.partial { background: #fef9c3; border: 1px solid #fde68a; }
.result-icon { font-size: 2rem; }
.result-main-label { font-weight: 700; font-size: 1.05rem; }
.result-main-sub { font-size: 0.85rem; color: var(--text-secondary); margin-top: 0.2rem; }

.directives-list { display: flex; flex-direction: column; gap: 0.5rem; }
.directive-item { display: grid; grid-template-columns: 28px 1fr; gap: 0.5rem; padding: 0.6rem 0.75rem; background: var(--bg-secondary); border-radius: var(--radius-sm); font-size: 0.85rem; }
.directive-status { font-weight: 700; }
.directive-info strong { font-family: monospace; }