.s360-smart-select{
  position:relative;
  min-width:0;
  width:100%;
}
.mini-actions .s360-smart-select,
.input-with-button .s360-smart-select{
  flex:1 1 auto;
}
.s360-native-select{
  position:absolute!important;
  left:0;
  bottom:0;
  width:1px!important;
  height:1px!important;
  min-height:1px!important;
  padding:0!important;
  border:0!important;
  opacity:.01!important;
  pointer-events:none!important;
}
.s360-smart-input{
  width:100%;
  min-height:46px;
  padding-right:38px;
  background:#fff;
}
.s360-smart-select:after{
  content:'';
  position:absolute;
  right:13px;
  top:14px;
  width:9px;
  height:9px;
  border:2px solid #8a7a63;
  border-radius:50%;
  pointer-events:none;
}
.s360-smart-select:before{
  content:'';
  position:absolute;
  right:10px;
  top:26px;
  width:8px;
  height:2px;
  background:#8a7a63;
  transform:rotate(45deg);
  pointer-events:none;
  z-index:1;
}
.s360-smart-input.s360-smart-invalid{
  border-color:#e05243!important;
  background:#fff4f2!important;
  box-shadow:0 0 0 4px rgba(224,82,67,.14)!important;
}
.s360-smart-list{
  position:absolute;
  z-index:4200;
  left:0;
  right:0;
  top:calc(100% + 6px);
  max-height:min(320px,52vh);
  overflow:auto;
  border:1px solid rgba(215,198,170,.95);
  border-radius:16px;
  background:#fffdf8;
  box-shadow:0 22px 64px rgba(20,16,10,.22);
  padding:7px;
}
@media(min-width:761px){
  .s360-smart-list.is-fixed{
    position:fixed!important;
    right:auto!important;
    bottom:auto!important;
    z-index:30000!important;
  }
}
.s360-smart-option{
  width:100%;
  border:0;
  background:transparent;
  color:#1d1b17;
  text-align:left;
  display:grid;
  gap:3px;
  padding:10px 11px;
  border-radius:12px;
  cursor:pointer;
}
.s360-smart-option:hover,
.s360-smart-option.active{
  background:#fff0d1;
}
.s360-smart-option.warn{
  background:#fff7e8;
}
.s360-smart-option.warn small{
  color:#9f3a2f;
}
.s360-smart-option.warn:hover,
.s360-smart-option.warn.active{
  background:#ffe8d8;
}
.s360-smart-option strong{
  display:block;
  font-size:.92rem;
  line-height:1.2;
}
.s360-smart-option small,
.s360-smart-empty{
  display:block;
  color:var(--muted,#746d63);
  font-size:.8rem;
  font-weight:800;
  line-height:1.3;
}
.s360-smart-empty{
  padding:11px;
  border-radius:12px;
  background:#fff8e8;
}
.s360-smart-more{
  margin:5px 2px 0;
  padding:8px 10px;
  border-top:1px solid rgba(215,198,170,.7);
  color:var(--muted,#746d63);
  font-size:.78rem;
  font-weight:850;
}
.s360-smart-add-option{
  background:#f5fff8;
  border:1px solid #bfe6cf;
}
.s360-smart-add-option:hover,
.s360-smart-add-option.active{
  background:#e9fff0;
}
.s360-smart-add-option strong{
  color:#165c2f;
}
@media(max-width:760px){
  .s360-smart-list{
    position:fixed;
    left:10px;
    right:10px;
    top:auto;
    bottom:calc(12px + env(safe-area-inset-bottom,0px));
    max-height:52dvh;
  }
}