/* Shared workspace filters. Native controls retain their keyboard and touch behavior. */
#appShell #opportunities { display:block; }
#appShell #opportunities .filters {
  display:grid;
  grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(140px,1fr));
  gap:14px;
  margin:18px 0 0;
  padding:18px;
  border:1px solid #dce1eb;
  border-radius:14px;
  background:linear-gradient(135deg,#f8f9fc,#f2f4f9);
}
#appShell :is(.filters,.opportunity-search-filters,.government-tabs,.industry-form) label,
#appShell .government-home-market {
  display:grid;
  align-content:start;
  gap:7px;
  min-width:0;
  color:#49556d;
  font-size:11px;
  font-weight:650;
  line-height:1.4;
}
#appShell :is(.filters,.opportunity-search-filters,.government-tabs,.industry-form,.government-home-market) :is(input:not([type="checkbox"]),select) {
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:46px;
  margin:0;
  padding:11px 13px;
  border:1px solid #cbd3e1;
  border-radius:10px;
  background-color:#fff;
  box-shadow:0 1px 2px #24335705;
  color:#27354f;
  font:inherit;
  font-size:12px;
  font-weight:500;
  line-height:1.5;
  transition:border-color 140ms ease,box-shadow 140ms ease;
}
#appShell :is(.filters,.opportunity-search-filters,.government-tabs,.government-home-market) select {
  appearance:none;
  -webkit-appearance:none;
  padding-right:36px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23545f78' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  cursor:pointer;
}
#appShell :is(.filters,.opportunity-search-filters,.government-tabs,.industry-form,.government-home-market) :is(input,select):hover:not(:disabled) { border-color:#8493ad; }
#appShell :is(.filters,.opportunity-search-filters,.government-tabs,.industry-form,.government-home-market) :is(input,select,button):focus-visible {
  outline:3px solid #0f766e;
  outline-offset:3px;
  border-color:#0f766e;
  box-shadow:0 0 0 1px #fff;
}
#appShell :is(.filters,.opportunity-search-filters,.government-tabs,.industry-form,.government-home-market) :is(input,select):disabled {
  opacity:1;
  cursor:not-allowed;
  color:#68748a;
  background-color:#f0f2f6;
  border-color:#dce1eb;
}
#appShell .government-home-market { width:220px; flex-shrink:0; }
#appShell #governmentCountry { max-width:100%; }
#appShell .industry-form button { min-height:46px; }
#appShell :is(.filters,.opportunity-search-filters,.industry-form) input::placeholder { color:#657187; opacity:1; }
#appShell .government-tabs {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:end;
  gap:16px;
  margin:22px 0 16px;
  padding:18px;
  border:1px solid #dce1eb;
  border-radius:14px;
  background:linear-gradient(135deg,#f8f9fc,#f2f4f9);
}
#appShell .government-region-options {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  grid-column:1/-1;
  padding-bottom:16px;
  border-bottom:1px solid #e0e5ee;
}
#appShell .government-region-options button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 15px;
  border:1px solid #d4dbe8;
  border-radius:9px;
  background:#fff;
  color:#49556d;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
#appShell .government-region-options button:hover { background:#eaf0f8; border-color:#9aa9c0; }
#appShell .government-region-options button[aria-pressed="true"] { background:#2f3b65; border-color:#2f3b65; color:#fff; box-shadow:0 3px 8px #29365d18; }
#appShell .government-region-options button:active { box-shadow:inset 0 2px 4px #14213e20; }
#appShell .government-region-options button:focus-visible { outline:3px solid #0f766e; outline-offset:3px; }
#appShell .government-tabs > label { padding:0; font-size:11px; color:#49556d; }
#appShell .government-tabs .government-match-filter {
  display:flex;
  align-items:center;
  align-content:center;
  gap:9px;
  min-height:46px;
  height:46px;
  padding:10px 13px;
  border:1px solid #cbd3e1;
  border-radius:10px;
  background:#fff;
  color:#36445e;
  cursor:pointer;
}
#appShell #matchesOnly { width:18px; height:18px; margin:0; accent-color:#2f3b65; cursor:pointer; }
#appShell .opportunity-search-filters { display:grid; grid-template-columns:minmax(180px,1.7fr) minmax(150px,1fr) minmax(150px,1fr); gap:16px; margin:18px 0; }
#appShell .filter-feedback { display:flex; gap:9px; align-items:center; margin:0 0 16px; padding:11px 13px; border:1px solid #cddfdd; border-radius:9px; background:#f2f9f8; color:#245d58; font-size:12px; line-height:1.6; }
#appShell .filter-feedback:empty { display:none; }
@media(max-width:1150px) { #appShell #opportunities .filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) {
  #appShell .opportunity-search-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #appShell .opportunity-search-filters label:first-child { grid-column:1/-1; }
  #appShell .government-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #appShell .government-match-filter { grid-column:1/-1; grid-row:3; }
}
@media(max-width:500px) {
  #appShell #opportunities .filters,#appShell .government-tabs,#appShell .opportunity-search-filters { grid-template-columns:minmax(0,1fr); padding:14px; gap:14px; }
  #appShell .opportunity-search-filters { padding:0; }
  #appShell .government-home-market { width:100%; margin-top:16px; }
  #appShell .government-region-options { gap:6px; }
  #appShell .government-region-options button { flex:1 0 auto; padding-inline:11px; }
  #appShell .government-match-filter { grid-row:auto; }
}
@media(forced-colors:active) { #appShell :is(.filters,.opportunity-search-filters,.government-tabs,.government-home-market) select { appearance:auto; background-image:none; } }
@media(prefers-reduced-motion:reduce) { #appShell :is(.filters,.opportunity-search-filters,.government-tabs,.industry-form,.government-home-market) :is(input,select) { transition:none; } }
