.content-model-tabs { margin-bottom: var(--space-5); } .field-sets-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-bottom: var(--space-5); } .field-sets-stat { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4); } .field-sets-stat b { display: block; font-size: 20px; line-height: 1.1; font-weight: 800; } .field-sets-stat span { color: var(--text-secondary); } .field-sets-panel-header { margin-bottom: var(--space-4); } .field-sets-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); } .field-set-card { display: grid; align-content: start; gap: var(--space-4); padding: var(--space-4); } .field-set-card.is-unavailable { opacity: 0.65; } .field-set-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: var(--space-3); } .field-set-head h3, .field-set-head p { margin: 0; } .field-set-head h3 { font-size: 16px; } .field-set-head p { margin-top: 3px; color: var(--text-secondary); font-size: 13px; } .field-set-groups { display: grid; gap: var(--space-2); } .field-set-groups > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: var(--surface-muted); } .field-set-groups small { grid-column: 1 / -1; color: var(--text-secondary); line-height: 1.45; } .field-set-actions { display: grid; grid-template-columns: minmax(180px, 1fr) auto auto; align-items: end; gap: var(--space-3); } .field-set-warning { display: flex; align-items: center; gap: var(--space-2); margin: 0; color: var(--amber-700); font-size: 12px; } @media (max-width: 980px) { .field-sets-grid { grid-template-columns: 1fr; } } @media (max-width: 720px) { .field-sets-summary, .field-set-actions { grid-template-columns: 1fr; } .field-set-head { grid-template-columns: auto minmax(0, 1fr); } .field-set-head > .badge { grid-column: 2; justify-self: start; } }