/* Spain GT — dark theme for Tom Select (load AFTER tom-select.css).
   Targets the base tom-select.css: re-skins the control/dropdown to match the
   .inp inputs, keeps the dark background on focus, adds a caret + volt accents. */

.ts-wrapper{margin:0}
/* Tom Select copies the original <select class="inp"> classes onto the wrapper,
   which drew a second box around the control. Strip the .inp box off the wrapper
   so only the .ts-control box shows (matching the native LICENSE select). */
.ts-wrapper.inp{background:transparent;border:0;padding:0;border-radius:0}

/* Control: match .inp (dark fill, 10/12 padding, 9px radius, 14px text).
   background is forced because base tom-select.css sets #fff on several higher-
   specificity states: .ts-control, .input-active, and .full (added once a
   single-select has its one item — this was the white box after picking a value). */
.ts-control,
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.full .ts-control{
  background:var(--input) !important;
  border:1px solid rgba(255,255,255,.1);
  border-radius:9px;
  color:var(--text);
  padding:10px 12px;
  font-size:14px;
  line-height:1.5;
  min-height:0;
  box-shadow:none;
}
.ts-control,
.ts-control input,
.ts-control .item{color:var(--text);font-size:14px;line-height:1.5}
.ts-control > input::placeholder{color:var(--faint);opacity:1}
.ts-wrapper.focus .ts-control{border-color:var(--volt);box-shadow:none}
.ts-wrapper.disabled .ts-control{background:var(--surface-2);opacity:.55}

/* Caret (base tom-select.css ships none). */
.ts-wrapper.single .ts-control{padding-right:34px !important}
.ts-wrapper.single .ts-control:after{
  content:" ";position:absolute;top:50%;right:14px;margin-top:-3px;
  width:0;height:0;border-style:solid;border-width:6px 5px 0 5px;
  border-color:var(--muted) transparent transparent transparent;
}
.ts-wrapper.single.dropdown-active .ts-control:after{transform:rotate(180deg);margin-top:-5px}

/* Dropdown menu. */
.ts-dropdown{
  background:var(--surface-3);
  border:1px solid var(--border-strong);
  border-radius:9px;
  color:var(--text);
  margin-top:4px;
  box-shadow:none;
  overflow:hidden;
}
.ts-dropdown .option{padding:9px 12px;color:var(--text)}
.ts-dropdown .active{background:var(--surface-2);color:var(--text)}
.ts-dropdown [data-selectable] .highlight{background:rgba(198,242,75,.28);border-radius:2px;color:inherit}
.ts-dropdown .no-results{color:var(--faint);padding:9px 12px}
.ts-dropdown .optgroup-header{color:var(--faint);background:transparent;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px}
.ts-dropdown-content{max-height:240px}