/* Domain layout; presentation belongs to styles/components.css. */
.document-module { display: grid; gap: var(--space-8); }
.document-hero { display: flex; justify-content: space-between; align-items: flex-start;  gap: var(--space-8); }
.document-hero-actions, .document-card__actions, .document-proposal-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.document-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.document-kpis article { display: grid; }
.document-reconciliation { overflow: hidden; }
.document-reconciliation summary { display: flex; justify-content: space-between; gap: var(--space-6); padding: var(--space-6); }
.document-reconciliation > div { display: grid; }
.document-reconciliation article { display: flex; justify-content: space-between; gap: var(--space-6); padding: .8rem var(--space-6); }
.document-toolbar { display: grid; grid-template-columns: minmax(16rem, 1fr) repeat(2, minmax(11rem, .3fr)) auto; gap: var(--space-6); align-items: center; }
.document-list { display: grid; gap: var(--space-6); }
.document-card { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) auto; align-items: center; }
.document-card__icon { display: grid; place-items: center; width: 3.5rem; aspect-ratio: 1; }
.document-card__body { min-width: 0; }
.document-card__body h3 { margin: .4rem 0 .25rem; }
.document-card__body p, .document-card__body small { margin: 0; }
.document-card__badges { display: flex; flex-wrap: wrap; gap: .4rem; }
.document-card__badges span { padding: .2rem .55rem; }
.document-card__actions { justify-content: flex-end; }
.document-proposal { display: grid; }
.document-proposal > header { display: flex; justify-content: space-between; gap: var(--space-6); }
.document-proposal h3 { margin: .25rem 0 0; }
.document-proposal-grid, .document-operation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.document-proposal-grid .is-wide, .document-operation-grid .is-wide { grid-column: 1 / -1; }
.document-operation-modal { box-sizing: border-box; width: min(780px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); }
.document-operation-modal .c-modal__content { width: 100%; max-width: 100%; }
@media (max-width: 900px) {
.document-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.document-toolbar { grid-template-columns: minmax(0, 1fr) minmax(0, .7fr); }
.document-toolbar > span { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
.document-hero { display: grid; }
.document-hero .c-button { width: 100%; }
.document-kpis, .document-toolbar { grid-template-columns: 1fr; }
.document-card { grid-template-columns: 2.8rem minmax(0, 1fr); gap: var(--space-6); padding: var(--space-6); }
.document-card__icon { width: 2.8rem; }
.document-card__actions { grid-column: 1 / -1; }
.document-card__actions .c-button { flex: 1 1 10rem; }
.document-reconciliation article { display: grid; }
.document-hero-actions, .document-proposal > header { display: grid; }
.document-proposal-grid, .document-operation-grid { grid-template-columns: 1fr; }
.document-proposal-grid .is-wide, .document-operation-grid .is-wide { grid-column: auto; }
}
