/* Portal-only layout; brand tokens and shared components live in CabinetDesigner.Web.Components. */
.portal-grid { display: grid; gap: 0 24px; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); }
.portal-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 20px; margin: 0 0 16px; }
.portal-facts dt { color: var(--cw-slate); font-weight: 700; }
.portal-facts dd { margin: 0; overflow-wrap: anywhere; }
.portal-links { display: flex; flex-wrap: wrap; gap: 8px; }
.portal-row-form { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 8px; }
.portal-row-form select { width: auto; min-width: 8rem; flex: 1 1 8rem; }
.portal-row-form button { flex: 0 0 auto; }
.portal-inline { display: inline; margin: 0; }
@media (max-width: 40rem) { .portal-facts { grid-template-columns: 1fr; gap: 0; } .portal-facts dd { margin-bottom: 10px; } }