/* Native selects keep keyboard, validation and mobile picker behavior. */
body.ops-workspace #ops-main select:not([multiple]):not([size]):not(.phone select),body.adm-dark.owner-workspace select:not([multiple]):not([size]):not(.phone select),body.wz-dark.start-flow select:not([multiple]):not([size]):not(.phone select){
 appearance:none;-webkit-appearance:none;
 min-height:46px;max-width:100%;min-width:0;
 padding:11px 46px 11px 15px;
 border:1px solid #cbd8c6;border-radius:10px;
 background-color:#fff;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='7' fill='%23edf3e8'/%3E%3Cpath d='m8 10 4 4 4-4' fill='none' stroke='%233b6043' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 11px center;background-size:24px;
 color:#294432;font-size:14px;font-weight:600;line-height:1.5;
 box-shadow:0 1px 2px #263c2410;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s;
 text-overflow:ellipsis;
}
body.ops-workspace #ops-main select:not([multiple]):not([size]):not(.phone select):hover:not(:disabled),body.adm-dark.owner-workspace select:not([multiple]):not([size]):not(.phone select):hover:not(:disabled),body.wz-dark.start-flow select:not([multiple]):not([size]):not(.phone select):hover:not(:disabled){border-color:#789a70;background-color:#fbfdf9}
body.ops-workspace #ops-main select:not([multiple]):not([size]):not(.phone select):focus-visible,body.adm-dark.owner-workspace select:not([multiple]):not([size]):not(.phone select):focus-visible,body.wz-dark.start-flow select:not([multiple]):not([size]):not(.phone select):focus-visible{outline:2px solid #527b49;outline-offset:2px;border-color:#527b49;box-shadow:0 0 0 4px #527b4915}
body.ops-workspace #ops-main select:not([multiple]):not([size]):not(.phone select):disabled,body.adm-dark.owner-workspace select:not([multiple]):not([size]):not(.phone select):disabled,body.wz-dark.start-flow select:not([multiple]):not([size]):not(.phone select):disabled{background-color:#f0f2ed;color:#929b8c;border-color:#e0e5da;box-shadow:none;cursor:not-allowed;opacity:.7}
body.ops-workspace #ops-main select option,body.owner-workspace select option,body.ops-workspace #ops-main select optgroup,body.owner-workspace select optgroup,body.start-flow select option,body.start-flow select optgroup{background:#fff;color:#294432;font-weight:400}
body.ops-workspace #ops-main select[multiple],body.owner-workspace select[multiple],body.ops-workspace #ops-main select[size],body.owner-workspace select[size],body.start-flow select[multiple],body.start-flow select[size]{border:1px solid #cbd8c6;border-radius:10px;background:#fff;color:#294432;padding:10px;font-size:14px;max-width:100%}

@media(max-width:600px){body.ops-workspace #ops-main select:not([multiple]):not([size]):not(.phone select),body.adm-dark.owner-workspace select:not([multiple]):not([size]):not(.phone select),body.wz-dark.start-flow select:not([multiple]):not([size]):not(.phone select){font-size:16px;min-height:48px;padding-left:12px;padding-right:44px}}
@media(prefers-reduced-motion:reduce){body.ops-workspace #ops-main select:not(.phone select),body.adm-dark.owner-workspace select:not(.phone select),body.wz-dark.start-flow select:not(.phone select){transition:none!important}}
@media(forced-colors:active){body.ops-workspace #ops-main select:not([multiple]):not([size]):not(.phone select),body.adm-dark.owner-workspace select:not([multiple]):not([size]):not(.phone select),body.wz-dark.start-flow select:not([multiple]):not([size]):not(.phone select){appearance:auto;background-image:none;padding-right:12px;border:1px solid ButtonText}}

/* Keep the business switcher readable within the responsive toolbar. */
body.adm-dark.owner-workspace .appbar .ab-shop select{width:240px;max-width:240px;height:auto;min-height:46px}
@media(max-width:700px){body.adm-dark.owner-workspace .appbar .ab-shop select{width:40vw;max-width:160px;min-height:48px}}
/* Account dropdown is a disclosure, with the same control treatment as selects. */
body.adm-dark.owner-workspace .owner-account summary{min-height:46px;padding:8px 10px 8px 12px;gap:9px;border:1px solid #cbd8c6;border-radius:10px;background:#fff;color:#294432;box-shadow:0 1px 2px #263c2410}
.owner-account-chevron{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:#edf3e8;color:#3b6043}.owner-account-chevron svg{width:24px;height:24px;transition:transform .15s}
.owner-account[open] .owner-account-chevron svg{transform:rotate(180deg)}
body.adm-dark.owner-workspace .owner-account summary:focus-visible{outline:2px solid #527b49;outline-offset:2px;box-shadow:0 0 0 4px #527b4915}
body.adm-dark.owner-workspace .owner-account summary:hover,body.adm-dark.owner-workspace .owner-account[open] summary{border-color:#789a70;background:#fbfdf9}
body.adm-dark.owner-workspace .owner-account-panel{border:1px solid #cbd8c6;border-radius:10px;padding:8px;box-shadow:0 8px 24px #263c241c}
body.adm-dark.owner-workspace .owner-account-panel a:hover{background:#edf3e8;color:#294432}
@media(max-width:700px){body.adm-dark.owner-workspace .owner-account summary{min-height:48px;padding:7px;gap:4px}.owner-account-chevron{width:20px;height:24px}.owner-account-chevron svg{width:20px}}