:host { display: block; min-width: 0; } .notice-form { padding: 1.25rem; border: 1px solid var(--border, #dfe3e6); border-radius: 1rem; background: var(--surface, #fff); } h2 { margin-block-start: 0; } .notice-form > p, small { color: var(--text-muted, #5f6368); } fieldset { display: grid; gap: 1rem; min-width: 0; margin: 0; padding: 0; border: 0; } .field-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: 1rem; } label:not(.confirmation-field) { display: grid; gap: 0.4rem; min-width: 0; } input, select { min-width: 0; min-height: 2.75rem; box-sizing: border-box; } .confirmation-field { display: flex; align-items: flex-start; gap: 0.65rem; min-width: 0; } .confirmation-field input { flex: 0 0 auto; } .missing-evidence-warning { padding: 0.75rem; border-radius: 0.75rem; background: var(--surface-soft, #f6f7f8); } .missing-evidence-warning p { margin-block-start: 0; color: var(--text-muted, #5f6368); } input:focus-visible, select:focus-visible { outline: 2px solid var(--accent, #236b5d); outline-offset: 0.15rem; } .operation-error { color: var(--danger, #b42318); }