/* EVERSIGN DSC Selection Experience 0.3.1 — presentation for Iconic 1.7.0.
   Never rebinds product links, transforms CA thumbnails, or changes WooCommerce prices. */
.evs-dsc-selector {
  --evs-green:#00866f;--evs-deep:#005f51;--evs-ink:#24364a;
  --evs-sub:#627889;--evs-line:#e6edee;--evs-ring:#88d6c2;
  box-sizing:border-box;min-width:0;margin:12px 0 13px;padding:13px 16px 11px;
  container-type:inline-size;container-name:evs-selection;
  border:1px solid #dbeae6;border-radius:17px;
  background:linear-gradient(145deg,#fff 49%,#f7fbfa 100%);
  box-shadow:0 7px 26px rgba(29,58,65,.045);
  color:var(--evs-ink);font-family:inherit;
}
.evs-dsc-selector *, .evs-dsc-selector *::before, .evs-dsc-selector *::after {box-sizing:border-box}
.evs-dsc-selector__eyebrow {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;
  font-size:13.7px;font-weight:780;line-height:1.3;color:#243c4d}
.evs-dsc-selector__eyebrow > span:first-child {display:inline-flex;gap:9px;align-items:center}
.evs-dsc-selector__eyebrow > span:first-child::before {content:"";width:8px;height:8px;flex:0 0 8px;background:#0aa784;border-radius:50%;box-shadow:0 0 0 4px #e8f8f1}
.evs-dsc-selector__eyebrow-hint {color:#8799a5;font-size:10.7px;font-weight:550;text-align:right}
/* Iconic's original table stays the single authority for linked-product choices. */
.evs-dsc-selector table.iconic-wlv-variations {width:100%!important;max-width:100%!important;margin:0!important;
  border:0!important;background:transparent!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important}
.evs-dsc-selector table.iconic-wlv-variations tbody {display:block!important;width:100%!important}
.evs-dsc-selector table.iconic-wlv-variations tr.iconic-wlv-variations__row {display:grid!important;
  grid-template-columns:minmax(0,35%) minmax(0,1fr);gap:12px;align-items:center;
  min-width:0;padding:8px 0;margin:0;border-top:1px solid var(--evs-line)}
.evs-dsc-selector table.iconic-wlv-variations tr.iconic-wlv-variations__row:first-child {padding-top:5px;border-top:0}
.evs-dsc-selector table.iconic-wlv-variations td.iconic-wlv-variations__label,
.evs-dsc-selector table.iconic-wlv-variations td.iconic-wlv-variations__value {display:block!important;
  width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;
  text-align:left!important;vertical-align:middle!important;box-shadow:none!important;float:none!important}
.evs-dsc-selector table.iconic-wlv-variations td.iconic-wlv-variations__label {align-self:center!important}
/* Three stable columns prevent Flatsome from dropping '?' onto its own line. */
.evs-dsc-selector .evs-dsc-label-line {display:grid!important;grid-template-columns:24px minmax(0,1fr);
  align-items:center;gap:7px;min-width:0;width:100%;line-height:1.33}
.evs-dsc-selector .evs-dsc-label-line.evs-dsc-label-line--has-help {grid-template-columns:24px minmax(0,1fr) 27px}
.evs-dsc-selector .evs-dsc-label-line strong.iconic-wlv-variations__label,
.evs-dsc-selector .evs-dsc-label-line strong,
.evs-dsc-selector .evs-dsc-label-line .evs-dsc-label-text,
.evs-dsc-selector .evs-dsc-label-line .evs-dsc-visual-label {display:block!important;float:none!important;min-width:0;
  margin:0!important;padding:0!important;color:#30475a!important;font-size:13.1px!important;
  line-height:1.35!important;font-weight:760!important;letter-spacing:-.12px!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.evs-dsc-selector td.iconic-wlv-variations__label .iconic-wlv-variations__colon {display:none!important}
.evs-dsc-selector .evs-dsc-label-icon {width:24px;height:24px;flex:none;padding:4px;
  color:#158c76;background:#eff9f6;border:1px solid #deeee9;border-radius:8px;overflow:visible}
.evs-dsc-selector .evs-dsc-help-trigger {display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;
  padding:0!important;margin:0!important;border:1px solid #dce9e7!important;
  border-radius:50%!important;background:#fbfefd!important;color:#59877f!important;
  line-height:1!important;vertical-align:middle!important;box-shadow:none!important;
  appearance:none!important;cursor:pointer!important;transform:none!important}
.evs-dsc-selector .evs-dsc-help-icon {display:block!important;width:16px;height:16px;pointer-events:none}
.evs-dsc-selector .evs-dsc-help-trigger:is(:hover,[aria-expanded="true"]) {color:#00745e!important;border-color:#a3d8c8!important;background:#eaf8f3!important}
.evs-dsc-selector .iconic-wlv-variations__selection {display:block!important;margin:3px 0 0 31px!important;
  font-size:11px!important;line-height:1.3!important;font-weight:650!important;color:var(--evs-deep)!important}
.evs-dsc-selector.evs-dsc-selector--has-summary .iconic-wlv-variations__selection {display:none!important}
/* Preserve original Iconic thumbnail appearance and original src, only allocate flex gaps. */
.evs-dsc-selector .iconic-wlv-terms {display:flex!important;align-items:center!important;flex-wrap:wrap!important;
  list-style:none!important;gap:7px!important;overflow:visible!important;margin:0!important;padding:0!important}
.evs-dsc-selector .iconic-wlv-terms > li.iconic-wlv-terms__term {display:block!important;float:none!important;
  max-width:100%;flex:0 1 auto;position:relative;margin:0!important;padding:0!important;
  list-style:none!important;opacity:1!important}
.evs-dsc-selector .iconic-wlv-terms__term-content {display:inline-flex!important;align-items:center!important;justify-content:center!important;
  max-width:100%;min-height:40px!important;margin:0!important;padding:8px 12px!important;
  border:1px solid #d8e3e8!important;border-radius:10px!important;background:#fff!important;
  color:#28506a!important;font-family:inherit!important;font-size:13.1px!important;
  font-weight:700!important;line-height:1.25!important;text-align:center!important;white-space:normal!important;
  text-decoration:none!important;box-shadow:0 1px 2px rgba(30,57,72,.018)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.evs-dsc-selector .iconic-wlv-terms__term-content--link:hover {background:#f1faf7!important;color:#006d59!important;
  border-color:#79c2b2!important;box-shadow:0 2px 8px rgba(0,115,87,.055)!important;transform:translateY(-1px)}
.evs-dsc-selector .iconic-wlv-terms__term--current > .iconic-wlv-terms__term-content {background:#e6f7f1!important;
  border-color:#09a782!important;color:#006d59!important;font-weight:810!important;
  box-shadow:inset 0 0 0 1px rgba(0,135,105,.055)!important}
.evs-dsc-selector .iconic-wlv-terms__term--current > .iconic-wlv-terms__term-content::before {content:"";display:inline-block;
  width:14px;height:14px;flex:0 0 14px;margin-right:6px;vertical-align:middle;
  background:currentColor;mask:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="m4 12 5 5L20 6"/%3E%3C/svg%3E') center/contain no-repeat}
.evs-dsc-selector .iconic-wlv-terms__term--partial-match:not(.iconic-wlv-terms__term--current) > .iconic-wlv-terms__term-content {background:#fffcf6!important;
  border-color:#e5c993!important;border-style:dashed!important;color:#805f2c!important}
.evs-dsc-selector .iconic-wlv-terms__term--unavailable > .iconic-wlv-terms__term-content {background:#f6f8f9!important;color:#8b9aa3!important;border-color:#e5e9ed!important;cursor:not-allowed!important}
/* No new brand logos or images in this release. */
.evs-dsc-selector .iconic-wlv-terms__term--image {max-width:53px!important}
.evs-dsc-selector .iconic-wlv-terms__term--image .iconic-wlv-terms__term-content {width:50px!important;height:50px!important;
  min-height:50px!important;padding:2px!important;overflow:hidden;border-radius:9px!important}
.evs-dsc-selector .iconic-wlv-terms__term--image .iconic-wlv-terms__term-content::before {display:none!important}
.evs-dsc-selector .iconic-wlv-terms__term--image img {display:block;width:100%;height:100%;object-fit:contain}
.evs-dsc-selector select.iconic-wlv-terms--dropdown {width:100%;max-width:380px;min-height:43px;margin:0;
  padding:8px 12px;border:1px solid #d4e2e5;border-radius:10px;background:white;color:#243e51;font-size:13px}
.evs-dsc-selector .iconic-was-swatches {margin-top:0!important}
/* Optional help rows are genuine table cells, never an absolutely positioned overlay. */
.evs-dsc-selector table.iconic-wlv-variations td.evs-dsc-help-cell {display:none!important;grid-column:1/-1;
  min-width:0!important;width:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.evs-dsc-selector table.iconic-wlv-variations td.evs-dsc-help-cell.is-open {display:block!important}
.evs-dsc-selector .evs-dsc-help-content {display:none;margin:0!important;padding:10px 13px!important;
  border-left:3px solid #10a584;border-radius:9px;background:#f0faf7;color:#375767;font-size:12px;line-height:1.5}
.evs-dsc-selector .evs-dsc-help-content.is-open {display:block}
/* One-line compact read-only summary, with original option names retained in aria-label/title. */
.evs-dsc-selector .evs-dsc-current {display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;
  margin:4px 0 0;padding:9px 0 0;border-top:1px solid #e6eeeb}
.evs-dsc-selector .evs-dsc-current__heading {display:inline-flex;align-items:center;gap:6px;font-size:12.4px;
  line-height:1.3;font-weight:800;color:#176c5c;white-space:nowrap}
.evs-dsc-selector .evs-dsc-current__heading>span {display:inline-grid!important;place-items:center!important;
  width:21px;height:21px;margin:0!important;padding:0!important;border-radius:50%;background:#e6f8ef;color:#078569}
.evs-dsc-selector .evs-dsc-status-icon {width:14px;height:14px}
.evs-dsc-selector .evs-dsc-current__values {display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.evs-dsc-selector .evs-dsc-current__chip {display:inline-flex;align-items:center;gap:4px;min-width:0;
  padding:5px 8px;border:1px solid #e0eae9;background:#fff;border-radius:7px;
  font-size:11.7px;font-weight:720;line-height:1.25;color:#425e6e;white-space:normal}
.evs-dsc-selector .evs-dsc-current__chip-name {color:#8596a3;font-weight:650}
.evs-dsc-selector .evs-dsc-current__token-note {flex:1 1 100%;font-size:11px;color:#8a652a;
  border:1px solid #f5e6c9;background:#fff9ed;border-radius:8px;padding:7px 9px;line-height:1.4}
/* Compact optional help disclosure with aligned SVG icon instead of typographic '?'. */
.evs-dsc-selector .evs-dsc-guidance {margin:9px 0 0;padding:9px 12px;border:1px solid #e0e9eb;background:#fff;
  border-radius:11px;transition:border-color .16s ease,background .16s ease}
.evs-dsc-selector .evs-dsc-guidance[open] {border-color:#b9dbd1;background:#fbfefd}
.evs-dsc-selector .evs-dsc-guidance summary {display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;
  color:#385469;font-size:11.8px;font-weight:750;line-height:1.35}
.evs-dsc-selector .evs-dsc-guidance summary::-webkit-details-marker {display:none}
.evs-dsc-selector .evs-dsc-guidance summary::before {display:none!important}
.evs-dsc-selector .evs-dsc-guidance__icon {width:18px;height:18px;flex:0 0 18px;color:#098669}
.evs-dsc-selector .evs-dsc-guidance summary>span {margin-left:auto;color:#00836d;font-size:11px;font-weight:750;white-space:nowrap}
.evs-dsc-selector .evs-dsc-guidance summary::after {content:"";flex:0 0 7px;width:7px;height:7px;
  border-bottom:1.7px solid #718c97;border-right:1.7px solid #718c97;transform:rotate(45deg);margin-left:1px;transition:transform .16s ease}
.evs-dsc-selector .evs-dsc-guidance[open] summary::after {transform:rotate(225deg)}
.evs-dsc-selector .evs-dsc-guidance__body {padding:11px 3px 1px 26px;color:#50697a;line-height:1.52;font-size:12px}
.evs-dsc-selector .evs-dsc-guidance__body p {margin:0 0 7px;font-size:12px}
.evs-dsc-selector .evs-dsc-guidance__body p:last-child {margin-bottom:0}
.evs-dsc-selector :is(a,button,select,summary):focus-visible {outline:3px solid var(--evs-ring)!important;outline-offset:3px!important}
/* Existing partial-match behavior retained with more coherent surface/spacing. */
.evs-dsc-partial-dialog {max-width:min(440px,calc(100vw - 32px));width:100%;padding:23px;
  border:1px solid #d5e5e1;border-radius:18px;background:#fff;color:#263b4d;
  box-shadow:0 26px 70px rgba(20,40,47,.23)}
.evs-dsc-partial-dialog::backdrop {background:rgba(15,32,42,.53);backdrop-filter:blur(3px)}
.evs-dsc-partial-dialog h3 {margin:0 0 9px;color:#203748;font-size:18px;font-weight:800;line-height:1.25}
.evs-dsc-partial-dialog p {margin:0 0 12px;color:#52697a;font-size:13px;line-height:1.6}
.evs-dsc-partial-dialog ul {margin:0 0 17px;padding-left:18px;color:#354e5d;font-size:12px;line-height:1.7}
.evs-dsc-partial-dialog__actions {display:flex;gap:9px;justify-content:flex-end}
.evs-dsc-partial-dialog__actions button,.evs-dsc-partial-dialog__actions a {appearance:none;min-height:42px;margin:0;padding:11px 14px;
  border-radius:10px;text-decoration:none;font-size:12.5px;font-weight:800;line-height:1.25;cursor:pointer}
.evs-dsc-partial-dialog__actions button {border:1px solid #d6e1e4;background:#f5f8f9;color:#425867}
.evs-dsc-partial-dialog__actions a {border:1px solid #007965;background:#00866f;color:white}
@media(max-width:820px){.evs-dsc-selector{padding:13px}.evs-dsc-selector table.iconic-wlv-variations tr.iconic-wlv-variations__row {grid-template-columns:minmax(0,37%) minmax(0,1fr);gap:9px}}
@media(max-width:560px){
  .evs-dsc-selector{padding:11px 12px;margin:11px 0;border-radius:15px}
  .evs-dsc-selector table.iconic-wlv-variations tr.iconic-wlv-variations__row {grid-template-columns:minmax(0,1fr);gap:7px;padding:9px 0}
  .evs-dsc-selector .evs-dsc-label-line {display:flex!important;align-items:center!important;gap:7px;width:100%}
  .evs-dsc-selector .evs-dsc-label-line strong {flex:0 1 auto!important}
  .evs-dsc-selector .evs-dsc-label-line .evs-dsc-help-trigger {flex:0 0 27px!important}
  .evs-dsc-selector .evs-dsc-label-icon {width:23px;height:23px;flex:0 0 23px}
  .evs-dsc-selector .iconic-wlv-terms__term-content {min-height:42px!important;padding:9px 11px!important;font-size:12.8px!important}
  .evs-dsc-selector .evs-dsc-current {align-items:flex-start;gap:6px}
  .evs-dsc-selector .evs-dsc-current__heading {width:100%}
  .evs-dsc-selector__eyebrow-hint{font-size:10px;max-width:142px}
}
@media(max-width:365px){.evs-dsc-selector__eyebrow-hint{display:none}.evs-dsc-selector .iconic-wlv-terms{gap:6px!important}}
@media(prefers-reduced-motion:reduce){.evs-dsc-selector *, .evs-dsc-selector *::before, .evs-dsc-selector *::after,
  .evs-dsc-partial-dialog,.evs-dsc-partial-dialog *{transition:none!important;animation:none!important}}

/* v0.2.3: Compact hybrid layout using the width of the actual selector, not the viewport.
   Never changes the CA thumbnail row, Iconic links, or product attribute semantics. */
.evs-dsc-selector .evs-dsc-sr-original-label {
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
.evs-dsc-selector .evs-dsc-label-line {position:relative}
.evs-dsc-selector .evs-dsc-current__chip {background:#f9fbfb;border-color:#e5eeed;padding:4px 7px;border-radius:7px}
.evs-dsc-selector .evs-dsc-current__heading {font-size:12px;letter-spacing:-.1px}
/* Always let Certificate Type use the whole options width in Flatsome's right column.
   Other short-choice rows remain beside their headings while there is real room. */
@container evs-selection (max-width: 760px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.iconic-wlv-variations__row.evs-dsc-row--certificate {
    grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:8px 0!important;
  }
  .evs-dsc-selector .evs-dsc-row--certificate .evs-dsc-label-line {
    display:flex!important;align-items:center!important;gap:8px;width:100%;
  }
  .evs-dsc-selector .evs-dsc-row--certificate .evs-dsc-help-trigger {flex:0 0 27px!important}
  .evs-dsc-selector .evs-dsc-row--certificate .iconic-wlv-terms {gap:7px!important}
  .evs-dsc-selector .evs-dsc-row--certificate .iconic-wlv-terms__term-content {
    padding:8px 11px!important;min-height:42px!important;
  }
}
/* Compact short-choice rows each use a width threshold appropriate to their
   real label lengths. Longer USB-token text stays stacked when space is tight. */
@container evs-selection (min-width: 390px) and (max-width: 760px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--applicant {
    grid-template-columns:minmax(0,128px) minmax(0,1fr)!important;
    gap:8px!important;align-items:center!important;padding:7px 0!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--applicant .evs-dsc-label-line {
    display:grid!important;grid-template-columns:24px minmax(0,1fr) 27px!important;gap:4px!important;align-items:center!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--applicant .evs-dsc-label-line:not(.evs-dsc-label-line--has-help) {
    grid-template-columns:24px minmax(0,1fr)!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--applicant .iconic-wlv-terms {gap:6px!important}
  .evs-dsc-selector tr.evs-dsc-row--applicant .iconic-wlv-terms__term-content {
    padding:8px 9px!important;min-height:42px!important;
  }
}
@container evs-selection (min-width: 470px) and (max-width: 760px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--token {
    grid-template-columns:minmax(0,128px) minmax(0,1fr)!important;gap:8px!important;
    align-items:center!important;padding:7px 0!important;
  }
  .evs-dsc-selector .evs-dsc-row--token .evs-dsc-label-line {
    display:grid!important;grid-template-columns:24px minmax(0,1fr) 27px!important;
    gap:4px!important;align-items:center!important;
  }
  .evs-dsc-selector .evs-dsc-row--token .iconic-wlv-terms {gap:6px!important}
  .evs-dsc-selector .evs-dsc-row--token .iconic-wlv-terms__term-content {padding:8px 9px!important;min-height:42px!important}
}
@container evs-selection (min-width: 390px) and (max-width: 760px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--validity {
    grid-template-columns:minmax(0,131px) minmax(0,1fr)!important;
    gap:8px!important;align-items:center!important;padding:7px 0!important;
  }
  .evs-dsc-selector .evs-dsc-row--validity .evs-dsc-label-line {
    display:grid!important;grid-template-columns:24px minmax(0,1fr) 27px!important;gap:4px!important;align-items:center!important;
  }
  .evs-dsc-selector .evs-dsc-row--validity .evs-dsc-label-line:not(.evs-dsc-label-line--has-help) {
    grid-template-columns:24px minmax(0,1fr)!important;
  }
  .evs-dsc-selector .evs-dsc-row--validity .iconic-wlv-terms {gap:5px!important}
  .evs-dsc-selector .evs-dsc-row--validity .iconic-wlv-terms__term-content {
    padding:8px 8px!important;min-height:42px!important;
  }
}
/* Below a genuine narrow column threshold, stack the options without reducing
   control height or compromising label/help readability. */
@container evs-selection (max-width: 389px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.iconic-wlv-variations__row:not(.evs-dsc-row--brand) {
    grid-template-columns:minmax(0,1fr)!important;gap:7px!important;
  }
  .evs-dsc-selector tr:is(.evs-dsc-row--token,.evs-dsc-row--applicant,.evs-dsc-row--validity) .evs-dsc-label-line {
    display:flex!important;align-items:center!important;gap:8px!important;
  }
  .evs-dsc-selector tr:is(.evs-dsc-row--token,.evs-dsc-row--applicant,.evs-dsc-row--validity) .evs-dsc-help-trigger {flex:0 0 27px!important}
}
@container evs-selection (min-width: 390px) and (max-width: 469px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--token {grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
  .evs-dsc-selector .evs-dsc-row--token .evs-dsc-label-line {display:flex!important;align-items:center!important;gap:8px!important}
  .evs-dsc-selector .evs-dsc-row--token .evs-dsc-help-trigger {flex:0 0 27px!important}
}

/* v0.3.1 — CA brand presentation: source/URLs remain Iconic-owned.
   Compact image+native term-name cards; no recreated or substituted CA logos. */
.evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--brand {
  grid-template-columns:minmax(0,1fr)!important;gap:7px!important;padding:7px 0 11px!important;
}
.evs-dsc-selector .evs-dsc-row--brand .evs-dsc-label-line {
  display:flex!important;align-items:center!important;gap:8px!important;
}
.evs-dsc-selector .evs-dsc-row--brand .evs-dsc-label-line strong {font-size:13.1px!important}
.evs-dsc-selector .evs-dsc-row--brand ul.evs-dsc-brand-grid {
  width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;align-items:stretch!important;
}
.evs-dsc-selector .evs-dsc-brand-grid > li.iconic-wlv-terms__term--image {
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;
  height:51px!important;opacity:1!important;
}
.evs-dsc-selector .evs-dsc-brand-grid li.evs-dsc-brand-ready > .iconic-wlv-terms__term-content {
  width:100%!important;height:100%!important;min-height:51px!important;max-width:none!important;
  padding:5px 7px!important;display:flex!important;flex-direction:row!important;
  gap:6px!important;align-items:center!important;justify-content:flex-start!important;
  border:1px solid #dfe8eb!important;border-radius:10px!important;
  background:#fff!important;color:#30495b!important;
  box-shadow:0 1px 4px rgba(34,59,70,.025)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  position:relative!important;text-align:left!important;
}
.evs-dsc-selector .evs-dsc-brand-grid li.evs-dsc-brand-ready img {
  display:block!important;flex:0 0 32px!important;width:32px!important;height:38px!important;
  min-width:32px!important;max-width:32px!important;object-fit:contain!important;
  border-radius:5px!important;background:#f7f9fa!important;
}
.evs-dsc-selector .evs-dsc-brand-grid .evs-dsc-brand-name {
  display:block!important;min-width:0!important;overflow:hidden!important;white-space:normal!important;
  overflow-wrap:normal!important;word-break:normal!important;
  font:750 10.7px/1.18 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.09px!important;color:#324b60!important;
}
.evs-dsc-selector .evs-dsc-brand-grid li.evs-dsc-brand-ready.iconic-wlv-terms__term--current > .iconic-wlv-terms__term-content {
  background:#eaf8f3!important;border-color:#0a9f7e!important;
  box-shadow:inset 0 0 0 1px rgba(0,134,111,.09)!important;
}
.evs-dsc-selector .evs-dsc-brand-grid li.evs-dsc-brand-ready.iconic-wlv-terms__term--current .evs-dsc-brand-name {
  color:#006e59!important;font-weight:810!important;
}
.evs-dsc-selector .evs-dsc-brand-grid li.evs-dsc-brand-ready.iconic-wlv-terms__term--current > .iconic-wlv-terms__term-content::after {
  content:"";position:absolute;right:3px;top:3px;width:10px;height:10px;border-radius:50%;
  background:#0c9b75;box-shadow:inset 0 0 0 2px #eaf8f3;pointer-events:none;
}
.evs-dsc-selector .evs-dsc-brand-grid li.evs-dsc-brand-ready > a.iconic-wlv-terms__term-content--link:hover {
  background:#f5fcf9!important;border-color:#85cbbb!important;
  box-shadow:0 4px 12px rgba(23,86,72,.09)!important;transform:translateY(-1px)!important;
}
/* Narrower product columns: keep brands recognizable rather than crushing names. */
@container evs-selection (max-width: 485px) {
  .evs-dsc-selector .evs-dsc-row--brand ul.evs-dsc-brand-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@container evs-selection (max-width: 365px) {
  .evs-dsc-selector .evs-dsc-row--brand ul.evs-dsc-brand-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
/* USB Token remains beside its options in the same compact width range as User Type,
   provided the actual selector has room for both original Iconic options. */
@container evs-selection (min-width: 400px) and (max-width: 469px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--token {
    grid-template-columns:minmax(0,116px) minmax(0,1fr)!important;
    align-items:center!important;gap:8px!important;padding:7px 0!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--token .evs-dsc-label-line {
    display:grid!important;grid-template-columns:24px minmax(0,1fr) 27px!important;
    align-items:center!important;gap:3px!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--token .iconic-wlv-terms {gap:5px!important}
  .evs-dsc-selector tr.evs-dsc-row--token .iconic-wlv-terms__term-content {
    min-height:42px!important;padding:8px 7px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .evs-dsc-selector .evs-dsc-brand-grid li > .iconic-wlv-terms__term-content {
    transition:none!important;transform:none!important;
  }
}

/* Short live labels such as Required / Not Required can remain horizontal in
   a 370px selector. Longer token choices continue to stack naturally. */
@container evs-selection (min-width:370px) and (max-width:469px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--token.evs-dsc-row--token-short {
    grid-template-columns:minmax(0,116px) minmax(0,1fr)!important;
    gap:7px!important;align-items:center!important;padding:7px 0!important;
  }
  .evs-dsc-selector .evs-dsc-row--token-short .evs-dsc-label-line {
    display:grid!important;grid-template-columns:24px minmax(0,1fr) 27px!important;
    gap:3px!important;align-items:center!important;
  }
  .evs-dsc-selector .evs-dsc-row--token-short .iconic-wlv-terms {gap:5px!important}
  .evs-dsc-selector .evs-dsc-row--token-short .iconic-wlv-terms__term-content {
    min-height:42px!important;padding:8px 7px!important;
  }
}

/* v0.3.1 — USB Token one-line heading, while preserving original Iconic terms.
   The selection panel's CONTENT width controls whether a side-by-side row fits;
   at narrower widths the existing safe stacked layout remains active. */
@container evs-selection (min-width:400px) and (max-width:760px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--token.evs-dsc-row--token-short {
    grid-template-columns:minmax(0,150px) minmax(0,1fr)!important;
    gap:7px!important;align-items:center!important;padding:7px 0!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--token-short .evs-dsc-label-line {
    display:grid!important;grid-template-columns:24px max-content 27px!important;
    gap:5px!important;align-items:center!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--token-short .evs-dsc-label-line strong {
    white-space:nowrap!important;overflow-wrap:normal!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--token-short .iconic-wlv-terms__term-content {
    min-height:42px!important;padding:8px 7px!important;
  }
}
/* The same readable label arrangement is available for longer token choices
   only in wider product columns; the option text itself may wrap naturally. */
@container evs-selection (min-width:470px) and (max-width:760px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--token:not(.evs-dsc-row--token-short) {
    grid-template-columns:minmax(0,150px) minmax(0,1fr)!important;
    gap:8px!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--token:not(.evs-dsc-row--token-short) .evs-dsc-label-line {
    display:grid!important;grid-template-columns:24px max-content 27px!important;
    gap:5px!important;align-items:center!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--token:not(.evs-dsc-row--token-short) .evs-dsc-label-line strong {
    white-space:nowrap!important;overflow-wrap:normal!important;
  }
}
/* Below 400px of actual selector content, even short token choices do not
   justify squeezing the heading. Prefer an intentional stacked row. */
@container evs-selection (max-width:399px) {
  .evs-dsc-selector table.iconic-wlv-variations tr.evs-dsc-row--token {
    grid-template-columns:minmax(0,1fr)!important;gap:7px!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--token .evs-dsc-label-line {
    display:flex!important;align-items:center!important;gap:8px!important;
  }
  .evs-dsc-selector tr.evs-dsc-row--token .evs-dsc-label-line strong {white-space:nowrap!important;}
}

/* v0.4.4: Tiny secondary assistance row inside the existing disclosure.
   No separate recommendation widget; all selector controls retain approved styles. */
.evs-dsc-selector .evs-dsc-guidance__assistance {border-top:1px solid #e2eeeb;margin:9px 0 0;padding:9px 0 1px;line-height:1.4}
.evs-dsc-selector .evs-dsc-guidance__assistance-title {display:block;margin-bottom:7px;color:#526b7b;font-size:11.8px;font-weight:680}
.evs-dsc-selector .evs-dsc-guidance__assistance-links {display:flex;align-items:stretch;flex-wrap:wrap;gap:7px}
.evs-dsc-selector .evs-dsc-guidance__action {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:39px;min-width:0;padding:8px 11px;border:1px solid #d8e6e8;border-radius:9px;background:#fff;
  text-decoration:none!important;white-space:nowrap;font-size:11.9px;line-height:1.25;font-weight:790;
  color:#31576a!important;transition:border-color .16s ease,background-color .16s ease,color .16s ease}
.evs-dsc-selector .evs-dsc-guidance__action--whatsapp {border-color:#b8e3d5;background:#f3fbf7;color:#077a52!important}
.evs-dsc-selector .evs-dsc-guidance__action:hover {text-decoration:none!important;border-color:#8bc3b5;background:#f0faf6;color:#006b55!important}
.evs-dsc-selector .evs-dsc-guidance__action-icon {display:block;flex:0 0 15px;width:15px;height:15px}
.evs-dsc-selector .evs-dsc-guidance__action-icon--wa {width:16px;height:18px;flex-basis:16px}
.evs-dsc-selector .evs-dsc-guidance__action>span:last-child {font-size:13px;font-weight:700;line-height:1}
@container evs-selection (max-width:420px) {
 .evs-dsc-selector .evs-dsc-guidance__assistance-links {flex-direction:column}
 .evs-dsc-selector .evs-dsc-guidance__action {width:100%;justify-content:flex-start}
 .evs-dsc-selector .evs-dsc-guidance__action>span:last-child {margin-left:auto}
}

/* v0.4.5 — Focus refinement, scoped to this one disclosure.
   Theme focus effects must not draw a second rectangle after a pointer tap,
   while keyboard focus remains deliberately visible for accessibility. */
.evs-dsc-selector .evs-dsc-guidance > summary:focus:not(:focus-visible) {
  outline:none!important;box-shadow:none!important;
}
.evs-dsc-selector .evs-dsc-guidance > summary:focus-visible {
  outline:3px solid var(--evs-ring)!important;outline-offset:3px!important;
  box-shadow:none!important;
}