/* Shared visual layer only. Form routes, validation, values and visibility remain unchanged. */
:root{--sc-form-ink:#302e2b;--sc-form-muted:#645e58;--sc-form-border:#ded7cf;--sc-form-surface:#faf8f5;--sc-form-accent:#626e56;--sc-form-accent-hover:#4d5942;--sc-form-focus:#758467;--sc-form-error:#a52e46}
html body form{font-family:Arial,Helvetica,sans-serif;color:var(--sc-form-ink)}
html body form label{color:var(--sc-form-muted);font-size:13px;font-weight:500;line-height:1.5}
html body form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;min-height:44px!important;border:1px solid var(--sc-form-border)!important;border-radius:8px!important;background:#fff!important;color:var(--sc-form-ink);padding:10px 12px!important;font:inherit;font-size:14px;font-weight:400;line-height:1.5;box-shadow:none;transition:border-color .15s,box-shadow .15s}
html body form textarea{height:auto;min-height:120px!important;resize:vertical}
html body form :is(input,textarea)::placeholder{color:#777269;opacity:1}
html body form :is(input,select,textarea):focus-visible{outline:2px solid var(--sc-form-focus)!important;outline-offset:2px;border-color:var(--sc-form-focus)!important}
html body form :is(input,select,textarea)[aria-invalid=true]{border-color:var(--sc-form-error)!important;box-shadow:0 0 0 1px var(--sc-form-error)}
html body form :is(input,textarea)[readonly]{background:var(--sc-form-surface)!important}
html body form :is(input,select,textarea):disabled{background:#f1efea!important;color:#777269;cursor:not-allowed}
html body form input:is([type=checkbox],[type=radio]){appearance:auto!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;flex:0 0 17px;margin:0!important;padding:0!important;accent-color:var(--sc-form-accent);vertical-align:middle}
html body form label:has(>input:is([type=checkbox],[type=radio])){display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:9px!important;text-align:left;min-height:30px}
html body form label>input:is([type=checkbox],[type=radio]){margin-top:2px!important}
html body :is(form button,form input[type=submit],form input[type=button],form input[type=reset],.admin-button,.admin-actions>a,.storefront-cart__checkout){box-sizing:border-box;min-height:44px!important;padding:10px 22px!important;border:1px solid var(--sc-form-accent)!important;border-radius:999px!important;background:var(--sc-form-accent)!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
html body :is(form button,form input[type=submit],form input[type=button],form input[type=reset],.admin-button,.admin-actions>a,.storefront-cart__checkout):hover:not(:disabled){background:var(--sc-form-accent-hover)!important;border-color:var(--sc-form-accent-hover)!important}
html body :is(form button,form input[type=submit],form input[type=button],form input[type=reset],.admin-button,.admin-actions>a,.storefront-cart__checkout):focus-visible{outline:2px solid var(--sc-form-focus)!important;outline-offset:3px}
html body :is(form button,form input[type=submit],form input[type=button],form input[type=reset]):disabled{background:#e9e5df!important;border-color:#ded7cf!important;color:#777269!important;cursor:not-allowed}
html body :is(form .storefront-cart__secondary,form .admin-button--secondary,form .admin-button-secondary,form .secondary,form button[name=choice][value=reject],form [data-cookie-reject]){background:transparent!important;color:var(--sc-form-accent)!important}
html body :is(form .storefront-cart__secondary,form .admin-button--secondary,form .admin-button-secondary,form .secondary,form button[name=choice][value=reject],form [data-cookie-reject]):hover:not(:disabled){background:var(--sc-form-surface)!important;color:var(--sc-form-accent-hover)!important}
html body form :is(.admin-button--danger,.admin-danger,[data-destructive]){border-color:var(--sc-form-error)!important;background:var(--sc-form-error)!important;color:#fff!important}
html body :is(form.admin-search,form.orders-filter-bar,form.storefront-filter-grid,.storefront-functional>form:not(.storefront-search)){background:var(--sc-form-surface);border:1px solid #e9e2db;border-radius:16px;padding:22px;gap:16px}
html body form fieldset{border-color:#e9e2db;border-radius:12px}
html body form legend{padding:0 8px;color:var(--sc-form-muted);font-size:14px;font-weight:600}
/* Compact compound controls keep their own geometry, rather than becoming large action pills. */
html body form.storefront-search input{border-radius:8px 0 0 8px!important}
html body form.storefront-search button{width:44px;min-width:44px;padding:8px!important;border-radius:0 8px 8px 0!important}
html body form [data-storefront-quantity-stepper] button,html body form button:is([data-storefront-quantity-minus],[data-storefront-quantity-plus]){width:44px;min-width:44px;padding:8px!important;border-radius:8px!important;background:var(--sc-form-surface)!important;color:var(--sc-form-accent)!important;border-color:var(--sc-form-border)!important}
html body form input[type=number][name=quantity]{min-width:44px}
html body form input[type=file]{padding:5px!important}
html body form input[type=file]::file-selector-button{min-height:32px;margin-right:10px;padding:6px 12px;border:0;border-radius:6px;background:var(--sc-form-surface);color:var(--sc-form-accent);font:inherit;cursor:pointer}
/* Preserve the visible selected state of editor tabs. */
html body form button[role=tab]{background:var(--sc-form-surface)!important;color:var(--sc-form-accent)!important;border-color:var(--sc-form-border)!important}
html body form button[role=tab][aria-selected=true]{background:var(--sc-form-accent)!important;color:#fff!important;border-color:var(--sc-form-accent)!important}
html body form button[role=tab]:hover:not(:disabled){background:var(--sc-form-accent-hover)!important;color:#fff!important}
html body :is(.admin-button--secondary,.admin-button-secondary){background:transparent!important;color:var(--sc-form-accent)!important}
html body :is(.admin-button--secondary,.admin-button-secondary):hover:not(:disabled){background:var(--sc-form-surface)!important;color:var(--sc-form-accent-hover)!important}
html body form .admin-rich-editor[contenteditable][role=textbox]{box-sizing:border-box;min-height:120px;padding:10px 12px!important;border:1px solid var(--sc-form-border)!important;border-radius:8px!important;background:#fff!important;color:var(--sc-form-ink);font:14px/1.5 Arial,Helvetica,sans-serif}
html body form .admin-rich-editor[contenteditable]:focus-visible{outline:2px solid var(--sc-form-focus)!important;outline-offset:2px;border-color:var(--sc-form-focus)!important}
html body form .admin-editor-tools button{min-height:44px!important;padding:8px 12px!important;border-radius:8px!important;background:var(--sc-form-surface)!important;color:var(--sc-form-accent)!important;border-color:var(--sc-form-border)!important}
html body form .admin-editor-tools button:hover:not(:disabled){background:var(--sc-form-accent-hover)!important;color:#fff!important}
@media(max-width:600px){html body :is(form.admin-search,form.orders-filter-bar,form.storefront-filter-grid,.storefront-functional>form:not(.storefront-search)){padding:16px;gap:12px}html body form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}html body form :is(button,input[type=submit]){max-width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){html body form :is(input,select,textarea,button){transition:none}}