/* LIGHT visual polish: search controls in Users, Triggers and Notifications only.
   Preserve all existing input ids, filters, pagination and page actions. */
:is(#users-view,#triggers-view,#notifications-view) .utu-refined-search{
  display:flex!important;
  align-items:center!important;
  position:relative;
  gap:12px!important;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid var(--utu-stroke,#41647b)!important;
  background:var(--utu-panel-soft,#1b374d)!important;
  border-radius:14px!important;
  padding:0 14px!important;
  color:var(--utu-subtext,#a6c0ce);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 3px 12px rgba(0,0,0,.09)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
#users-view .utu-refined-search{
  width:min(100%,675px)!important;
  min-width:0!important;
  height:54px!important;
  margin:0 0 19px!important;
}
:is(#triggers-view,#notifications-view) .utu-refined-search{
  width:300px!important;
  min-width:215px!important;
  max-width:100%!important;
  height:44px!important;
  margin:0!important;
}
:is(#users-view,#triggers-view,#notifications-view) .utu-refined-search:hover{
  border-color:var(--utu-highlight,#32adbf)!important;
}
:is(#users-view,#triggers-view,#notifications-view) .utu-refined-search:focus-within{
  border-color:var(--utu-highlight,#47d4e4)!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(37,192,217,.13),0 0 15px rgba(30,187,208,.12)!important;
}
:is(#users-view,#triggers-view,#notifications-view) .utu-refined-search>.utu-search-icon{
  width:21px!important;height:21px!important;
  flex:0 0 21px!important;
  position:static!important;left:auto!important;
  display:block!important;
  stroke:var(--utu-subtext,#a1bdce)!important;
  fill:none!important;stroke-width:2!important;
  stroke-linecap:round;stroke-linejoin:round;
  pointer-events:none;
}
#users-view .utu-refined-search #utu-users-search,
:is(#triggers-view,#notifications-view) .utu-operations-search.utu-refined-search input[type="search"]{
  display:block!important;
  flex:1 1 auto;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--utu-text,#eaf6fd)!important;
  /* Font-family follows the rest of the dashboard. */
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4!important;
  box-shadow:none!important;
  outline:none!important;
  -webkit-appearance:none;
  appearance:none;
}
#users-view .utu-refined-search #utu-users-search{
  font-size:14px!important;
}
:is(#users-view,#triggers-view,#notifications-view) .utu-refined-search input[type="search"]::placeholder{
  color:var(--utu-subtext,#91aabd)!important;
  opacity:1;
  font-weight:550;
}
:is(#users-view,#triggers-view,#notifications-view) .utu-refined-search input[type="search"]::-webkit-search-cancel-button,
:is(#users-view,#triggers-view,#notifications-view) .utu-refined-search input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
  appearance:none;
}
#app-shell :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search .utu-search-clear{
  display:none!important;
  align-items:center!important;justify-content:center!important;
  flex:0 0 26px!important;
  width:26px!important;height:26px!important;min-height:26px!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;
  cursor:pointer;
}
#app-shell :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search:has(input:not(:placeholder-shown)) .utu-search-clear{
  display:inline-flex!important;
}
#app-shell :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search .utu-search-clear svg{
  position:static!important;
  width:20px!important;height:20px!important;
  fill:#9eb7c7!important;
  stroke:var(--utu-panel-soft,#1b374d)!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
}
#app-shell :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search .utu-search-clear:hover{
  background:rgba(129,169,189,.18)!important;
}
#app-shell :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search .utu-search-clear:focus-visible{
  outline:2px solid var(--utu-highlight,#35cedc)!important;
  outline-offset:1px;
}
#app-shell :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search .utu-search-shortcut{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;
  min-width:43px;height:27px;
  padding:0 7px;
  border-radius:8px;
  border:1px solid rgba(166,198,215,.13);
  background:rgba(143,181,204,.15);
  color:var(--utu-subtext,#b1c7d6);
  font-size:11px!important;line-height:1!important;
  font-weight:700;letter-spacing:.02em;
  white-space:nowrap;
  user-select:none;
}
/* Light mode keeps the exact same structure with readable, non-glowing inputs. */
:root[data-theme="light"] :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search{
  background:#f8fcff!important;
  border-color:#b9d2e2!important;
  box-shadow:0 2px 8px rgba(15,63,89,.06)!important;
}
:root[data-theme="light"] :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search:hover{
  border-color:#5caec1!important;
}
:root[data-theme="light"] :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search:focus-within{
  border-color:#13a7c0!important;
  box-shadow:0 0 0 3px rgba(23,171,193,.13)!important;
}
:root[data-theme="light"] #app-shell :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search .utu-search-clear svg{
  fill:#91a9bb!important;stroke:#f8fcff!important;
}
:root[data-theme="light"] #app-shell :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search .utu-search-shortcut{
  background:#e6f1f8;color:#577688;border-color:#cfdfeb;
}
@media(max-width:1050px){
  :is(#triggers-view,#notifications-view) .utu-refined-search{
    width:min(100%,340px)!important;
  }
}
@media(max-width:560px){
  #users-view .utu-refined-search{height:47px!important;gap:9px!important;}
  :is(#triggers-view,#notifications-view) .utu-refined-search{min-width:0!important;width:100%!important;}
  :is(#users-view,#triggers-view,#notifications-view) .utu-refined-search .utu-search-shortcut{display:none!important;}
}

/* Users is a flat UTU-dark workspace, without soft-blue search backgrounds. */
:root[data-theme="dark"] #users-view .utu-refined-search{
  background:#0d1722!important;background-color:#0d1722!important;
  background-image:none!important;border-color:#263e50!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] #users-view .utu-refined-search:is(:hover,:focus-within){
  background:#0d1722!important;
  border-color:#1dc6d8!important;
}
:root[data-theme="dark"] #users-view .utu-refined-search #utu-users-search{
  background:transparent!important;color:#eaf3fb!important;
}
:root[data-theme="dark"] #users-view .utu-refined-search .utu-search-shortcut{
  color:#b1c4d4!important;background:#0d1722!important;
  border-color:#263e50!important;
}