/* Screenshot-approved rounded search for both portals, after page-specific styles. */
.user-portal .user-shell .user-content .user-list-search,
.user-portal .user-shell .user-content .user-workspace .user-toolbar > .user-list-search {
  height:36px; min-height:36px; padding:0; gap:0;
  border:0; border-radius:999px; background:#e7ecf2; box-shadow:none;
}
.user-portal .user-shell .user-content .user-list-search > input:not([type=hidden]) {
  height:36px; min-height:0; padding:0 18px; border-radius:999px; line-height:36px;
}
.user-portal .user-shell .user-content .user-list-search > button {
  height:36px; min-height:36px; margin:0; border-radius:999px;
  color:#fff; background:#0e9cff; box-shadow:none;
}
.user-portal .user-shell .user-content .user-list-search > button .ui-icon { display:none; }
.user-portal .user-shell .user-content .user-list-search > button:hover { background:#008bea; }
.user-portal .user-shell .user-content .user-list-search:focus-within,
.agent-portal .agent-inline-search .agent-search-field:focus-within { outline:2px solid #70b9ed; outline-offset:2px; }
.agent-portal .agent-inline-search .filter-pop > .agent-search-field {
  display:flex; flex:1 1 240px; align-items:center; min-width:0; gap:0; margin:0;
  padding:0; height:36px; border:0; border-radius:999px; background:#e7ecf2;
}
/* Hidden label text is separate from the control, so global type sizes cannot
   create a second line or push the input below the rounded search field. */
.agent-portal .agent-inline-search .agent-search-field label,
.agent-portal .agent-inline-search .filter-pop > label {
  display:flex; align-items:center; flex:1; min-width:0; height:36px; margin:0;
}
.agent-portal .agent-inline-search .filter-pop > label:has(select) { flex:0 1 108px; }
.agent-portal .agent-inline-search .filter-pop > label select { height:36px; min-height:36px; }
.agent-portal .agent-inline-search .agent-search-field input {
  display:block; width:100%; min-width:0; height:36px; min-height:36px; margin:0; padding:0 18px; border:0; border-radius:999px;
  background:transparent; box-shadow:none; font-size:var(--at-control);
}
.agent-portal .agent-inline-search .agent-search-field input:focus { outline:0; }
.agent-portal .agent-inline-search .agent-search-field input::placeholder { color:#8e9aad; opacity:1; }
.agent-portal .agent-inline-search .filter-pop .agent-search-field .primary-btn {
  flex:none; width:74px; min-width:74px; height:36px; min-height:36px; margin:0; padding:0 15px;
  border:0; border-radius:999px; color:#fff; background:#0e9cff; box-shadow:none; white-space:nowrap;
}
.agent-portal .agent-inline-search .agent-search-field .primary-btn .ui-icon { display:none; }
.agent-portal .agent-inline-search .filter-pop .agent-search-field .primary-btn:hover { background:#008bea; }