/* Shared by the preview and native WHMCS forms. */
.esa-select,.esa-select-menu{--control-bg:var(--esa-surface,var(--surface,#fff));--control-ink:var(--esa-ink,var(--ink,#19232c));--control-muted:var(--esa-muted,var(--muted,#63717c));--control-line:var(--esa-line,var(--line,#dce2e7));--control-accent:var(--esa-accent-text,var(--accent-text,#ad460c));--control-wash:var(--esa-wash,var(--wash,#fff1e7));font-family:'Inter',Arial,sans-serif;box-sizing:border-box}
.esa-select{display:block;position:relative;width:100%;min-width:0;text-align:left}
select.esa-native-select{position:absolute!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;overflow:hidden!important;opacity:0!important;padding:0!important;margin:0!important;border:0!important;pointer-events:none!important}
button.esa-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;min-height:48px;padding:12px 15px;background:var(--control-bg);color:var(--control-ink);border:1px solid var(--control-line);border-radius:9px;box-shadow:0 1px 2px #10182005;font-family:inherit;font-size:14px;font-weight:450;line-height:1.45;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}
button.esa-select-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--control-ink) 28%,var(--control-line))}
.esa-select-trigger:focus-visible,.esa-select.is-open .esa-select-trigger{outline:none!important;border-color:var(--control-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--control-accent) 12%,transparent)}
.esa-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.esa-select-chevron{display:grid;place-items:center;flex-shrink:0;color:var(--control-muted)}
.esa-select-chevron svg{width:17px;height:17px;transition:transform .16s}
.esa-select.is-open .esa-select-chevron svg{transform:rotate(180deg)}
.esa-select.is-placeholder .esa-select-value{color:var(--control-muted)}
.esa-select.is-disabled{opacity:.6}.esa-select.is-disabled .esa-select-trigger{cursor:not-allowed}
.esa-select.is-invalid .esa-select-trigger{border-color:#c64a52;box-shadow:0 0 0 3px #c64a5214}
.esa-select-error{display:block;font-size:12px;line-height:1.5;color:#bd3e47;margin-top:7px}.esa-select-error[hidden]{display:none}
[data-theme=dark] .esa-select-error{color:#f0a3aa}
.esa-select-menu{position:fixed;inset:auto;margin:0;z-index:11000;display:flex;flex-direction:column;overflow:hidden;padding:6px;border:1px solid var(--control-line);border-radius:12px;background:var(--control-bg);color:var(--control-ink);box-shadow:0 12px 36px #0a172226,0 2px 7px #0a17220b;text-align:left;isolation:isolate;animation:select-enter .12s ease-out}
.esa-select-menu[popover]:not(:popover-open){display:none}
.esa-select-menu::backdrop{background:transparent;pointer-events:none}
.esa-select-menu[data-direction=up]{transform-origin:bottom center}
.esa-select-search{display:flex;align-items:center;gap:10px;padding:5px 10px 10px;margin:0 0 5px;border-bottom:1px solid var(--control-line);flex-shrink:0}
.esa-select-search>svg{width:17px;height:17px;flex-shrink:0;color:var(--control-muted)}
.esa-select-search>input{width:100%;min-width:0;min-height:33px;border:0!important;border-radius:0!important;padding:5px 0!important;background:transparent!important;box-shadow:none!important;font-family:inherit;font-size:14px;color:var(--control-ink)!important;line-height:1.5;outline:none!important}
.esa-select-search>input::placeholder{color:var(--control-muted)}
.esa-select-list{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--control-line) transparent;padding:0 2px}
.esa-select-option{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:40px;padding:10px 11px;margin:2px 0;border-radius:7px;font-size:14px;font-weight:400;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}
.esa-select-option.is-active{background:var(--control-wash);color:var(--control-accent)}
.esa-select-option[aria-selected=true]{font-weight:550}
.esa-select-check{display:grid;place-items:center;width:18px;flex-shrink:0;color:var(--control-accent);visibility:hidden}.esa-select-check svg{width:17px;height:17px}
.esa-select-option[aria-selected=true] .esa-select-check{visibility:visible}
.esa-select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}
.esa-select-group{font-size:12px;font-weight:600;color:var(--control-muted);padding:12px 11px 5px;letter-spacing:.03em}
.esa-select-empty{padding:25px 18px;color:var(--control-muted);font-size:14px;text-align:center}.esa-select-empty[hidden]{display:none}
.toolbar .esa-select{width:auto;min-width:100px}
.dataTables_length .esa-select{display:inline-block;width:100px;margin:0 8px;vertical-align:middle}.dataTables_length .esa-select-trigger{min-height:38px;padding:8px 12px}
/* Match controls that WHMCS or an installed module already enhances. */
body:not(.esa-homepage) .select2-container--default .select2-selection--single{background:var(--esa-surface);border:1px solid var(--esa-line);border-radius:9px;min-height:48px;padding:8px 7px;font-family:'Inter',sans-serif}
body:not(.esa-homepage) .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--esa-ink);line-height:30px}
body:not(.esa-homepage) .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;right:9px}
body:not(.esa-homepage) .select2-dropdown{background:var(--esa-surface);border-color:var(--esa-line);color:var(--esa-ink);border-radius:10px;overflow:hidden;box-shadow:0 12px 35px #0002;font:14px/1.5 'Inter',sans-serif}
body:not(.esa-homepage) .select2-results__option{padding:11px 14px}
body:not(.esa-homepage) .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--esa-wash);color:var(--esa-accent-text)}
body:not(.esa-homepage) .select2-container--default .select2-results__option[aria-selected=true]{background:var(--esa-raised);color:var(--esa-ink)}
body:not(.esa-homepage) .select2-search--dropdown .select2-search__field{background:var(--esa-surface);color:var(--esa-ink);border:1px solid var(--esa-line);border-radius:6px;padding:9px}
body:not(.esa-homepage) .selectize-input{background:var(--esa-surface);color:var(--esa-ink);border-color:var(--esa-line);border-radius:9px;min-height:48px;padding:13px;box-shadow:none}
body:not(.esa-homepage) .selectize-dropdown{background:var(--esa-surface);color:var(--esa-ink);border-color:var(--esa-line);border-radius:9px;padding:5px;box-shadow:0 12px 35px #0002}
body:not(.esa-homepage) .selectize-dropdown .option{border-radius:6px;padding:10px 12px}
body:not(.esa-homepage) .selectize-dropdown .active{background:var(--esa-wash);color:var(--esa-accent-text)}
@keyframes select-enter{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){button.esa-select-trigger{min-height:49px;font-size:16px}.esa-select-option{min-height:45px;padding:11px 12px}.esa-select-search>input{font-size:16px;min-height:38px}.esa-select-menu{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.esa-select-menu{animation:none}.esa-select-trigger,.esa-select-chevron svg{transition:none}}
@media print{.esa-select-menu{display:none!important}.esa-select-trigger{box-shadow:none}}