/* Account controls, including sections moved out of cards. */
.account-open{--control-border:#cbd8d2;--control-ink:#193f36;--control-focus:#65a993}
.account-open :is(input,textarea,select,button){font-family:inherit}
.account-open :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=submit]):not([type=button]),textarea,select){box-sizing:border-box;max-width:100%;min-width:0;width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--control-border);border-radius:10px;background-color:#fff;color:var(--control-ink);font-size:14px;line-height:1.6;box-shadow:0 1px 2px #173f3504;transition:border-color .16s,box-shadow .16s,background-color .16s}
.account-open :is(input,textarea)::placeholder{color:#83938c;font-size:13px;opacity:1}
.account-open textarea{resize:vertical}
.account-open input[type=file]{padding:8px 10px}
.account-open input[type=file]::file-selector-button{font:inherit;color:#215b4b;background:#eef6f2;border:0;border-radius:6px;padding:6px 10px;margin-inline-end:12px;cursor:pointer}
.account-open :is(input,textarea,select):disabled{background-color:#f4f6f4;color:#87958e;cursor:not-allowed;box-shadow:none}
.account-open :is(input,textarea,select):hover:not(:disabled){border-color:#94b4a6}
.account-open :is(input,textarea,select):focus{outline:none;border-color:var(--control-focus);box-shadow:0 0 0 3px #68ab9224!important}
.account-open :is(input,textarea,select)[aria-invalid=true]{border-color:#bc665e}
.account-open :is(input,textarea)::selection{background:#d6eee3;color:#123e32}

/* Real selects preserve keyboard, form, disabled and native mobile behavior. */
.account-open select:not([multiple]){appearance:none;padding-inline-end:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23577569' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px}
[dir=rtl] .account-open select:not([multiple]),.account-open[dir=rtl] select:not([multiple]){background-position:left 13px center}
@supports(appearance:base-select){
 .account-open select:not([multiple]),.account-open select:not([multiple])::picker(select){appearance:base-select}
 .account-open select:not([multiple]){background-image:none;padding-inline-end:14px;align-items:center;gap:16px}
 .account-open select::picker-icon{color:#577569;transition:rotate .16s;font-size:12px;margin-inline-start:auto}
 .account-open select:open::picker-icon{rotate:180deg}
 .account-open select::picker(select){border:1px solid #d4dfd9;border-radius:12px;padding:5px;background:#fff;color:#193f36;box-shadow:0 12px 32px #173f351c,0 2px 6px #173f3508;margin-block:5px;max-block-size:min(360px,55vh);overflow:auto;scrollbar-width:thin;font:inherit}
 .account-open select option{min-block-size:38px;padding:9px 12px;border-radius:7px;gap:12px;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.5;cursor:pointer}
 .account-open select option:checked{background:#eaf5ef;color:#174d42;font-weight:600}
 .account-open select option:is(:hover,:focus){background:#f0f5f2;outline:none}
 .account-open select option::checkmark{color:#26765c;font-size:14px;order:1;margin-inline-start:auto}
}

/* A check and its text form one aligned control. */
.account-open :is(label.businessCheck,label.actionPause,label.schema-check-option,.schema-switch>label):not([hidden]){display:flex!important;align-items:center;gap:10px;line-height:1.6;cursor:pointer}
.account-open label.businessCheck{margin-block:16px;font-size:13px;font-weight:500}
.account-open input:is([type=checkbox],[type=radio]){appearance:none;display:inline-grid;place-content:center;box-sizing:border-box;vertical-align:middle;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:0!important;margin:0!important;flex:0 0 18px;border:1.5px solid #9eb3a8;border-radius:5px;background:#fff;box-shadow:0 1px 2px #123a2e05;cursor:pointer;transition:background-color .14s,border-color .14s,box-shadow .14s}
.account-open input[type=checkbox]::before{content:'';width:10px;height:6px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg) scale(0)}
.account-open input[type=checkbox]:checked{background:#1d6552;border-color:#1d6552}
.account-open input[type=checkbox]:checked::before{transform:translateY(-1px) rotate(-45deg) scale(1)}
.account-open input[type=checkbox]:indeterminate{background:#1d6552;border-color:#1d6552}
.account-open input[type=checkbox]:indeterminate::before{width:9px;height:0;border-width:0 0 2px;transform:none}
.account-open input[type=radio]{border-radius:50%}
.account-open input[type=radio]:checked{border:5px solid #1d6552}
.account-open input:is([type=checkbox],[type=radio]):focus-visible{outline:3px solid #68ab9233;outline-offset:3px}
.account-open input:is([type=checkbox],[type=radio]):disabled{opacity:.5;background-color:#e9eeeb}
.account-open .schema-check-option{margin:0!important;min-height:42px;padding:9px 13px;font-weight:500!important;transition:background .14s,border-color .14s}
.account-open .schema-check-option:has(input:checked){background:#f1f8f4;border-color:#9abdab}
.account-open .schema-switch input{margin:0!important}
.account-open .billing-check-row input[type=checkbox]{appearance:none!important;width:18px!important;height:18px!important;min-height:18px!important;margin:2px 0 0!important}
.account-open .otpDigits input{width:50px;min-height:60px;padding:8px;text-align:center;font:600 25px Manrope,sans-serif}

/* Quiet field glow; never wash a whole section with warning color. */
.account-open .assistant-field:focus-within{background:transparent;box-shadow:none}
.account-open .needs-attention:not(.assistant-field):not(input):not(select):not(textarea){background:transparent!important;box-shadow:none!important;animation:none!important}
.account-open .assistant-field.needs-attention{background:transparent;box-shadow:none;animation:none}
.account-open :is(input,select,textarea).needs-attention{border-color:#65a993!important;box-shadow:0 0 0 3px #68ab9224!important;background-color:#fff!important}
.account-open :is(h2,h3,summary,span).needs-attention{color:#216750;text-decoration:underline;text-decoration-color:#badbcb;text-decoration-thickness:3px;text-underline-offset:6px}
.account-open :is(#restaurantMenu,#supermarketCatalog,#offeringsManagement){background:#fff;border:1px solid #dce5df;border-radius:18px;padding:24px}
.account-open .businessHeading h3{margin-top:0}
.account-open .businessField{font-size:13px;line-height:1.5}
.account-open .businessHeading .businessField{min-width:110px}
.account-open .businessButtons .primary{margin-block-start:12px}
.account-open .businessButtons label{margin-block:12px 0}
.account-open #categoryForm .businessField{flex-basis:100%}
.account-open .businessButtons button,.account-open .setup-continue{min-height:42px}

/* Save and delete stay adjacent with one height and baseline. */
.account-open .assistant-save-actions{align-items:center;gap:12px;margin-block-start:22px}
.account-open .assistant-save-actions :is(#savePrompt,#businessReset){display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:11px 18px;border-radius:10px;font-size:13px;line-height:1.6}
.account-open .assistant-save-actions .businessResetTools{margin:0;align-items:center}
.account-open .assistant-save-actions #businessReset{background:#fff;border:1px solid #d5dfd9;color:#a14d47}
.account-open .assistant-save-actions #businessReset:hover{background:#fff6f4;border-color:#d9aaa5;color:#913c35}
.account-open :is(button.quiet,button.secondary){transition:background-color .16s,border-color .16s,box-shadow .16s}
.account-open button:focus-visible{outline:3px solid #68ab9240;outline-offset:3px}
.account-open .mila-nav-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center}
.account-open .mila-nav-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){
 .account-open :is(#restaurantMenu,#supermarketCatalog,#offeringsManagement){padding:18px}
 .account-open .assistant-save-actions{gap:10px}
 .account-open .assistant-save-actions #savePrompt{width:auto;min-width:145px}
 .account-open .assistant-save-actions #businessReset{padding-inline:13px;font-size:12px}
 .account-open :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}
}
@media(prefers-reduced-motion:reduce){.account-open :is(input,select,textarea,button){transition:none}.account-open select::picker-icon{transition:none}}
@media(forced-colors:active){.account-open input:is([type=checkbox],[type=radio]){appearance:auto}.account-open input[type=checkbox]::before{content:none}}
