.professional-documents { min-width: 0; }
.professional-document-search, .professional-document-upload form, .professional-document-card form { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; margin: 1rem 0; }
.professional-document-search label, .professional-document-upload label, .professional-document-card form label { display: grid; gap: .3rem; min-width: 0; flex: 1 1 12rem; }
.professional-document-search input, .professional-document-search select, .professional-document-upload input, .professional-document-upload select, .professional-document-card input, .professional-document-card select { width: 100%; min-width: 0; }
.professional-document-search [data-document-microphone] { display: inline-grid; width: 2.9rem; min-width: 2.9rem; min-height: 2.9rem; place-items: center; padding: 0; border: 1px solid var(--brand-border); border-radius: 50%; color: var(--brand-primary-dark); background: var(--brand-surface); }
.professional-document-search [data-document-microphone][data-state="listening"] { outline: .2rem solid var(--brand-primary); }
.professional-document-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: .8rem; margin-top: 1rem; }
.professional-document-card { min-width: 0; overflow-wrap: anywhere; }
.professional-document-card h2 { font-size: 1rem; margin: 0 0 .5rem; }
.professional-document-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.professional-document-actions a, .professional-document-actions button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: .55rem .8rem; border: 1px solid var(--brand-border); border-radius: var(--radius-md); background: var(--brand-surface); color: var(--brand-primary-dark); text-decoration: none; }
@media (max-width: 430px) { .professional-document-search, .professional-document-upload form, .professional-document-card form { display: grid; } .professional-document-search [data-document-microphone] { justify-self: start; } .professional-document-actions a { flex: 1 1 42%; } }