@layer components{.app-modal-root{z-index:80;position:relative}.app-modal-overlay{background:var(--ui-modal-overlay,#0000004d);position:fixed;inset:0}.app-modal-scroll-container{position:fixed;inset:0;overflow-y:auto}.app-modal-positioner{justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.app-modal-panel{box-sizing:border-box;width:100%;max-width:var(--ui-modal-width,512px);border-radius:var(--ui-modal-radius,6px);background:var(--ui-color-surface,#fff);height:550px;max-height:min(90vh,100dvh - 32px);box-shadow:inset 0 0 0 1px var(--ui-color-border,#e2e8f0), var(--ui-shadow-overlay);color:var(--ui-color-text,#18181b);border:0;flex-direction:column;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.app-modal-panel :is(h1,h2,h3,h4,p,span,div,button,a,label,th,td,dt,dd,input,select,textarea,option){letter-spacing:0!important;font-family:Inter,system-ui,sans-serif!important}.app-modal-form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.app-modal-panel-sm{max-width:384px}.app-modal-panel-md{max-width:448px}.app-modal-panel-wide{max-width:640px}.app-modal-panel-large{max-width:768px}.app-modal-panel-xlarge{max-width:1280px}.app-modal-panel-auto{height:auto}.app-modal-panel-auto .app-modal-body{flex:0 auto;height:auto}.app-modal-panel-tall{height:min(800px,100dvh - 32px)}.app-modal-panel-termite-visit{max-width:896px;height:min(560px,100dvh - 32px)}.app-modal-header{box-sizing:border-box;height:var(--ui-modal-header-height,52px);flex:0 0 var(--ui-modal-header-height,52px);justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.app-modal-header-with-description{height:auto;min-height:var(--ui-modal-header-height,52px);flex-basis:auto;align-items:flex-start}.app-modal-heading{flex:auto;min-width:0}.app-modal-title{color:var(--ui-color-title,#09090b);overflow-wrap:anywhere;margin:0;font-size:24px!important;font-weight:700!important;line-height:32px!important}.app-modal-panel .app-modal-title{letter-spacing:-.025em!important}.app-modal-description{color:var(--ui-color-supporting,#71717a);margin:4px 0 0;font-size:13px;font-weight:400;line-height:16px}.app-modal-close-slot{flex:none;align-self:flex-start;display:flex}.app-modal-body{box-sizing:border-box;border:0;flex:442px;min-width:0;height:442px;min-height:0;padding:16px 12px;overflow-y:auto}.app-modal-footer{box-sizing:border-box;height:var(--ui-modal-footer-height,56px);flex:0 0 var(--ui-modal-footer-height,56px);border-top:1px solid var(--ui-color-border,#e2e8f0);justify-content:flex-end;align-items:center;gap:8px;padding:12px;display:flex}.app-modal-close{box-sizing:border-box;border-radius:var(--ui-radius-button,6px);width:32px;height:32px;color:var(--ui-color-supporting,#71717a);cursor:pointer;background:0 0;border:0;flex:0 0 32px;justify-content:center;align-items:center;display:inline-flex}.app-modal-close svg{width:16px;height:16px}.app-modal-close:hover:not(:disabled){background:var(--ui-color-muted,#fafafa);color:var(--ui-color-text,#18181b)}.app-modal-close:focus-visible{box-shadow:var(--ui-shadow-focus);outline:none}.app-modal-label{color:#18181b;margin-bottom:4px;font-size:13px;font-weight:500;line-height:16px;display:block}.app-modal-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.app-modal-field{flex-direction:column;gap:4px;min-width:0;display:flex}.app-modal-field-full{grid-column:1/-1}.app-modal-field>.app-modal-label{margin-bottom:0}.app-modal-control,.app-modal-panel :is(input:not([type=checkbox]):not([type=radio]),select).app-modal-control{box-sizing:border-box!important;border:1px solid var(--ui-border-control,#e2e8f0)!important;border-top:1px solid var(--ui-border-control,#e2e8f0)!important;border-radius:var(--ui-radius-control,6px)!important;color:#18181b!important;width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;box-shadow:none!important;background:#fff!important;padding:0 12px!important;font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;font-weight:400!important;line-height:16px!important}.app-modal-textarea,.app-modal-panel textarea.app-modal-textarea{resize:vertical;box-sizing:border-box!important;border:1px solid var(--ui-border-control,#e2e8f0)!important;border-top:1px solid var(--ui-border-control,#e2e8f0)!important;border-radius:var(--ui-radius-control,6px)!important;color:#18181b!important;width:100%!important;height:115px!important;min-height:115px!important;box-shadow:none!important;background:#fff!important;padding:8px 12px!important;font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;line-height:16px!important}.app-modal-panel textarea.app-modal-textarea-compact{height:64px!important;min-height:64px!important}.app-modal-panel :is(.app-modal-control,.app-modal-textarea)::-moz-placeholder{color:var(--ui-color-disabled-text,#a1a1aa)!important;opacity:1!important}.app-modal-panel :is(.app-modal-control,.app-modal-textarea)::placeholder{color:var(--ui-color-disabled-text,#a1a1aa)!important;opacity:1!important}.app-modal-panel :is(.app-modal-control,.app-modal-textarea):focus,.app-modal-panel :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--ui-color-primary,#2563eb)!important;box-shadow:var(--ui-shadow-focus)!important;outline:none!important}.app-modal-panel :is(input:not([type=checkbox]):not([type=radio]),select,textarea)[aria-invalid=true]:focus{border-color:var(--ui-color-danger,#dc2626)!important}.app-modal-panel :is(.app-modal-control,.app-modal-textarea):disabled{cursor:not-allowed;background:var(--ui-color-border,#e2e8f0)!important;color:var(--ui-color-disabled-text,#a1a1aa)!important}.app-modal-button{gap:8px;transition:background-color .15s,border-color .15s,color .15s;box-sizing:border-box!important;border-radius:var(--ui-radius-button,6px)!important;white-space:nowrap!important;cursor:pointer!important;justify-content:center!important;align-items:center!important;height:32px!important;min-height:32px!important;padding:0 12px!important;font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:16px!important;display:inline-flex!important}.app-modal-panel .app-modal-button:focus-visible{box-shadow:var(--ui-shadow-focus)!important;outline:none!important}.app-modal-button svg{flex:0 0 16px;width:16px;height:16px}.app-modal-panel .app-modal-button:disabled,.app-modal-close:disabled{cursor:not-allowed!important;opacity:.5!important}.app-modal-panel .app-modal-button.app-modal-button-outline{border:1px solid var(--ui-color-border,#e2e8f0)!important;background:var(--ui-color-surface,#fff)!important;background-color:var(--ui-color-surface,#fff)!important;min-width:71px!important;color:var(--ui-color-text,#18181b)!important;box-shadow:none!important;background-image:none!important}.app-modal-panel .app-modal-button.app-modal-button-outline:hover:not(:disabled){background:var(--ui-color-muted,#fafafa)!important;background-color:var(--ui-color-muted,#fafafa)!important;color:var(--ui-color-text,#18181b)!important}.app-modal-panel .app-modal-button.app-modal-button-primary{border:1px solid var(--ui-primary-border,#1d4ed852)!important;background:var(--ui-color-primary,#2563eb)!important;background-color:var(--ui-color-primary,#2563eb)!important;min-width:89px!important;color:var(--ui-color-primary-foreground,#fff)!important;box-shadow:none!important;background-image:none!important}.app-modal-panel .app-modal-button.app-modal-button-primary:hover:not(:disabled){background:var(--ui-color-primary-hover,#1d4ed8)!important;background-color:var(--ui-color-primary-hover,#1d4ed8)!important;color:var(--ui-color-primary-foreground,#fff)!important}.app-modal-panel .app-modal-button.app-modal-button-danger{border-color:var(--ui-color-danger,#dc2626)!important;background:var(--ui-color-danger,#dc2626)!important;background-color:var(--ui-color-danger,#dc2626)!important;color:#fff!important;box-shadow:none!important;background-image:none!important}.app-modal-panel .app-modal-button.app-modal-button-danger:hover:not(:disabled){border-color:var(--ui-color-badge-danger-fg,#b91c1c)!important;background:var(--ui-color-badge-danger-fg,#b91c1c)!important;background-color:var(--ui-color-badge-danger-fg,#b91c1c)!important}.app-modal-button-link{color:#18181b;background:0 0;border:0}.app-modal-highlight-row{background:#fafafa;border:1px solid #dbeafe;border-radius:6px;padding:8px 12px}.app-modal-note-surface{border:1px solid var(--ui-color-badge-warning-bg,#fef3c7);background:var(--ui-color-badge-warning-bg,#fef3c7);border-radius:6px;padding:12px}.app-modal-panel :is(input,textarea).app-modal-note-control{border-color:var(--ui-color-badge-warning-bg,#fef3c7)!important;background:var(--ui-color-surface,#fff)!important}.app-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.app-modal-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.app-modal-grid-full{grid-column:1/-1}.collect-payment-modal .app-modal-overlay{cursor:default;border:0}.collect-payment-modal .app-modal-body{flex:0 auto;height:auto}.payment-method-request-modal .app-modal-overlay{cursor:default;border:0}.app-modal-panel textarea.payment-method-request-modal__message{height:160px!important;min-height:160px!important}.collect-payment-modal__summary,.collect-payment-modal__stripe{border:1px solid var(--ui-border-control,#e2e8f0);border-radius:var(--ui-radius-control,6px);color:#18181b;background:#f8fafc;padding:12px;font-size:13px;line-height:16px}.collect-payment-modal__source{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:8px;display:flex}.collect-payment-modal__eyebrow,.collect-payment-modal__muted,.collect-payment-modal__amount-row>span{color:#71717a}.collect-payment-modal__eyebrow{font-size:12px;font-weight:500;line-height:16px}.collect-payment-modal__amount-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.collect-payment-modal__amount-row+.collect-payment-modal__amount-row{margin-top:4px}.collect-payment-modal__balance-row strong{color:#dc2626}.collect-payment-modal__stripe{background:#fff}.collect-payment-modal__notice{border-radius:var(--ui-radius-control,6px);border:1px solid;padding:8px 12px;font-size:13px;line-height:16px}.collect-payment-modal__notice--warning{border-color:var(--ui-color-badge-warning-bg,#fef3c7);background:var(--ui-color-badge-warning-bg,#fef3c7);color:var(--ui-color-badge-warning-fg,#b45309)}.collect-payment-modal__notice--error{border-color:var(--ui-color-badge-danger-bg,#fee2e2);background:var(--ui-color-badge-danger-bg,#fee2e2);color:var(--ui-color-badge-danger-fg,#b91c1c)}@media (width<=639px){.app-modal-positioner{align-items:flex-end;padding:8px}.app-modal-panel{max-width:100%;max-height:calc(100dvh - 16px)}.app-modal-body{min-height:0}.app-modal-grid,.app-modal-grid-three,.app-modal-fields{grid-template-columns:minmax(0,1fr)}.app-modal-field-full{grid-column:auto}.app-modal-panel .app-modal-control,.app-modal-panel :is(input:not([type=checkbox]):not([type=radio]),select).app-modal-control,.app-modal-panel .app-modal-button{height:44px!important;min-height:44px!important}.app-modal-panel .app-modal-close{flex-basis:44px;width:44px;height:44px;margin:-6px -6px 0 0}}.app-date-picker .mantine-DatePickerInput-input.app-modal-control,.app-modal-panel .app-date-picker .mantine-DatePickerInput-input.app-modal-control{padding-left:34px!important}}button.app-modal-overlay{background:var(--ui-modal-overlay,#0000004d)}.app-modal-panel .app-modal-footer{border-top:1px solid var(--ui-color-border,#e2e8f0)}.app-modal-footer-start{align-items:center;gap:8px;margin-right:auto;display:flex}
