/* Matches the Session selector surface; options remain editable for custom systems. */
.viscanon-system-picker{position:relative;width:100%;min-width:0}
.viscanon-system-picker input[role=combobox]{box-sizing:border-box;width:100%;margin:0;padding:11px 42px 11px 12px;background:#0c1b2b;color:#eaf2fa;border:1px solid #42536a;border-radius:6px;font:inherit}
.viscanon-system-picker input[role=combobox]:focus{outline:2px solid #52cef5;outline-offset:2px}
.viscanon-system-picker .viscanon-system-picker-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:38px;padding:0;border:0;background:transparent;color:#c5d4e3;font-size:20px;box-shadow:none}
.viscanon-system-picker input:disabled+.viscanon-system-picker-toggle{opacity:.4;cursor:default}
.viscanon-system-picker-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:80;border:1px solid #42536a;border-radius:6px;background:#0c1b2b;color:#eaf2fa;box-shadow:0 12px 30px #0006;overflow:hidden}
.viscanon-system-picker-menu[hidden]{display:none}
.viscanon-system-picker-heading{padding:10px 12px;color:#aabed1;font-size:.75rem;font-weight:600}
.viscanon-system-picker [role=listbox]{max-height:240px;overflow-y:auto;overscroll-behavior:contain}
.viscanon-system-picker [role=option]{padding:8px 12px;font-size:.85rem;cursor:pointer}
.viscanon-system-picker [role=option]:hover,.viscanon-system-picker [role=option][aria-selected=true]{background:#205b85;color:#fff}
.viscanon-system-picker .viscanon-system-picker-hint{padding:10px 12px;margin:0;border-top:1px solid #33465a;color:#aabed1;font-size:.75rem}

/* Campaign settings shares the site's control metrics and SVG chevron. */
.campaign-system-form > .viscanon-system-picker{
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;text-align:left;
}
.campaign-system-form .viscanon-system-picker > input[role=combobox]{
  grid-area:1 / 1;display:block;max-width:100%;min-width:0;min-height:40px;
  padding:10px 38px 10px 12px;border-color:#2d465f;border-radius:7px;
  background-color:var(--entry-field-surface,#0c1b2b);color:var(--entry-field-text,#e8f1f7);
  font:inherit;font-size:14px;font-weight:400;line-height:1.35;text-align:left;
  letter-spacing:normal;text-transform:none;box-shadow:none;color-scheme:dark;
}
.campaign-system-form .viscanon-system-picker > input[role=combobox]:focus{
  outline:none;
}
.campaign-system-form .viscanon-system-picker > input[role=combobox]:hover:not(:disabled){
  border-color:#456a86;
}
.campaign-system-form .viscanon-system-picker > input[role=combobox]:focus-visible{
  outline:2px solid #66c5e7;outline-offset:2px;border-color:#66c5e7;
}
.campaign-system-form .viscanon-system-picker > input[role=combobox]:disabled{
  opacity:.62;cursor:not-allowed;
}
.campaign-system-form .viscanon-system-picker > .viscanon-system-picker-toggle{
  grid-area:1 / 1;position:relative;inset:auto;justify-self:end;align-self:stretch;
  display:flex;align-items:center;justify-content:center;width:36px;height:auto;min-width:0;min-height:0;
  padding:0;margin:1px;border:0;border-radius:6px;background:transparent;color:#66c5e7;
  font:inherit;font-size:0;line-height:1;box-shadow:none;cursor:pointer;
}
.campaign-system-form .viscanon-system-picker > .viscanon-system-picker-toggle::before{
  content:"";width:12px;height:8px;
  background:center / 12px 8px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2366c5e7' stroke-width='1.5'/%3E%3C/svg%3E");
}
.campaign-system-form .viscanon-system-picker > .viscanon-system-picker-toggle:hover{
  background:#173148;color:#e8f1f7;
}
.campaign-system-form .viscanon-system-picker > input:disabled + .viscanon-system-picker-toggle{
  opacity:.4;cursor:default;pointer-events:none;
}
.campaign-system-form .viscanon-system-picker-menu{
  box-sizing:border-box;display:flex;flex-direction:column;padding:5px;border-radius:8px;box-shadow:0 12px 30px #0008;
  max-height:280px;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#456a86 #0c1b2b;
  font:14px/1.4 Inter,system-ui,sans-serif;color-scheme:dark;
}
.campaign-system-form .viscanon-system-picker-menu[hidden]{display:none}
.campaign-system-form .viscanon-system-picker [role=listbox]{min-height:0;flex:1 1 auto}
.campaign-system-form .viscanon-system-picker-heading{
  flex:none;padding:9px 10px 5px;font-size:12px;
}
.campaign-system-form .viscanon-system-picker [role=option]{
  box-sizing:border-box;min-height:38px;padding:9px 28px 9px 10px;border-radius:4px;
  font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;
}
.campaign-system-form .viscanon-system-picker .viscanon-system-picker-hint{
  flex:none;padding:10px;font-size:13px;line-height:1.4;
}
@media(pointer:coarse){
  .campaign-system-form .viscanon-system-picker > input[role=combobox]{min-height:44px;font-size:16px}
  .campaign-system-form .viscanon-system-picker [role=option]{min-height:44px;padding-top:12px;padding-bottom:12px}
}
@media(forced-colors:active){
  .campaign-system-form .viscanon-system-picker > input[role=combobox],.campaign-system-form .viscanon-system-picker-menu{border-color:ButtonText}
  .campaign-system-form .viscanon-system-picker [role=option][aria-selected=true]{outline:2px solid Highlight;outline-offset:-2px}
}