/* The original native select remains visible and retains its 13.10 dimensions.
   Only the popup list is custom, limited to three admin edit-user controls. */
html body .input-group>.am-profile-popup-hitbox{
  appearance:none!important;-webkit-appearance:none!important;
  position:absolute!important;display:block!important;
  z-index:5!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:transparent!important;cursor:pointer!important;
  font-size:0!important;line-height:0!important;
  touch-action:manipulation!important;
}
html body .input-group>.am-profile-popup-hitbox:focus{outline:none!important;box-shadow:none!important}
html body .input-group>select.am-profile-popup-focused{outline:1px solid #a6a18f!important;outline-offset:-1px!important}
html body .am-profile-popup-menu{
  box-sizing:border-box!important;position:fixed!important;z-index:2147483000!important;
  display:block;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;scrollbar-width:thin!important;
  scrollbar-color:#667784 #192831!important;
  border:1px solid #526068!important;border-radius:7px!important;
  padding:0!important;background:#192831!important;
  box-shadow:0 10px 24px rgba(0,0,0,.48)!important;
  font:inherit!important;
}
html body .am-profile-popup-menu[hidden]{display:none!important}
html body .am-profile-popup-menu>.am-profile-popup-option{
  width:100%;min-height:46px;display:flex;align-items:center;
  box-sizing:border-box!important;margin:0!important;padding:11px 16px!important;border:0!important;border-bottom:1px solid rgba(149,171,188,.18)!important;
  border-radius:0!important;background:transparent!important;
  color:#e0e7e9!important;font:inherit!important;font-size:15px!important;
  line-height:1.35!important;text-align:left!important;
  overflow-wrap:anywhere!important;cursor:pointer!important;
}
html body .am-profile-popup-menu>.am-profile-popup-option:last-child{border-bottom:0!important}
html body .am-profile-popup-menu>.am-profile-popup-option:hover,
html body .am-profile-popup-menu>.am-profile-popup-option:focus-visible,
html body .am-profile-popup-menu>.am-profile-popup-option[aria-selected="true"]{
  background:#43535a!important;color:#f5f7f8!important;
}
html body .am-profile-popup-menu>.am-profile-popup-option:focus-visible{outline:1px solid #7f9399!important;outline-offset:-1px!important}
html body .am-profile-popup-menu>.am-profile-popup-option:disabled{opacity:.5;cursor:not-allowed!important}
html body .am-profile-popup-menu::-webkit-scrollbar{width:6px!important}
html body .am-profile-popup-menu::-webkit-scrollbar-track{background:#192831!important}
html body .am-profile-popup-menu::-webkit-scrollbar-thumb{background:#667784!important;border-radius:5px!important}
@media(max-width:650px){
  html body .am-profile-popup-menu>.am-profile-popup-option{min-height:30px;font-size:12px!important;padding:6px 8px!important}
}
/* Edit-user: keep the original native full-width select paired with the original
   action button. The popup behaviour is JS-only; layout is a joined Bootstrap input group.
   This selector targets only the three admin fields, not monitoring or other forms. */
html body .wapper .content .input-group:has(> select:is(#clear_type,#user_group,#user_gag)){
  display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;
  gap:0!important;width:100%!important;min-width:0!important;
  box-sizing:border-box!important;
}
html body .wapper .content .input-group:has(> select:is(#clear_type,#user_group,#user_gag))>.input-group-prepend{
  display:flex!important;flex:0 0 auto!important;align-items:stretch!important;
  margin:0!important;padding:0!important;min-width:0!important;
}
html body .wapper .content .input-group:has(> select:is(#clear_type,#user_group,#user_gag))>.input-group-prepend>.btn{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;width:auto!important;height:50px!important;min-height:50px!important;max-height:50px!important;
  margin:0!important;padding:0 14px!important;line-height:1.2!important;
  border-radius:7px 0 0 7px!important;white-space:nowrap!important;
}
html body .wapper .content .input-group>select:is(#clear_type,#user_group,#user_gag).form-control{
  box-sizing:border-box!important;display:block!important;
  flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;
  height:50px!important;min-height:50px!important;max-height:50px!important;
  margin:0!important;padding:0 40px 0 16px!important;
  border:1px solid #52646c!important;border-left:0!important;border-radius:0 7px 7px 0!important;
  background:#192831!important;color:#e0e7e9!important;color-scheme:dark!important;
  box-shadow:none!important;font-size:15px!important;line-height:normal!important;
  text-indent:0!important;cursor:pointer!important;
}
html body .wapper .content .input-group>select:is(#clear_type,#user_group,#user_gag).form-control:focus{
  outline:0!important;box-shadow:inset 0 0 0 1px #819099!important;
}
/* The invisible click target is sized in JS to the select's exact bounding box. */
html body .am-profile-popup-menu>.am-profile-popup-option[aria-selected="true"]{
  background:#4a5a61!important;color:#f5f7f8!important;
}
html body .am-profile-popup-menu>.am-profile-popup-option:hover,
html body .am-profile-popup-menu>.am-profile-popup-option:focus-visible{
  background:#52646d!important;color:#fff!important;
}
@media(max-width:650px){
 html body .wapper .content .input-group:has(> select:is(#clear_type,#user_group,#user_gag))>.input-group-prepend>.btn{
   height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 10px!important;
   font-size:13px!important;
 }
 html body .wapper .content .input-group>select:is(#clear_type,#user_group,#user_gag).form-control{
   height:44px!important;min-height:44px!important;max-height:44px!important;
   font-size:13px!important;padding-left:10px!important;
 }
 html body .am-profile-popup-menu>.am-profile-popup-option{
   min-height:40px;font-size:14px!important;padding:9px 12px!important;
 }
}



/* 15.10 v4 - The ordinary profile edit input (40px) is the size reference.
   Correct only these admin dropdown rows. Everything else remains original. */
html body .wapper .content .input-group:has(> select:is(#clear_type,#user_group,#user_gag)) > .input-group-prepend > .btn {
  box-sizing:border-box!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:0 12px!important;
  line-height:1.3!important;
  border-radius:7px 0 0 7px!important;
}
html body .wapper .content .input-group > select:is(#clear_type,#user_group,#user_gag).form-control {
  box-sizing:border-box!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  font-size:14px!important;
  line-height:normal!important;
  padding:0 33px 0 12px!important;
  border-radius:0 7px 7px 0!important;
}
/* Harmonize popup lettering with the 14px selected value, use lighter transparent highlights. */
html body .am-profile-popup-menu > .am-profile-popup-option {
  min-height:38px!important;
  padding:8px 12px!important;
  font-size:14px!important;
  line-height:20px!important;
}
html body .am-profile-popup-menu > .am-profile-popup-option[aria-selected="true"] {
  background:rgba(128,155,178,.12)!important;
  color:#e6eaec!important;
}
html body .am-profile-popup-menu > .am-profile-popup-option:is(:hover,:focus-visible) {
  background:rgba(128,155,178,.19)!important;
  color:#f1f5f6!important;
}
@media(max-width:650px) {
 html body .wapper .content .input-group:has(> select:is(#clear_type,#user_group,#user_gag)) > .input-group-prepend > .btn,
 html body .wapper .content .input-group > select:is(#clear_type,#user_group,#user_gag).form-control {
  height:40px!important;min-height:40px!important;max-height:40px!important;
 }
 html body .am-profile-popup-menu > .am-profile-popup-option {
  min-height:36px!important;font-size:14px!important;padding:7px 10px!important;
 }
}

/* Profile admin dropdown: ONLY non-selected, non-hovered rows.
   Match the darker navy tone of the CLOSED select above.
   Selected and hovered rows keep their existing styling. */
html body .am-profile-popup-menu {
  background-color: #192831 !important;
}
html body .am-profile-popup-menu > .am-profile-popup-option:not([aria-selected="true"]):not(:hover):not(:focus-visible) {
  background: #192831 !important;
}


/* 15.10 follow-up: dropdown menu should visually continue from the field.
   Keep the top edge straight, round only the bottom corners. */
html body .am-profile-popup-menu{
  border-radius:0 0 7px 7px!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
}