@layer components{.brokerage-agreement-modal{gap:var(--sp-4);flex-direction:column;display:flex}.brokerage-agreement-modal[data-state=awaiting]{--frame-w:50%;grid-template-columns:minmax(0, 28%) var(--frame-w);justify-content:center;gap:var(--sp-4) var(--sp-5);grid-template-rows:minmax(240px,1fr) auto;grid-template-areas:"summary frame""actions actions";height:min(76dvh,660px);max-height:88dvh;display:grid}.brokerage-agreement-modal[data-state=awaiting] .summary{grid-area:summary;overflow-y:auto}.brokerage-agreement-modal[data-state=awaiting] .sign-frame{grid-area:frame}.brokerage-agreement-modal[data-state=awaiting] .actions{grid-area:actions}@media (max-width:640px){.brokerage-agreement-modal[data-state=awaiting]{grid-template:"summary""frame"minmax(220px,1fr)"actions"/1fr;justify-content:stretch;height:min(82dvh,680px)}}.brokerage-agreement-modal .summary{gap:var(--sp-2);color:var(--color-text-body);font-size:var(--text-size-sm);flex-direction:column;display:flex}.brokerage-agreement-modal .summary .heading{color:var(--color-text-heading);font-weight:var(--text-weight-semibold)}.brokerage-agreement-modal .summary ul{gap:var(--sp-1);padding-left:var(--sp-5);color:var(--color-text-muted);flex-direction:column;display:flex}.brokerage-agreement-modal .summary .error{color:var(--color-danger)}.brokerage-agreement-modal .sign-frame{border-radius:var(--radius-md);background:var(--color-surface);border:0;width:100%;height:100%;min-height:0}.brokerage-agreement-modal .actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2);display:flex}}