/* Original bright orange accents; exact requested gradient on orange actions. */
:root{--ess-brand-orange:#ff520f;--ess-brand-orange-light:#ff8b22;--ess-brand-button:linear-gradient(130deg,#ff8b03,#ff520f);--ess-brand-link:#ff520f}
html:root:is([data-vendor-theme=dark],[data-support-theme=dark],[data-public-theme=dark]){--ess-brand-link:#ff8b03}

html:root body:is(.support-app,.support-login-body) :is(.support-button.orange,.support-hero-action,.support-chat-primary-button,.support-chat-send,.support-chat-send-button,.live-delivery-primary-button,.live-delivery-filter-button,.order-live-tracking-button,.delivery-live-map-button,.live-map-popup-actions a.primary){background:linear-gradient(130deg,#ff8b03,#ff520f)!important;color:#fff!important;border-color:#ff520f!important;filter:none!important}
html:root body.support-login-body .support-login-card form>button[type=submit]{background:linear-gradient(130deg,#ff8b03,#ff520f)!important;color:#fff!important;filter:none!important}
html:root body:is(.support-app,.support-login-body) :is(.support-button.orange,.support-hero-action,.support-chat-primary-button,.support-chat-send,.support-chat-send-button):hover{background:linear-gradient(130deg,#ff8b03,#ff520f)!important;color:#fff!important;filter:none!important}
html:root body.support-app .support-nav .material-symbols-rounded{color:var(--ess-brand-orange)!important}
html:root body.support-app .support-nav a.active{box-shadow:inset 3px 0 var(--ess-brand-orange)!important}
html:root body.support-app .support-menu-dialog nav a[aria-current=page]{box-shadow:inset 3px 0 var(--ess-brand-orange)!important}
html:root body.support-app .support-bottom-nav [aria-current=page]{color:var(--ess-brand-link)!important}

html:root[data-support-theme]{--sg-accent:var(--ess-brand-link)}

/* Orange text actions share the brand accent, with stable hover colours. */
html:root[data-support-theme] body.support-app :is(.support-table-action a,.support-facts a,.support-chat-context-list a,.live-driver-order a,.live-driver-card-actions a,.delivery-live-order-link){color:var(--ess-brand-link)!important}
html:root[data-support-theme] body.support-app .support-quick-links>a>.material-symbols-rounded{color:var(--ess-brand-orange)!important}
html:root[data-support-theme] body.support-app .live-map-popup-actions a:not(.primary){color:var(--ess-brand-link)!important}

html:root[data-support-theme] body:is(.support-app,.support-login-body) :is(input[type=checkbox],input[type=radio]){accent-color:var(--ess-brand-orange)!important}

/* Fields keep their geometry and show one restrained focus ring. */
html:root[data-support-theme] body:is(.support-app,.support-login-body) :is(input:not(:is([type=checkbox],[type=radio],[type=range],[type=submit],[type=button],[type=hidden])),select,textarea):is(:focus,:focus-visible){outline:2px solid var(--sg-focus)!important;outline-offset:1px!important;border-color:var(--sg-focus)!important;box-shadow:none!important}

html:root[data-support-theme] body.support-app .support-search:focus-within{outline:2px solid var(--sg-focus)!important;outline-offset:1px!important;border-color:var(--sg-focus)!important;box-shadow:none!important}
html:root[data-support-theme] body.support-app .support-search input:is(:focus,:focus-visible){outline:none!important;border-color:transparent!important;box-shadow:none!important}