.modal-backdrop{z-index:100;block-size:100dvh;inline-size:100vw;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:color-mix(in srgb, var(--cap-ink) 38%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.modal-surface{background:var(--cap-paper);border:1px solid var(--cap-line-strong);border-radius:8px;flex-direction:column;max-block-size:min(100dvh - 1.5rem,860px);inline-size:min(100%,680px);display:flex;overflow:hidden;box-shadow:0 24px 60px -12px #00000047,0 2px 6px #00000014}.modal-sm{inline-size:min(100%,480px)}.modal-lg{inline-size:min(100%,1040px);max-inline-size:1040px}.modal-backdrop-sheet{place-items:stretch end;padding:0}.modal-surface.modal-sheet{border-block:0;border-inline-end:0;border-radius:0;block-size:100dvh;max-block-size:none;inline-size:min(100%,640px)}.modal-surface.modal-sheet.modal-lg{inline-size:min(100%,880px)}.modal-surface.modal-sheet.modal-sm{inline-size:min(100%,480px)}.modal-header{border-block-end:2px solid var(--cap-ink);background:var(--cap-surface);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.modal-heading{min-inline-size:0}.modal-header h2{font-family:var(--cap-font-body);color:var(--cap-ink);font-size:1.25rem;font-weight:650;line-height:1.2}.modal-header p{color:var(--cap-ink-soft);max-inline-size:60ch;margin-block-start:.375rem;font-size:.9375rem;line-height:1.5}.modal-close{border-radius:6px;flex:none}.modal-body{overscroll-behavior:contain;flex:1;padding:1.25rem 1.5rem 1.5rem;overflow:auto}.modal-footer{border-block-start:1px solid var(--cap-line-strong);background:var(--cap-surface);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.625rem;padding:.875rem 1.5rem;display:flex}.modal-footer>.modal-footer-note{color:var(--cap-ink-soft);margin-inline-end:auto;font-size:.875rem}.modal-error{border:1px solid var(--cap-danger);background:var(--cap-danger-soft);color:var(--cap-ink);border-radius:4px;align-items:flex-start;gap:.625rem;margin-block-end:1rem;padding:.75rem .875rem;font-size:.9375rem;line-height:1.5;display:flex}.modal-error>svg{color:var(--cap-danger);flex:none;margin-block-start:.125rem}@media (width<=560px){.modal-backdrop,.modal-backdrop-sheet{padding:max(.5rem, env(safe-area-inset-top)) 0 0;place-items:end stretch}.modal-surface,.modal-surface.modal-sheet{block-size:auto;inline-size:100%;max-block-size:calc(100dvh - max(.5rem, env(safe-area-inset-top)));border:0;border-radius:12px 12px 0 0}.modal-header,.modal-body,.modal-footer{padding-inline:1rem}.modal-footer>.btn{flex:1;justify-content:center}}.modal-body .form{gap:var(--space-4);flex-direction:column;display:flex}.modal-body .form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));align-items:end;display:grid}.modal-sm .modal-body .form-grid{grid-template-columns:minmax(0,1fr)}.modal-body label.field{min-block-size:0;inline-size:auto;font-size:var(--text-label);color:var(--c-ink-soft);letter-spacing:.01em;background:0 0;border:0;border-radius:0;outline:none;flex-direction:column;gap:6px;padding:0;font-weight:650;display:flex}.modal-body label.field:hover{border:0}.modal-body label.field>input,.modal-body label.field>select,.modal-body label.field>textarea,.modal-body .table-wrap td>input:not([type=checkbox]),.modal-body .table-wrap td>select{min-block-size:40px;inline-size:100%;padding:8px var(--space-3);border:1px solid var(--c-border-2);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:var(--text-body-sm);letter-spacing:0;outline-offset:1px;transition:border-color var(--t-fast) var(--e-out), outline-color var(--t-fast) var(--e-out);outline:2px solid #0000;font-weight:450}.modal-body label.field>input:hover,.modal-body label.field>select:hover,.modal-body .table-wrap td>input:hover,.modal-body .table-wrap td>select:hover{border-color:var(--c-ink-faint)}.modal-body label.field>input:focus-visible,.modal-body label.field>select:focus-visible,.modal-body label.field>textarea:focus-visible,.modal-body .table-wrap td>input:focus-visible,.modal-body .table-wrap td>select:focus-visible{outline-color:var(--c-focus);border-color:var(--c-accent)}.modal-body label.field>input:disabled,.modal-body label.field>select:disabled{background:var(--c-surface-2);color:var(--c-ink-soft);cursor:not-allowed}.modal-body label.field>input[type=number],.modal-body .table-wrap td>input[type=number]{font-variant-numeric:tabular-nums}.modal-body label.field>input[type=file]{padding:6px}.modal-body .table-wrap td>input:not([type=checkbox]),.modal-body .table-wrap td>select{min-block-size:34px;padding-block:5px}:is(.modal-body .field-check,.modal-body .field-inline:has(>input[type=checkbox])){align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--c-ink);cursor:pointer;flex-direction:row;font-weight:550;display:inline-flex}.modal-body .field-check input,.modal-body .field-inline>input[type=checkbox]{block-size:16px;inline-size:16px;accent-color:var(--c-accent)}.modal-body .dash-sub,.modal-body .state-detail{color:var(--c-ink-soft);font-size:var(--text-body-sm);margin:0;line-height:1.55}.modal-body .error-text[role=alert]{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--c-danger) 30%, transparent);border-radius:var(--radius-sm);background:var(--c-danger-soft);color:var(--c-danger);font-size:var(--text-body-sm);font-weight:550;line-height:1.5}.modal-form-actions{border-block-start:1px solid var(--c-border);flex-wrap:wrap;justify-content:flex-end;gap:.65rem;margin-block-start:var(--space-2);padding-block-start:var(--space-4);display:flex}.modal-body .form-actions{margin:0}@media (width<=560px){.modal-form-actions>.btn{flex:1;justify-content:center}}.modal-body .table-wrap td:last-child:has(>.btn){white-space:nowrap;text-align:end}.modal-body .table-wrap td .btn{min-block-size:32px;padding:4px var(--space-3);font-size:var(--text-body-sm)}.modal-body .table-wrap td .btn+.btn{margin-inline-start:var(--space-1)}.modal-body .table-wrap tfoot th,.modal-body .table-wrap tfoot td{padding:var(--space-3) var(--space-4);background:var(--c-surface-2);border-block-start:1px solid var(--c-border-2);font-size:.9rem}.modal-body .table-wrap tfoot th{text-align:start;font-weight:650}.modal-body .table-wrap tfoot td{font-weight:650}.modal-body .meter-legend{margin:0}.modal-body .btn:not(.btn-primary):not(.btn-ghost):not(.btn-link):not([class*=bg-]){background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-border-2)}.modal-body .btn:not(.btn-primary):not(.btn-ghost):not(.btn-link):not([class*=bg-]):hover:not(:disabled){background:var(--c-surface-2);border-color:var(--c-ink-faint)}@media (height<=599px){.modal-surface,.modal-surface.modal-sheet{overflow:auto}.modal-body{flex:none;overflow:visible}}
