/* HSE.my corporate identity. Preserve all existing module/dashboard layouts. */
@font-face{font-family:Inter;src:url('../fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--hse-red:#ed0024;--hse-yellow:#ffbc00;--hse-green:#008b3c;--primary:var(--hse-green);--secondary:var(--hse-yellow);font-family:Inter,'Segoe UI',Arial,sans-serif}
body,input,button,select,textarea{font-family:Inter,'Segoe UI',Arial,sans-serif}
/* Organization Color 1 and Color 2 drive the interface; CI icon colours stay fixed. */
:root{--organization-gradient:linear-gradient(110deg,var(--primary),color-mix(in srgb,var(--primary) 67%,var(--secondary)) 68%,var(--secondary));--organization-tint:color-mix(in srgb,var(--primary) 7%,var(--experience-surface));--organization-accent-tint:color-mix(in srgb,var(--secondary) 12%,var(--experience-surface))}
.hero,.guide-hero,.control-source-workspace .case-hero{background:var(--organization-gradient)}
.eyebrow{color:var(--primary)}
.hero .eyebrow,.guide-hero .eyebrow,.control-source-workspace .case-hero .eyebrow{color:color-mix(in srgb,var(--secondary) 20%,#fff)}
.rail{background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 67%,var(--secondary)) 68%,var(--secondary))}
.rail nav a,.rail nav a.active,.rail nav a:hover{background:rgba(255,255,255,.5)}
.rail nav a:hover,.rail nav a.active{box-shadow:inset 0 0 0 2px var(--secondary)}
.rail nav a:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}
.button{color:var(--primary)}
.landing-copy .button.primary{background:var(--primary)}
.landing-action-row .report-action{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,var(--experience-line));background:var(--organization-tint)}
.guide-hero-actions .button.primary{border-color:#fff;background:#fff;color:var(--primary)}
.app-shell,.guest-shell,.landing-page,.login-page,html[data-theme="dark"] :is(.app-shell,.guest-shell,.landing-page,.login-page){background:linear-gradient(135deg,var(--organization-accent-tint),var(--organization-tint) 45%,var(--experience-surface-soft))}
.landing-governance,.landing-siti,.landing-cta,.landing-pwa-panel{background:linear-gradient(120deg,var(--organization-tint),var(--organization-accent-tint))}
.capability-card a{color:var(--primary)}
.capability-card:nth-child(n)>span{background:var(--organization-tint)}
/* Decorative cards use organization tints; operational status/severity colours keep their meaning. */
:is(.kpis,.soft-kpis,.committee-kpis,.contractor-kpis,.employee-kpis)>article:nth-child(n),.overview-priority-grid>div:nth-child(n),.report-card:nth-child(n){color:var(--experience-ink);background:var(--organization-tint)}
:is(.kpis,.soft-kpis,.committee-kpis,.contractor-kpis,.employee-kpis)>article:nth-child(even),.overview-priority-grid>div:nth-child(even),.report-card:nth-child(even){background:var(--organization-accent-tint)}
.overview-priority-grid :is(small,span),.report-card p{color:var(--experience-muted)}
.workspace-access-grid small{color:var(--primary)}
input[type="checkbox"],input[type="radio"],progress{accent-color:var(--primary)}
.sign-out-form .sign-out-link{background:#fff;border:1px solid var(--experience-line)}
.product-logo,.login-mobile-logo{filter:none}
.landing-copy .product-logo{--landing-logo-width:min(372px,108%);display:block;width:var(--landing-logo-width);margin-inline:calc((100% - var(--landing-logo-width))/2);object-position:center}
.landing-copy>.eyebrow,.landing-copy>h1{text-align:center}
@media(min-width:801px) and (max-height:820px){.landing-copy .product-logo{--landing-logo-width:min(282px,91.2%)}}
.login-brand{background:linear-gradient(145deg,var(--experience-surface),var(--organization-tint))!important}
.login-brand h1 span,.landing h1 span,.landing-copy h1 span{background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 80%,var(--secondary)));background-clip:text;-webkit-background-clip:text;color:transparent}
.demo-grid .demo-account:hover,.demo-grid .demo-account[aria-pressed="true"]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}
.demo-grid .demo-account:focus-visible{outline-color:var(--primary)}
html[data-theme="dark"] .login-brand{background:linear-gradient(145deg,var(--organization-tint),var(--experience-surface))!important}
html[data-theme="dark"] .login-brand h1 span{background:none;color:color-mix(in srgb,var(--primary) 45%,#fff)}
html[data-theme="dark"] :is(.product-logo,.login-mobile-logo){background:#fff;border-radius:14px;padding:10px}

/* Seeded distribution: one CI colour per icon across every page. */
img[src*="/assets/icons/action-inbox.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/bbs.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/capa.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/case.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/chemical.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/committee.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/compliance.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/contractors.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/control-list.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/dashboard.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/eco-world.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/emergency.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/environment.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/equipment.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/event-register.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/exit-white.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/exit.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/exposure-sampling.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/hirarc.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/iaq.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/incident-accident.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/inspection.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/jkkp.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/legal-obligation.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/library.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/loto.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/moc.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/mydash.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/occupational-health.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/operations-overview.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/ppe.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}
img[src*="/assets/icons/ptw.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/report-event.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/safety-culture.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/surveillance.png"]{filter:url("../images/hse-icon-filters.svg#red")!important}
img[src*="/assets/icons/training.png"]{filter:url("../images/hse-icon-filters.svg#yellow")!important}
img[src*="/assets/icons/visitor.png"]{filter:url("../images/hse-icon-filters.svg#green")!important}