.layout-main:has(> .items-catalogue) { padding-block: .5rem; }
.items-catalogue { display: grid; gap: .65rem; color: var(--color-text, #17324d); min-width: 0; }
.items-catalogue .page-header__title { font-size: 1.15rem; }
.items-catalogue h2 { font-size: .95rem; margin: 0; }
.items-catalogue p { font-size: .85rem; margin-block: .5rem; }
.items-catalogue__status { color: #38624c; }
.items-catalogue__tabs, .items-catalogue__actions, .items-catalogue__toolbar, .items-catalogue__footer, .items-catalogue__pagination { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.items-catalogue__tabs button { padding: .4rem .8rem; border: 1px solid #d4deea; border-radius: 4px; background: #fff; color: inherit; cursor: pointer; }
.items-catalogue__tabs button.is-active { background: #e8f0f7; border-color: #8ba9c6; font-weight: 600; }
.items-catalogue__editor { display: grid; gap: .65rem; min-width: 0; }
.items-catalogue__fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: .65rem; align-items: start; }
.items-catalogue__workspace { display: grid; grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); gap: .75rem; align-items: start; }
.items-catalogue__panel, .items-catalogue__card { padding: .85rem; border: 1px solid #d4deea; border-radius: 5px; background: #fff; min-width: 0; }
.items-catalogue__cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); gap: .65rem; }
.items-catalogue__toolbar { justify-content: space-between; margin-bottom: .5rem; }
.items-catalogue__field-row { display: flex; align-items: center; gap: .2rem; border-bottom: 1px solid #e4eaf1; padding-block: .25rem; }
.items-catalogue__field-button { text-align: left; flex: 1; min-width: 0; border: 0; background: transparent; color: inherit; cursor: pointer; padding: .4rem; border-radius: 3px; overflow-wrap: anywhere; }
.items-catalogue__field-button.is-active { background: #e8f0f7; }
.items-catalogue__field-button small { display: block; color: #62758b; font-size: .72rem; }
.items-catalogue__check { display: flex; gap: .45rem; align-items: center; padding-block: .45rem; font-size: .82rem; }
.items-catalogue__details { border-bottom: 1px solid #e1e7ee; padding-block: .5rem; min-width: 0; }
.items-catalogue__details > summary, .items-catalogue__instance > summary { cursor: pointer; font-size: .83rem; padding-block: .25rem; }
.items-catalogue__footer { position: sticky; bottom: 0; z-index: 5; justify-content: space-between; padding: .5rem .75rem; background: #fff; border: 1px solid #d4deea; border-radius: 5px; }
.items-catalogue__pagination { justify-content: flex-end; font-size: .78rem; }
.items-catalogue__error { color: #a32f38; font-size: .82rem; }
.items-catalogue__notice { padding: .65rem; border: 1px solid #c8d7e5; border-radius: 4px; background: #f0f5fa; font-size: .85rem; }
.items-catalogue__table { overflow-x: auto; }
.items-catalogue__table table { width: 100%; border-collapse: collapse; background: #fff; font-size: .83rem; }
.items-catalogue__table th, .items-catalogue__table td { text-align: left; border-bottom: 1px solid #e1e7ee; padding: .55rem; vertical-align: top; }
.items-catalogue__table th { background: #f0f5fa; }
.items-catalogue__wide { grid-column: 1 / -1; }
.items-catalogue__group { min-width: 0; border: 1px solid #d4deea; border-radius: 4px; padding: .65rem; }
.items-catalogue__group legend { font-size: .85rem; padding-inline: .3rem; }
.items-catalogue__instance { padding-block: .4rem; border-bottom: 1px solid #e1e7ee; }
.items-catalogue .field select { width: 100%; min-height: 34px; padding: .35rem .5rem; color: inherit; background: #fff; border: 1px solid #cbd7e4; border-radius: 4px; }
.items-catalogue .field__input { min-height: 34px; font-size: .85rem; }
.items-catalogue .field__label { font-size: .8rem; }
.items-catalogue [hidden] { display: none !important; }
@media (max-width: 850px) { .items-catalogue__workspace { grid-template-columns: 1fr; } }