/* REFTHE alarm desk: bright technical studio with the E01 controller. */
body{
  background:
    radial-gradient(circle at 82% 16%,rgba(184,215,211,.22),transparent 30rem),
    linear-gradient(180deg,#fbfcfc 0%,#f2f7f7 100%);
  color:#102f38;
}
body .lookup{
  position:relative;
  isolation:isolate;
  overflow:visible;
  margin:22px 0 34px;
  border:1px solid rgba(31,100,94,.48);
  border-radius:20px;
  background:
    linear-gradient(102deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 46%,rgba(247,251,250,.68) 70%,rgba(240,247,246,.36) 100%),
    url("alarm-controller-e01-v1.webp") 82% 34%/cover no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(10,78,72,.10),
    0 4px 8px rgba(8,58,53,.14),
    0 22px 46px rgba(8,58,53,.14),
    0 38px 72px rgba(8,58,53,.08);
  -webkit-backdrop-filter:blur(16px) saturate(118%);
  backdrop-filter:blur(16px) saturate(118%);
}
body .lookup label span{color:#083f3a;font-weight:780}
body .lookup label{position:relative;z-index:2}
body .lookup label:focus-within{z-index:40}
body .lookup input{
  color-scheme:light;
  border:2px solid rgba(20,87,81,.42);
  border-radius:12px;
  background:#fff!important;
  color:#050708!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(10,66,60,.09);
  caret-color:#000;
  -webkit-text-fill-color:#050708;
}
body .lookup input::placeholder{color:#3f4b4e!important;opacity:1}
body .lookup input:focus{border-color:#0c6f66;background:#fff!important}
body .lookup #lookup-status{color:#174e49;font-weight:560}
body .lookup .typeahead-menu{
  position:absolute;
  z-index:30;
  top:calc(100% + 7px);
  left:0;
  right:0;
  max-height:286px;
  overflow-y:auto;
  padding:4px;
  border:1px solid #7d9592;
  border-radius:10px;
  background:#fff!important;
  color:#000!important;
  box-shadow:0 14px 30px rgba(20,39,37,.18);
}
body .lookup .typeahead-menu[hidden]{display:none}
body .lookup .typeahead-menu button,
body .lookup .typeahead-menu button.refthe-icon-action,
body .lookup .typeahead-menu button[data-no-action-icon]{
  display:block;
  width:100%;
  min-height:44px;
  padding:10px 13px;
  border:0!important;
  border-bottom:1px solid #edf0ef!important;
  border-radius:0;
  background:#fff!important;
  background-image:none!important;
  color:#050505!important;
  font:inherit;
  font-size:15px;
  font-weight:690;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
}
body .lookup .typeahead-menu button:hover,
body .lookup .typeahead-menu button.is-active,
body .lookup .typeahead-menu button[data-no-action-icon]:hover{background:#eef3f2!important;background-image:none!important;color:#000!important}
body .lookup .typeahead-menu button .refthe-action-icon{display:none!important}
body .lookup .typeahead-menu button:last-child{border-bottom:0!important}
body .lookup-actions{gap:14px}
body .lookup .lookup-actions button.search-alarm,
body .lookup .lookup-actions button.reset{
  flex:1 1 260px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:58px;
  box-sizing:border-box;
  padding:14px 22px;
  border:1px solid rgba(7,72,65,.38)!important;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,248,247,.78))!important;
  color:#073f39!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 8px 18px rgba(7,60,54,.14)!important;
  font:inherit;
  font-weight:780;
  text-decoration:none;
  -webkit-backdrop-filter:blur(15px) saturate(125%);
  backdrop-filter:blur(15px) saturate(125%);
}
body .lookup .lookup-actions button.search-alarm{
  border-color:rgba(54,139,128,.58)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(231,244,241,.80))!important;
  color:#073f39!important;
  text-shadow:none;
}
body .lookup .lookup-actions button.search-alarm:hover,
body .lookup .lookup-actions button.reset:hover{
  border-color:rgba(5,66,59,.76)!important;
  background:linear-gradient(135deg,rgba(218,241,236,.94),rgba(42,124,111,.53))!important;
  color:#052f2b!important;
  box-shadow:inset 0 1px 0 #fff,0 11px 23px rgba(7,60,54,.20)!important;
  transform:translateY(-2px);
}
body .lookup .lookup-actions button.search-alarm:hover{background:#fff!important;color:#052f2b!important}
body .lookup .lookup-actions button.search-alarm:active,
body .lookup .lookup-actions button.reset:active{transform:translateY(0) scale(.994)}
@media(max-width:650px){
  body .lookup{
    padding:20px;
    margin-top:16px;
    border-radius:18px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 58%,rgba(244,249,248,.72) 100%),
      url("alarm-controller-e01-v1-mobile.webp") 64% 18%/cover no-repeat;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(10,78,72,.10),0 4px 8px rgba(8,58,53,.13),0 18px 36px rgba(8,58,53,.18),0 30px 54px rgba(8,58,53,.10)
  }
  body .lookup .lookup-actions button.search-alarm,
  body .lookup .lookup-actions button.reset{flex-basis:100%;width:100%;min-height:56px}
  body .lookup .typeahead-menu{max-height:248px}
}