/* Compact, always-visible situation selectors with native keyboard support. */
.situation-toolbar {
  grid-template-columns:minmax(155px,.9fr) minmax(250px,2fr) 48px;
  gap:8px;
  padding:8px;
  border:1px solid #ffffff;
  border-radius:20px;
  background:linear-gradient(120deg,#ffffffed,#f6f9ffe8);
  box-shadow:0 8px 28px #264b7c09,inset 0 1px 0 #fff;
}
.selector-field { position:relative; border:1px solid transparent; border-radius:13px; background:#edf2f87a; transition:background .15s,border-color .15s,box-shadow .15s; }
.selector-field:nth-child(2) { background:#fff; border-color:#e6ecf5; box-shadow:0 2px 6px #294c7804; }
.selector-field label { position:absolute; top:11px; left:16px; z-index:1; margin:0; font-size:10px; font-weight:650; letter-spacing:1px; text-transform:uppercase; color:#8696ad; pointer-events:none; }
.selector-field select {
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-radius:13px;
  padding:28px 38px 10px 16px;
  min-height:62px;
  background:transparent;
  font-size:15px;
  font-weight:600;
  color:#2b4669;
  cursor:pointer;
  box-shadow:none;
  text-overflow:ellipsis;
}
.selector-field::after { content:''; width:6px; height:6px; position:absolute; right:18px; top:31px; border-right:1.6px solid #7890ad; border-bottom:1.6px solid #7890ad; transform:rotate(45deg); pointer-events:none; }
.selector-field:hover { background:#e9f0fa; border-color:#dbe5f2; }
.selector-field:focus-within { background:#fff; border-color:#7ea4d3; box-shadow:0 0 0 3px #5686bd14; }
.selector-field select:focus-visible { outline:none; }
.selector-field:has(select:disabled) { opacity:.55; }
#toggle-search { align-self:center; width:44px; height:44px; border-radius:13px; background:#e8eff9; border:1px solid #e0e9f5; color:#527cae; box-shadow:inset 0 1px 0 #ffffffb3; }
#toggle-search:hover { background:#dce8f7; }
#toggle-search[aria-expanded="true"] { background:#386aab; border-color:#386aab; color:#fff; }
#situation-search-panel { border-top:1px solid #e7edf5; margin:2px 8px 4px; padding-top:15px; }
@media(max-width:520px) {
 .situation-toolbar { grid-template-columns:minmax(0,1fr) 44px; gap:6px; padding:7px; }
 .selector-field:first-child { grid-column:1/-1; }
 .selector-field select { font-size:16px; min-height:60px; }
 .selector-field label { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .selector-field { transition:none; } }