/* Keep both professional directories consistent. */
:is(#agents-directory, #agencies-directory) { padding: 32px 0 48px; }
.directory-toolbar { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; padding: 20px; background: #fff; border: 1px solid #e4ebf5; border-radius: 14px; box-shadow: 0 3px 14px #18334f04; }
.directory-toolbar #agency-search-form { display: grid; grid-template-columns: minmax(0, 1fr) 130px; gap: 12px; flex: 1; min-width: 0; margin: 0; }
:is(#agents-directory, #agencies-directory) .directory-toolbar :is(.form-control, .btn) { box-sizing: border-box; height: 48px; min-height: 48px; margin: 0; line-height: 24px; }
.directory-toolbar #agency-search-form .form-control { width: 100%; min-width: 0; padding: 11px 14px; border: 1px solid #dce4ef; border-radius: 10px; font-size: 15px; }
.directory-toolbar #agency-search-form .form-control:focus { border-color: #699eeb; box-shadow: 0 0 0 3px #1765e812; }
.directory-actions { display: flex; gap: 10px; flex-shrink: 0; }
.directory-actions .btn, .directory-register-button { flex-shrink: 0; white-space: nowrap; }
@media(max-width:991px) {
    .directory-toolbar { align-items: stretch; flex-direction: column; }
    .directory-actions, .directory-register-button { align-self: flex-end; }
}
@media(max-width:575px) {
    .directory-toolbar { padding: 16px; }
    .directory-toolbar #agency-search-form { grid-template-columns: minmax(0, 1fr); }
    .directory-actions { width: 100%; flex-direction: column; }
    .directory-actions .btn, .directory-register-button { width: 100%; white-space: normal; }
}