/* Use the portal's existing colors, typography, forms and button variants. */
#disposition-settings { margin-bottom:32px; }
.disposition-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:8px; }
.disposition-heading h2 { font-size:1.05rem; font-weight:500; letter-spacing:0; }
.disposition-description { color:var(--text-secondary); font-size:.85rem; line-height:1.6; max-width:760px; }
.disposition-status { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin-top:16px; font-size:.8rem; color:var(--text-secondary); }
.disposition-status .disposition-checked { color:var(--text-tertiary); }
.disposition-health { margin:16px 0 24px; padding:14px 16px; border:1px solid var(--border-subtle); border-radius:var(--radius-sm); background:var(--bg-card); color:var(--text-secondary); font-size:.8rem; line-height:1.6; }
.disposition-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
.disposition-toolbar-group { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.disposition-toolbar .form-input { width:190px; padding:8px 34px 8px 12px; font-size:.8rem; min-height:34px; }
.disposition-toolbar .btn { min-height:34px; }
.disposition-section { margin-top:24px; }
.disposition-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.disposition-section h3 { font-size:.95rem; font-weight:500; letter-spacing:0; }
.disposition-table { table-layout:fixed; }
.disposition-table th:nth-child(1) { width:25%; }
.disposition-table th:nth-child(2) { width:39%; }
.disposition-table th:nth-child(3) { width:27%; }
.disposition-table th:nth-child(4) { width:9%; text-align:center; }
.disposition-table td { vertical-align:top; padding:14px 16px; }
.disposition-table .form-input { font-size:.85rem; padding:9px 11px; }
.disposition-table textarea.form-input { height:64px; min-height:64px; resize:vertical; line-height:1.5; display:block; }
.disposition-table input[type=checkbox] { accent-color:var(--accent); width:16px; height:18px; margin:13px 0 0; cursor:pointer; }
.disposition-table td:last-child { text-align:center; }
.disposition-table .form-input:disabled { opacity:1; color:var(--text-secondary); background:transparent; border-color:transparent; }
.disposition-help { font-size:.8rem; line-height:1.6; color:var(--text-tertiary); margin-top:16px; max-width:760px; }
@media(max-width:768px) {
 .disposition-toolbar { align-items:stretch; }
 .disposition-toolbar-group { width:100%; }
 .disposition-toolbar .btn { min-height:44px; }
 .disposition-table { min-width:720px; }
 .disposition-table-wrap { overflow-x:auto; }
}

/* Keep the catalog editor compact without inheriting the general message-box height. */
#disposition-settings .disposition-toolbar { padding:16px; border:1px solid var(--border-subtle); border-radius:12px; background:var(--bg-card); }
#disposition-settings .disposition-toolbar .form-input,
#disposition-settings .disposition-toolbar .btn { min-height:44px; }
#disposition-settings .disposition-table .form-input { width:100%; box-sizing:border-box; margin:0; }
#disposition-settings .disposition-table th { padding:14px 16px; }
@media(max-width:768px) {
 .disposition-table { min-width:0; display:block; }
 .disposition-table thead { display:none; }
 .disposition-table tbody { display:block; }
 .disposition-table tr { display:grid; grid-template-columns:minmax(0,1fr) 72px; gap:12px; padding:16px; border-bottom:1px solid var(--border-subtle); }
 .disposition-table td { display:block; padding:0; border:0; min-width:0; }
 .disposition-table td:nth-child(1) { grid-column:1; grid-row:1; }
 .disposition-table td:nth-child(2) { grid-column:1 / -1; grid-row:2; }
 .disposition-table td:nth-child(3) { grid-column:1 / -1; grid-row:3; }
 .disposition-table td:nth-child(4) { grid-column:2; grid-row:1; text-align:center; }
 .disposition-table td::before { display:block; margin-bottom:6px; color:var(--text-secondary); font-size:.75rem; }
 .disposition-table td:nth-child(1)::before { content:"Name"; }
 .disposition-table td:nth-child(2)::before { content:"When to use"; }
 .disposition-table td:nth-child(3)::before { content:"Other names"; }
 .disposition-table td:nth-child(4)::before { content:"Active"; }
 .disposition-table textarea.form-input { height:80px; }
 .disposition-toolbar-group { gap:8px; }
 .disposition-toolbar-group .btn { flex:1 1 auto; }
}