/* Shared website/account/admin controls. This file is not loaded by restaurant menus. */
html body .bootstrap-select > .dropdown-toggle,
html body .figma-create-restaurant .bootstrap-select > .dropdown-toggle,
html body .figma-settings-page .bootstrap-select > .dropdown-toggle {
    display:flex!important;align-items:center!important;min-height:46px;height:46px;
    padding:10px 36px 10px 14px!important;border:1px solid var(--site-control-line)!important;
    border-radius:var(--site-control-radius)!important;background:#fff!important;
    color:var(--site-control-ink)!important;box-shadow:none!important;font-size:14px!important;
    line-height:24px!important;font-weight:400!important;transition:border-color .15s,box-shadow .15s;
}
html body .bootstrap-select > .dropdown-toggle .filter-option {display:flex!important;align-items:center!important;height:100%!important;line-height:24px!important;padding:0!important;min-width:0}
html body .bootstrap-select .filter-option-inner,html body .bootstrap-select .filter-option-inner-inner {line-height:24px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}
html body .bootstrap-select > .dropdown-toggle .caret {top:50%!important;right:15px!important;left:auto;width:7px!important;height:7px!important;margin-top:-5px!important;border:0!important;border-right:1.5px solid #85899e!important;border-bottom:1.5px solid #85899e!important;transform:rotate(45deg)!important}
html body .bootstrap-select.open > .dropdown-toggle,
html body .bootstrap-select > .dropdown-toggle:focus-visible {border-color:var(--site-accent)!important;outline:2px solid var(--site-accent-border)!important;outline-offset:2px}
html body :is(.bootstrap-select,.bs-container) > .dropdown-menu {padding:6px!important;margin-top:7px;border:1px solid var(--site-control-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 12px 32px #2526411c!important;max-width:calc(100vw - 24px)}
html body :is(.bootstrap-select,.bs-container) .dropdown-menu.inner {padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;box-shadow:none!important;background:#fff!important}
html body :is(.bootstrap-select,.bs-container) .dropdown-menu li > a {display:flex;align-items:center;min-height:40px;padding:9px 12px!important;border-radius:7px!important;color:var(--site-control-ink)!important;font-size:14px!important;line-height:22px!important;font-weight:400!important;white-space:normal}
html body :is(.bootstrap-select,.bs-container) .dropdown-menu li:is(.selected,.active) > a,
html body :is(.bootstrap-select,.bs-container) .dropdown-menu li > a:hover,
html body :is(.bootstrap-select,.bs-container) .dropdown-menu li > a:focus {background:var(--site-accent-soft)!important;color:var(--site-accent)!important}
html body :is(.bootstrap-select,.bs-container) .dropdown-menu li.disabled > a {color:#9296a8!important;background:transparent!important;cursor:not-allowed}
html body :is(.bootstrap-select,.bs-container) .check-mark {color:var(--site-accent)!important}
html body :is(.bootstrap-select,.bs-container) .bs-searchbox {padding:5px 5px 9px}
html body :is(.bootstrap-select,.bs-container) .bs-searchbox input {height:42px!important;min-height:42px!important;margin:0!important;padding:9px 12px!important;border:1px solid var(--site-control-line)!important;border-radius:8px!important;background:#fff!important;color:var(--site-control-ink)!important;box-shadow:none!important;font-size:14px!important}
html body .bootstrap-select.disabled > .dropdown-toggle {background:#f6f7fa!important;color:#9296a8!important;cursor:not-allowed}
html body select:not(.selectpicker):not(.bs-select-hidden):not(.select2-hidden-accessible):not([multiple]) {min-height:44px;padding:10px 36px 10px 12px;border:1px solid var(--site-control-line);border-radius:var(--site-control-radius);background-color:#fff;color:var(--site-control-ink);font-size:14px;line-height:22px;box-shadow:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%2385899e' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
html body select[multiple]:not(.selectpicker):not(.select2-hidden-accessible) {padding:8px;border:1px solid var(--site-control-line);border-radius:10px;background:#fff;color:var(--site-control-ink)}
html body :is(select,input[type=time],input[type=date],input[type=color]):focus-visible {outline:2px solid var(--site-accent-border)!important;outline-offset:2px;border-color:var(--site-accent)!important}
html body input:is([type=checkbox],[type=radio],[type=range]) {accent-color:var(--site-accent)}
html body .form-check-input:checked {background-color:var(--site-accent);border-color:var(--site-accent)}
html body .form-check-input:focus {border-color:var(--site-accent-border);box-shadow:0 0 0 3px var(--site-accent-soft)}
html body .custom-control-input:checked ~ .custom-control-label::before {background-color:var(--site-accent);border-color:var(--site-accent)}
html body input[type=color]:not(.figma-color-native) {min-height:42px;border:1px solid var(--site-control-line);border-radius:10px;padding:5px;background:#fff;cursor:pointer}
html body input[type=color]::-webkit-color-swatch-wrapper {padding:1px}
html body input[type=color]::-webkit-color-swatch {border:0;border-radius:6px}
/* Admin Select2, including multiple choices and dynamically opened side panels. */
html body .select2-container .select2-selection {min-height:44px;border:1px solid var(--site-control-line)!important;border-radius:10px!important;background:#fff;box-shadow:none}
html body .select2-container .select2-selection--single {height:44px}
html body .select2-container .select2-selection--single .select2-selection__rendered {padding-inline:12px 34px;line-height:42px;color:var(--site-control-ink);font-size:14px}
html body .select2-container .select2-selection--single .select2-selection__arrow {height:42px;right:10px}
html body .select2-container--open .select2-selection,html body .select2-container--focus .select2-selection {border-color:var(--site-accent)!important;box-shadow:0 0 0 2px var(--site-accent-soft)}
html body .select2-dropdown {border:1px solid var(--site-control-line);border-radius:10px;overflow:hidden;box-shadow:0 12px 32px #2526411c;background:#fff}
html body .select2-results__option {padding:10px 12px;font-size:14px;line-height:22px;color:var(--site-control-ink)}
html body .select2-container--default .select2-results__option--highlighted[aria-selected],html body .select2-container--default .select2-results__option[aria-selected=true] {background:var(--site-accent-soft)!important;color:var(--site-accent)!important}
html body .select2-container--default .select2-selection--multiple .select2-selection__choice {border:1px solid var(--site-accent-border);border-radius:6px;background:var(--site-accent-soft);color:var(--site-accent);padding:3px 8px}
html body .select2-search--dropdown .select2-search__field {height:40px;border:1px solid var(--site-control-line);border-radius:7px;padding:8px 10px}
/* Keep grouped phone controls seamless and compact table filters aligned. */
html body .figma-create-restaurant .figma-phone-control .bootstrap-select > .dropdown-toggle,
html body .figma-settings-phone .bootstrap-select > .dropdown-toggle {border:0!important;background:transparent!important}
html body :is(.figma-orders-extra-tools,.figma-transactions-extra-tools,.dataTables_length) .bootstrap-select > .dropdown-toggle {height:42px;min-height:42px;padding-block:8px!important}
html[dir=rtl] body .bootstrap-select > .dropdown-toggle {padding-right:14px!important;padding-left:36px!important}
html[dir=rtl] body .bootstrap-select > .dropdown-toggle .caret {right:auto!important;left:15px}
html[dir=rtl] body select:not(.selectpicker):not([multiple]) {background-position:left 12px center;padding-left:36px;padding-right:12px}
@media(prefers-reduced-motion:reduce){html body .bootstrap-select > .dropdown-toggle {transition:none}}