@layer components{.template-tree{display:block}.template-tree>input[type=search]{box-sizing:border-box;inline-size:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface-input);color:var(--color-text-body);font:inherit;font-size:var(--text-size-sm);margin-block-end:var(--sp-3)}.template-tree>input[type=search]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-brand)}.template-tree ul{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.template-tree details{margin-block-start:var(--sp-3)}.template-tree summary{cursor:pointer;padding-block:var(--sp-2);color:var(--color-text-muted);font-size:var(--text-size-xs);font-weight:var(--text-weight-semibold);letter-spacing:var(--text-tracking-wide);text-transform:uppercase}.template-tree details ul{margin-block-start:var(--sp-1)}.template-tree li{display:flex}.template-tree li>.template-leaf-chip{min-inline-size:0}.template-tree>p{color:var(--color-text-muted);font-size:var(--text-size-sm);margin:0}}
@layer components{.signed-dropdown{gap:0 var(--sp-2);font-size:var(--text-size-sm);grid-template-columns:auto auto;align-items:center;display:grid}.signed-dropdown select{inline-size:auto;max-inline-size:9rem;font-size:var(--text-size-xs)}.signed-dropdown small{color:var(--color-text-muted);grid-column:1/-1}.signed-dropdown[data-state=error] small{color:var(--color-danger)}}
@layer components{.document-sign-cta{align-items:center;gap:var(--sp-3);margin-top:var(--sp-6);padding-block:var(--sp-6);flex-direction:column;display:flex}.document-sign-cta button{width:min(100%,28rem);padding-block:var(--sp-4);font-size:var(--text-size-lg);font-weight:var(--text-weight-semibold)}.document-sign-cta [role=alert],.document-sign-cta .alert{width:min(100%,28rem)}}
@layer components{.contract-invite-modal{gap:var(--sp-4);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);min-height:min(700px,72vh);display:grid}.contract-invite-modal>section,.contract-invite-modal>aside{gap:var(--sp-3);flex-direction:column;min-height:0;display:flex}.contract-invite-modal>section{padding-right:var(--sp-2);overflow-y:auto}.contract-invite-modal>aside{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 10%, transparent), transparent 52%), var(--color-surface-secondary);padding:var(--sp-4);overflow:hidden}.contract-invite-modal fieldset{gap:var(--sp-2);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface-secondary);padding:var(--sp-4);flex-direction:column;margin:0;display:flex}.contract-invite-modal legend{font-size:var(--text-size-sm);font-weight:var(--text-weight-semibold);color:var(--color-text-heading);padding:0 var(--sp-1)}.contract-invite-modal label{font-size:var(--text-size-sm);font-weight:var(--text-weight-semibold);color:var(--color-text-heading)}.contract-invite-modal textarea,.contract-invite-modal select{border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface);width:100%;color:var(--color-text-body);padding:var(--sp-3) var(--sp-4);font:inherit}.contract-invite-modal select{padding:var(--sp-2) var(--sp-3)}.contract-invite-modal textarea[data-variant=message]{min-height:8rem;line-height:var(--text-leading-relaxed)}.contract-invite-modal ul[data-list=emails]{gap:var(--sp-2);min-height:calc(var(--sp-6) + var(--sp-1));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.contract-invite-modal ul[data-list=emails] li{border:1px solid color-mix(in srgb, var(--color-brand) 28%, var(--color-border));border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-brand) 12%, var(--color-surface));color:var(--color-brand);padding:var(--sp-1) var(--sp-3);font-size:var(--text-size-sm);font-weight:var(--text-weight-medium)}.contract-invite-modal p[data-helper]{font-size:var(--text-size-sm);color:var(--color-text-muted);margin:0}.contract-invite-modal p[data-error]{font-size:var(--text-size-sm);color:var(--color-danger);margin:0}.contract-invite-modal aside>h3{font-size:var(--text-size-sm);font-weight:var(--text-weight-semibold);color:var(--color-text-heading);margin:0}.contract-invite-modal ol[data-list=preview]{align-content:flex-start;gap:var(--sp-3);padding-right:var(--sp-1);flex-flow:wrap;margin:0;list-style:none;display:flex;overflow:auto}.contract-invite-modal article{gap:var(--sp-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:100%;padding:var(--sp-4);background:var(--color-surface);flex-direction:column;flex:300px;display:flex}.contract-invite-modal article>header{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.contract-invite-modal article button[data-remove]{border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface-secondary);width:1.75rem;height:1.75rem;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-colors), border-color var(--duration-fast);justify-content:center;align-items:center;display:flex}.contract-invite-modal article button[data-remove]:hover{border-color:color-mix(in srgb, var(--color-danger) 30%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface));color:var(--color-danger)}.contract-invite-modal article dl{gap:var(--sp-1) var(--sp-2);font-size:var(--text-size-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.contract-invite-modal article dt{color:var(--color-text-muted)}.contract-invite-modal article dd{color:var(--color-text-heading);font-weight:var(--text-weight-semibold);overflow-wrap:anywhere;margin:0}@media (max-width:768px){.contract-invite-modal{grid-template-columns:1fr;min-height:auto}.contract-invite-modal>section{max-height:none;padding-right:0;overflow:visible}.contract-invite-modal textarea[data-variant=message]{min-height:6.5rem}}}