/* Hasil UI brand only. Never targets uploaded merchant logos or Wallet artwork. */
:root{--hasil-brand:#f95d03;--hasil-brand-ink:#191d24;--hasil-brand-deep:#b33b00;--hasil-brand-soft:#fff1e9;--hasil-brand-border:#ffd0b5}
.hasil-wordmark{display:inline-block!important;flex:none;width:150px!important;height:50px!important;max-width:100%;background:var(--hasil-brand)!important;vertical-align:middle;box-shadow:none!important;border:0!important;border-radius:0!important;-webkit-mask:url('/assets/images/hasil-wordmark-20260921.png') center/120% auto no-repeat;mask:url('/assets/images/hasil-wordmark-20260921.png') center/120% auto no-repeat}
.brand .hasil-wordmark{margin:0}.demo-header .hasil-wordmark{width:96px!important;height:32px!important}.logo-wrap .hasil-wordmark{width:210px!important;height:70px!important}
.hasil-brand-icon{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:var(--hasil-brand)}.hasil-brand-icon .hasil-wordmark{width:27px!important;height:10px!important;background:#fff!important}
.menu-btn{color:var(--hasil-brand)!important}
.hasil-powered-mark .hasil-wordmark{width:64px!important;height:24px!important;vertical-align:middle}
.admin-brand>.hasil-wordmark{width:130px!important;height:44px!important}
.admin-brand>small{font-size:12px;color:#667085}
.hasil-public .btn-primary{background:var(--hasil-brand);color:#fff}
.hasil-public .btn-primary:hover{background:#ed5200}
.hasil-public:not(.hasil-home) .btn{background:var(--hasil-brand);color:#fff}
.hasil-public .read,.hasil-public .tag,.hasil-public .eyebrow,.hasil-public .content a{color:var(--hasil-brand-deep)}
.hasil-public .hero-copy h1 span{color:var(--hasil-brand)}
.hasil-admin .primary,.hasil-admin .btn-primary{background:var(--hasil-brand);border-color:var(--hasil-brand);color:#fff}
.hasil-admin aside .brand{padding:4px 12px 25px}.hasil-admin aside .brand small{display:block}.hasil-admin aside .brand .hasil-wordmark{width:145px!important;height:49px!important}
.hasil-auth button[type=submit],.hasil-auth form>button,.hasil-auth .login-btn{background:var(--hasil-brand);color:#fff}
.hasil-brand-ui [data-hasil-accent-button]{background:var(--hasil-brand);color:#fff}
.hasil-brand-ui .hb-button:not(.hb-light),.hasil-brand-ui .hb-card form>button{color:#fff}
.hasil-public .discount-dot{color:var(--hasil-brand-ink)}
@media(max-width:600px){.hasil-wordmark{width:128px!important;height:43px!important}}

/* Outlined actions remain light; brand-filled actions use white lettering. */
.hasil-public:not(.hasil-home) .btn.outline{background:#fff;color:#191d24;border:1px solid #ddd7d2}

/* AA contrast for white, normal-size action labels. Brand/logo hue is unchanged. */
:root{--hasil-action:#b83d00}
.hasil-public .btn-primary,.hasil-public:not(.hasil-home) .btn:not(.outline),
.hasil-admin .primary,.hasil-admin .btn-primary,
.hasil-auth button[type=submit],.hasil-auth form>button,.hasil-auth .login-btn,
.hasil-brand-ui [data-hasil-accent-button],.hasil-brand-ui .hp-cta,
.hasil-merchant .hm-button:not(.hm-secondary),.hasil-merchant .save,.hasil-merchant .send,
.hasil-merchant.hm-ui button.primary,.hasil-merchant.hm-ui .button.primary,
.hasil-merchant #statusArea button:not(.dark){background:var(--hasil-action)!important;color:#fff!important;border-color:var(--hasil-action)!important}
.hasil-public .btn-primary:hover,.hasil-public:not(.hasil-home) .btn:not(.outline):hover{background:#9d3300!important}

.hasil-public .hasil-pricing .discount-dot{background:var(--hasil-action)!important;color:#fff!important}
.hm-employee-operations .filters button{background:var(--hasil-action);color:#fff}
.hasil-merchant #membershipNote{font-size:16px;text-align:start}
.hm-dashboard .hero form>button{background:var(--hasil-action)!important;color:#fff!important}