.brand-library-overrides { width: 100%; min-width: 0; }
.brand-library-overrides .overrides-card { border: 1px solid var(--skin-border, #e0e4ea); border-radius: var(--skin-radius, 12px); background: var(--skin-surface, #fff); overflow: hidden; }
.brand-library-overrides .overrides-badge { flex-shrink: 0; padding: 5px 10px; border-radius: 20px; background: var(--skin-surface-muted, #f5f5f5); color: var(--skin-muted, #667085); font-size: 12px; font-weight: 600; }
.brand-library-overrides .overrides-controls { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; padding: 12px 16px; }
.brand-library-overrides .overrides-controls label { display: grid; gap: 4px; min-width: 180px; font-size: 12px; font-weight: 600; }
.brand-library-overrides select, .brand-library-overrides input, .brand-library-overrides textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--skin-border, #d0d5dd); border-radius: 6px; background: var(--skin-surface, #fff); color: var(--skin-text, #222b38); padding: 6px 8px; font: inherit; font-size: 13px; }
.brand-library-overrides :is(select, input, textarea):focus-visible { outline: 2px solid var(--skin-accent, #d94709); outline-offset: 2px; }
.brand-library-overrides textarea { resize: vertical; min-height: 32px; line-height: 1.35; }
.brand-library-overrides textarea:focus { min-height: 76px; }
.brand-library-overrides .overrides-status { margin: 8px 16px; font-size: 12px; color: var(--skin-muted, #667085); }
.brand-library-overrides .overrides-empty { padding: 20px 16px; text-align: center; }
.brand-library-overrides .overrides-table-wrap { overflow: auto; max-height: min(48vh, 520px); }
.brand-library-overrides .overrides-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.brand-library-overrides .overrides-table th, .brand-library-overrides .overrides-table td { padding: 5px 12px; vertical-align: top; border-bottom: 1px solid var(--skin-border, #e0e4ea); }
.brand-library-overrides .overrides-table th { position: sticky; top: 0; z-index: 1; text-align: left; font-size: 12px; background: var(--skin-surface-muted, #f5f5f5); }
.brand-library-overrides .overrides-table th:first-child { width: 24%; }
.brand-library-overrides .overrides-table th:last-child { width: 100px; }
.brand-library-overrides .overrides-actions { display: flex; gap: 10px; padding: 10px 16px; align-items: center; flex-wrap: wrap; }
.brand-library-overrides .overrides-actions button:first-child { margin-right: auto; }
.brand-library-overrides [hidden] { display: none !important; }
.brand-library-overrides .conversion-settings { margin: 0; padding: 10px 16px; border-top: 1px solid var(--skin-border, #e0e4ea); border-bottom: 1px solid var(--skin-border, #e0e4ea); }
.brand-library-overrides .conversion-settings h3 { margin: 0 0 8px; font-size: 13px; }
.brand-library-overrides .conversion-settings p { margin: 4px 0 0; font-size: 12px; line-height: 1.4; }
.brand-library-overrides .conversion-settings-form { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(200px, 2fr) auto auto; align-items: end; padding: 0; gap: 12px; }
.brand-library-overrides .conversion-settings-form label { display: grid; gap: 4px; min-width: 0; font-size: 12px; font-weight: 600; }
.brand-library-overrides .conversion-settings-form input[type=checkbox] { width: 18px; height: 18px; }
.brand-library-overrides .conversion-settings-form button { justify-self: start; }
@media (max-width: 700px) {
  .brand-library-overrides .overrides-controls label { min-width: 0; flex: 1 1 180px; }
  .brand-library-overrides .overrides-table, .brand-library-overrides .overrides-table tbody, .brand-library-overrides .overrides-table tr, .brand-library-overrides .overrides-table td { display: block; width: auto; }
  .brand-library-overrides .overrides-table thead { display: none; }
  .brand-library-overrides .overrides-table tr { padding: 12px; border-bottom: 1px solid var(--skin-border, #e0e4ea); }
  .brand-library-overrides .overrides-table td { padding: 6px 0; border: 0; }
  .brand-library-overrides .overrides-table td:last-child { text-align: right; }
  .brand-library-overrides .overrides-actions button:first-child { margin-right: 0; }
}

.portal-page #panel-knowledge .brand-library-overrides .overrides-card { padding: 0; }
.brand-library-overrides .conversion-settings small { display: block; margin-top: 6px; font-size: 11px; color: var(--skin-muted, #667085); }
.brand-library-overrides .conversion-settings-form .conversion-embed { display: flex; align-items: center; gap: 6px; align-self: center; white-space: nowrap; }
.brand-library-overrides .overrides-controls .overrides-badge { margin-left: auto; align-self: center; }
@media (max-width: 900px) { .brand-library-overrides .conversion-settings-form { grid-template-columns: 1fr 1fr; } }
@media (max-width: 500px) { .brand-library-overrides .conversion-settings-form { grid-template-columns: 1fr; } }