.ig-page-content {
    display: grid;
    align-content: start;
    gap: var(--ig-space-5);
}

.ig-page-content > :where(.alert, .ig-alert, .ig-page-toolbar, .ig-toolbar, .ig-card, .card, form, section, aside, nav) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ig-page-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--ig-space-3);
}

.ig-section-title {
    margin: 0 0 var(--ig-space-3);
    color: var(--ig-color-text);
    font-size: var(--ig-font-size-lg);
    font-weight: 800;
}

.ig-section-description {
    margin: calc(var(--ig-space-2) * -1) 0 var(--ig-space-4);
    color: var(--ig-color-muted);
}

.ig-form-section {
    padding: var(--ig-space-5);
    border: 1px solid var(--ig-color-border);
    border-radius: var(--ig-radius-lg);
    background: var(--ig-color-surface);
    box-shadow: var(--ig-shadow-sm);
}

.ig-form-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--ig-space-3);
    margin-top: var(--ig-space-5);
}

.ig-metric-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
    gap: var(--ig-space-4);
}

.ig-metric {
    min-width: 0;
    display: grid;
    gap: var(--ig-space-2);
}

.ig-metric__label { color: var(--ig-color-muted); font-size: var(--ig-font-size-sm); font-weight: 700; }
.ig-metric__value { color: var(--ig-color-text); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; line-height: 1.1; }
.ig-metric__context { color: var(--ig-color-muted); font-size: var(--ig-font-size-sm); }

.ig-data-list { display: grid; gap: var(--ig-space-3); margin: 0; }
.ig-data-list > div { min-width: 0; display: grid; grid-template-columns: minmax(7rem, 35%) minmax(0, 1fr); gap: var(--ig-space-3); }
.ig-data-list dt { color: var(--ig-color-muted); font-size: var(--ig-font-size-sm); }
.ig-data-list dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }

.ig-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ig-space-2); }
.ig-actions form { margin: 0; }
.ig-code { padding: .18rem .38rem; border-radius: .35rem; color: #8c3a0f; background: var(--ig-color-primary-soft); overflow-wrap: anywhere; }

.ig-page-content .pagination { margin-bottom: 0; }
.ig-page-content .page-link { color: var(--ig-color-primary-hover); border-color: var(--ig-color-border); }
.ig-page-content .page-item.active .page-link { color: #fff; background: var(--ig-color-primary); border-color: var(--ig-color-primary); }

@media (max-width: 767.98px) {
    .ig-page-content { gap: var(--ig-space-4); }
    .ig-page-toolbar { align-items: stretch; flex-direction: column; }
    .ig-page-toolbar > .btn, .ig-page-toolbar > .ig-btn { width: 100%; }
    .ig-form-section { padding: var(--ig-space-4); }
    .ig-form-actions { align-items: stretch; flex-direction: column; }
    .ig-form-actions > .btn, .ig-form-actions > .ig-btn { width: 100%; }
    .ig-data-list > div { grid-template-columns: 1fr; gap: var(--ig-space-1); }
}