/* Final AURIS 360 icon system supplied 2026-08-05. */
:root{
  --auris-icon-atlas:url("assets/auris-icon-system-final.png");
  --auris-brand-logo:url("assets/auris360-logo-final.png");
}

/* New platform brand supplied 2026-08-05. Client white-label logos remain unaffected. */
#auris-sidebar-logo{
  object-fit:none!important;object-position:9999px 9999px!important;
  background-image:var(--auris-brand-logo)!important;background-repeat:no-repeat!important;
  background-size:108px 86px!important;background-position:-27px -1px!important;
  background-color:#fff!important;border-color:#dbe7f3!important;
}
img.login-logo[src*="auris360-logo"],img.login-logo[src*="auris-icon-system-final"]{
  width:244px!important;height:195px!important;max-width:92%!important;
  object-fit:none!important;object-position:9999px 9999px!important;
  background-image:var(--auris-brand-logo)!important;background-repeat:no-repeat!important;
  background-size:contain!important;background-position:center!important;
  background-color:#fff!important;border-radius:9px!important;
}

/* Module artwork shared by sidebar, dropdown and mobile navigation. */
i.auris-module-icon,
[data-nav-key] i.auris-module-icon{
  width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;
  border-radius:0!important;background-color:transparent!important;
  background-image:var(--auris-icon-atlas)!important;background-repeat:no-repeat!important;
  background-size:614px 410px!important;box-shadow:none!important;text-shadow:none!important;
  color:transparent!important;font-size:0!important;overflow:hidden!important;mix-blend-mode:multiply;
}
i.auris-module-icon:before,i.auris-module-icon:after{content:none!important;display:none!important}

/* Core row 1 */
[data-nav-key="dashboard"] i.auris-module-icon{background-position:-19px -92px!important}
[data-nav-key="executive"] i.auris-module-icon{background-position:-80px -92px!important}
[data-nav-key="ai-insights"] i.auris-module-icon{background-position:-137px -92px!important}
[data-nav-key="kpi"] i.auris-module-icon{background-position:-251px -92px!important}
[data-nav-key="risk"] i.auris-module-icon{background-position:-360px -92px!important}
[data-nav-key="events"] i.auris-module-icon{background-position:-418px -92px!important}
[data-nav-key="observation"] i.auris-module-icon{background-position:-472px -92px!important}
/* Core row 2 */
[data-nav-key="inspection"] i.auris-module-icon{background-position:-19px -149px!important}
[data-nav-key="actions"] i.auris-module-icon{background-position:-80px -149px!important}
[data-nav-key="permit"] i.auris-module-icon{background-position:-137px -149px!important}
[data-nav-key="moc"] i.auris-module-icon{background-position:-195px -149px!important}
[data-nav-key="contractor"] i.auris-module-icon{background-position:-250px -149px!important}
[data-nav-key="training"] i.auris-module-icon{background-position:-303px -149px!important}
[data-nav-key="engagement"] i.auris-module-icon{background-position:-360px -149px!important}
[data-nav-key="tools"] i.auris-module-icon{background-position:-418px -149px!important}
[data-nav-key="fleet"] i.auris-module-icon{background-position:-472px -149px!important}
/* Core row 3 */
[data-nav-key="atex"] i.auris-module-icon{background-position:-19px -207px!important}
[data-nav-key="sitemap"] i.auris-module-icon{background-position:-80px -207px!important}
[data-nav-key="emergency"] i.auris-module-icon{background-position:-137px -207px!important}
[data-nav-key="fire"] i.auris-module-icon{background-position:-195px -207px!important}
[data-nav-key="ohealth"] i.auris-module-icon{background-position:-250px -207px!important}
[data-nav-key="ppe"] i.auris-module-icon{background-position:-303px -207px!important}
[data-nav-key="chemical"] i.auris-module-icon{background-position:-360px -207px!important}
[data-nav-key="esg"] i.auris-module-icon{background-position:-418px -207px!important}
[data-nav-key="noise"] i.auris-module-icon{background-position:-472px -207px!important}
/* Management */
[data-nav-key="meetings"] i.auris-module-icon{background-position:-19px -274px!important}
[data-nav-key="sop"] i.auris-module-icon{background-position:-74px -274px!important}
[data-nav-key="swms"] i.auris-module-icon{background-position:-130px -274px!important}
[data-nav-key="documents"] i.auris-module-icon{background-position:-187px -274px!important}
[data-nav-key="people"] i.auris-module-icon{background-position:-244px -274px!important}
[data-nav-key="users"] i.auris-module-icon{background-position:-298px -274px!important}
[data-nav-key="admin"] i.auris-module-icon,[data-nav-key="companies"] i.auris-module-icon{background-position:-352px -274px!important}
[data-nav-key="integrations"] i.auris-module-icon{background-position:-409px -274px!important}
[data-nav-key="approvals"] i.auris-module-icon{background-position:-466px -274px!important}
/* Governance & support */
[data-nav-key="legal"] i.auris-module-icon{background-position:-18px -337px!important}
[data-nav-key="workschedule"] i.auris-module-icon{background-position:-130px -337px!important}
[data-nav-key="audit"] i.auris-module-icon{background-position:-298px -337px!important}
[data-nav-key="settings"] i.auris-module-icon{background-position:-356px -337px!important}

.sidebar .nav-item:has(.auris-module-icon){min-height:43px!important;padding-top:5px!important;padding-bottom:5px!important;align-items:center!important}
.sidebar .nav-item i.auris-module-icon{margin:0!important;align-self:center!important}
.sidebar .nav-item.active .auris-module-icon{filter:saturate(1.08) contrast(1.03)}
.modules-menu-item .auris-module-icon{margin-left:-5px;margin-right:1px}
.mob-nav-btn .auris-module-icon{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important}
@media(min-width:769px){.sidebar.collapsed .nav-item .auris-module-icon{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important}}
@media(max-width:768px){.sidebar .nav-item .auris-module-icon{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}}

/* Consistent module heading typography, based on the Risk Assessment module. */
.page-header .page-title,
.page .kpi-x-title,
.page :is(.rax-hero,.legx-hero,.swx-hero,.ccu-hero,.cmu-hero,.teu-hero,.lcu-hero,.sov-hero,.dcx-module-head) h1{
  font-size:27px!important;line-height:1.12!important;font-weight:800!important;
  letter-spacing:0!important;color:#082f3a!important;
}
.page-header>div:first-child>div:not(.page-title),
:is(.rax-hero,.legx-hero,.swx-hero,.ccu-hero,.cmu-hero,.teu-hero,.lcu-hero,.sov-hero,.dcx-module-head) p,
.hse-cc-sub{
  font-size:12px!important;line-height:1.45!important;color:#667c84!important;
}
:is(.rax-kicker,.legx-kicker,.swx-kicker,.ccu-kicker,.cmu-kicker,.teu-kicker,.lcu-kicker,.sov-kicker,.dcx-kicker){
  font-size:10px!important;font-weight:900!important;letter-spacing:.13em!important;
  line-height:1.25!important;text-transform:uppercase!important;color:#087d68!important;
}
.hse-cc-title{
  font-size:27px!important;line-height:1.12!important;font-weight:800!important;
  letter-spacing:0!important;color:#082f3a!important;
}

/* Every module uses the compact Risk Assessment tab hierarchy. */
.page :is(.mtg-tab,[class*="-tabs"]>button,.rax-nav>button){
  font-size:11px!important;line-height:1.2!important;font-weight:800!important;
}
.page :is(.mtg-tab.active,[class*="-tabs"]>button.active,.rax-nav>button.active){
  font-size:13px!important;font-weight:950!important;
}

/* Search and filter controls stay on one efficient row on desktop. */
.page div:has(>input[id*="search"]):has(>select){
  display:flex!important;align-items:end!important;gap:10px!important;flex-wrap:nowrap!important;width:100%!important;
}
.page div:has(>input[id*="search"]):has(>select)>input[id*="search"]{
  flex:2 1 260px!important;width:auto!important;min-width:220px!important;
}
.page div:has(>input[id*="search"]):has(>select)>select{
  flex:1 1 170px!important;width:auto!important;min-width:150px!important;
}

/* Colourful, icon-led dashboard indicators across every HSE module. */
.auris-indicator-card{
  --indicator:#2563eb;--indicator-soft:#eff6ff;
  position:relative!important;overflow:hidden!important;border:1px solid color-mix(in srgb,var(--indicator) 24%,#dce7e4)!important;
  border-left:4px solid var(--indicator)!important;background:linear-gradient(145deg,#fff 0%,var(--indicator-soft) 145%)!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--indicator) 10%,transparent)!important;
}
.auris-indicator-card[data-indicator-tone="green"]{--indicator:#059669;--indicator-soft:#ecfdf5}
.auris-indicator-card[data-indicator-tone="amber"]{--indicator:#d97706;--indicator-soft:#fffbeb}
.auris-indicator-card[data-indicator-tone="red"]{--indicator:#dc2626;--indicator-soft:#fef2f2}
.auris-indicator-card[data-indicator-tone="purple"]{--indicator:#7c3aed;--indicator-soft:#f5f3ff}
.auris-indicator-card[data-indicator-tone="cyan"]{--indicator:#0891b2;--indicator-soft:#ecfeff}
.auris-indicator-card:after{
  content:""!important;display:block!important;position:absolute!important;right:-25px!important;bottom:-30px!important;
  width:82px!important;height:82px!important;border-radius:50%!important;background:var(--indicator)!important;opacity:.07!important;pointer-events:none!important;
}
i.auris-indicator-icon{
  width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;margin:0 0 9px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:19px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--indicator) 58%,#fff),var(--indicator) 62%,color-mix(in srgb,var(--indicator) 76%,#06192e))!important;
  border:1px solid color-mix(in srgb,var(--indicator) 72%,#fff)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -5px 9px rgba(6,25,46,.16),0 7px 12px color-mix(in srgb,var(--indicator) 24%,transparent)!important;
  text-shadow:0 2px 3px rgba(6,25,46,.25)!important;
}
.auris-indicator-value{color:var(--indicator)!important}

/* Dashboard cards now reuse the same final 3D artwork as the modules. */
#page-dashboard .hse-cc-kpi .hse-cc-kpi-icon{
  width:42px!important;height:42px!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;
}
#page-dashboard .hse-cc-kpi .hse-cc-kpi-icon:before,
#page-dashboard .hse-cc-kpi .hse-cc-kpi-icon:after{content:none!important;display:none!important}
.auris-dashboard-asset,
#page-dashboard .kpi-card .kpi-icon{
  width:34px!important;height:34px!important;min-width:34px!important;
  display:block!important;border-radius:0!important;color:transparent!important;font-size:0!important;
  background-color:transparent!important;background-image:var(--auris-icon-atlas)!important;
  background-repeat:no-repeat!important;background-size:614px 410px!important;
  box-shadow:none!important;text-shadow:none!important;overflow:hidden!important;mix-blend-mode:multiply;
}
#page-dashboard .kpi-card .kpi-icon>*{display:none!important}
.auris-dashboard-asset[data-dashboard-icon="incident"],
#page-dashboard :is([data-id="dp-days"],[data-id="d-events"],[data-id="d-ltifr"],[data-id="d-trir"]) .kpi-icon{background-position:-418px -92px!important}
.auris-dashboard-asset[data-dashboard-icon="action"],
#page-dashboard :is([data-id="dp-site-incidents"],[data-id="d-actions"]) .kpi-icon{background-position:-80px -149px!important}
.auris-dashboard-asset[data-dashboard-icon="risk"]{background-position:-360px -92px!important}
.auris-dashboard-asset[data-dashboard-icon="training"],
#page-dashboard :is([data-id="dp-training"],[data-id="d-training-pct"]) .kpi-icon{background-position:-303px -149px!important}
.auris-dashboard-asset[data-dashboard-icon="permit"],
#page-dashboard [data-id="d-permits"] .kpi-icon{background-position:-137px -149px!important}
.auris-dashboard-asset[data-dashboard-icon="inspection"],
#page-dashboard [data-id="d-audit-score"] .kpi-icon{background-position:-19px -149px!important}
#page-dashboard [data-id="d-people"] .kpi-icon{background-position:-244px -274px!important}
#page-dashboard [data-id="d-certs"] .kpi-icon{background-position:-360px -149px!important}
#page-dashboard [data-id="d-compliance"] .kpi-icon{background-position:-18px -337px!important}
#page-dashboard [data-id="d-env"] .kpi-icon{background-position:-418px -207px!important}
#page-dashboard [data-id="d-kpis"] .kpi-icon{background-position:-250px -92px!important}

@media(max-width:720px){
  .page-header .page-title,.page .kpi-x-title,
  .page :is(.rax-hero,.legx-hero,.swx-hero,.ccu-hero,.cmu-hero,.teu-hero,.lcu-hero,.sov-hero,.dcx-module-head) h1,
  .hse-cc-title{font-size:23px!important}
  .page div:has(>input[id*="search"]):has(>select){flex-wrap:wrap!important}
  .page div:has(>input[id*="search"]):has(>select)>input[id*="search"],
  .page div:has(>input[id*="search"]):has(>select)>select{flex:1 1 100%!important;width:100%!important;min-width:0!important}
}

/* Common action artwork. Applied only to interactive controls. */
i.auris-action-icon{
  width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;
  display:inline-block!important;border-radius:0!important;background-color:transparent!important;
  background-image:var(--auris-icon-atlas)!important;background-repeat:no-repeat!important;
  background-size:1229px 819px!important;box-shadow:none!important;text-shadow:none!important;
  color:transparent!important;font-size:0!important;overflow:hidden!important;mix-blend-mode:multiply;
}
i.auris-action-icon:before,i.auris-action-icon:after{content:none!important;display:none!important}
[data-action-icon="add"]{background-position:-44px -787px!important}
[data-action-icon="edit"]{background-position:-105px -787px!important}
[data-action-icon="delete"]{background-position:-161px -787px!important}
[data-action-icon="view"]{background-position:-223px -787px!important}
[data-action-icon="download"]{background-position:-279px -787px!important}
[data-action-icon="upload"]{background-position:-345px -787px!important}
[data-action-icon="share"]{background-position:-402px -787px!important}
[data-action-icon="filter"]{background-position:-459px -787px!important}
[data-action-icon="search"]{background-position:-515px -787px!important}
[data-action-icon="refresh"]{background-position:-571px -787px!important}
[data-action-icon="print"]{background-position:-631px -787px!important}
[data-action-icon="export"]{background-position:-685px -787px!important}
[data-action-icon="save"]{background-position:-743px -787px!important}
[data-action-icon="cancel"]{background-position:-797px -787px!important}
[data-action-icon="info"]{background-position:-850px -787px!important}
[data-action-icon="warning"]{background-position:-893px -787px!important}
[data-action-icon="success"]{background-position:-947px -787px!important}
[data-action-icon="error"]{background-position:-995px -787px!important}
.btn-primary .auris-action-icon,.btn-danger .auris-action-icon{mix-blend-mode:normal;background-color:#fff!important;border-radius:4px!important}

/* Specialised actions not pictured in the catalogue retain their meaningful
   glyph inside the same rounded, metallic 3D visual language. */
button i.ti:not(.auris-action-icon):not(.auris-module-icon),
a.btn i.ti:not(.auris-action-icon):not(.auris-module-icon){
  width:19px!important;height:19px!important;min-width:19px!important;flex:0 0 19px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #9aa9b8!important;border-radius:6px!important;
  color:#17324d!important;font-size:12px!important;
  background:linear-gradient(145deg,#fff 0%,#e2e8f0 50%,#aebbc8 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 4px rgba(13,27,42,.16),0 2px 4px rgba(13,27,42,.15)!important;
  text-shadow:0 1px 0 #fff!important;
}