/* User-requested cream and purple header. All selectors are limited to the Hub. */
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader{background:#FFFBF5!important;color:#000!important;border-bottom:1px solid #C3ACD0!important;box-shadow:0 3px 12px #6741880d!important;gap:12px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand img{width:34px!important;height:34px!important;object-fit:contain!important;flex:none!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand strong{color:#000!important;-webkit-text-fill-color:#000!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .portal-top{gap:12px!important;min-width:0!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;border:0!important;padding:0!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav a{color:#000!important;-webkit-text-fill-color:#000!important;white-space:nowrap!important;padding:8px 10px!important;border-radius:7px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav a:is(.nav-active,[aria-current="page"]){color:#674188!important;-webkit-text-fill-color:#674188!important;background:#F7EFE5!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #hub-alert-button{margin:0 0 0 6px!important;background:#684184!important;border:1px solid #684184!important;color:#fff!important;font-size:12px!important;min-height:37px!important;padding:7px 10px!important;box-shadow:none!important;border-radius:8px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .hub-warning-icon{display:block!important;object-fit:contain!important;width:25px!important;height:25px!important;flex:none!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #disasterScope{background:#F7EFE5!important;color:#000!important;border:1px solid #C3ACD0!important;border-radius:9px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .scope-search-icon{display:block!important;width:29px!important;height:29px!important;flex:0 0 29px!important;object-fit:contain!important;background:transparent!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #disasterScopeLabel{color:#000!important;-webkit-text-fill-color:#000!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs{background:#F7EFE5!important;border-bottom:1px solid #C3ACD0!important;box-shadow:none!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs:after{display:none!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab{color:#000!important;-webkit-text-fill-color:#000!important;border-radius:0!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab.active{background:#674188!important;color:#FFFBF5!important;-webkit-text-fill-color:#FFFBF5!important;border-bottom-color:#674188!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab:hover{background:#C3ACD0!important;color:#000!important;-webkit-text-fill-color:#000!important}
#hub-alert-center :is(.ha-muted,.ha-status,.ha-head h2,.ha-head p,.ha-item small),#hub-alert-toasts small{color:#000!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard :is(.muted,.fire-stat-title,.fire-stat strong,.fire-stat small,.thermal-metrics span,.thermal-estate span,.thermal-estate small,.fire-filter-lead small,.fire-map-title span,.fire-chart-col small,#fire-chart-note,#thermal-status,#thermal-panel .source,.panel-note,.chemical-report-period,.support-incident-label,.fire-empty p,.fire-inline-help){color:#000!important;-webkit-text-fill-color:#000!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard :is(.wf h2,.wf h3,.wf label,.wf input,.wf select,.fire-empty b,.fire-box-heading p,.chemical-detail-table tbody td){color:#000!important;-webkit-text-fill-color:#000!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard ::placeholder{color:#000!important;opacity:1!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-incident-list td small{color:#000!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-overview{margin-top:4px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;border:1px solid #e0e5ed!important;border-radius:14px!important;padding:18px!important;background:#fff!important;box-shadow:0 5px 18px #23345108!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline>h2{font:500 17px/1.5 Sarabun,sans-serif!important;color:#000!important;margin:0!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline>.fire-inline-help{font-size:12px!important;margin:-8px 0 0!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .direct-querybar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0!important;padding:12px!important;background:#FFFBF5!important;border:1px solid #e4dfd7!important;border-radius:10px!important;box-shadow:none!important;min-width:0!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-detail-filters{display:grid!important;grid-template-columns:minmax(230px,1fr) 130px!important;gap:14px!important;align-items:end!important;width:100%!important;min-width:0!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-detail-filters>label[for="chemicalSearch"]{grid-column:1!important;grid-row:1!important;font-size:12px!important;gap:5px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-detail-filters>label[for="supportRadius"]{grid-column:2!important;grid-row:1!important;font-size:12px!important;gap:5px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline :is(input[type="search"],select){font:13px Sarabun,sans-serif!important;color:#000!important;height:40px!important;min-height:40px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline :is(label[for="chemicalEstate"],label[for="dashboardIncidentType"],#dashboardCreateReport,#dashboardDownloadImage,.report-download-toolbar){display:none!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .dashboard-buffer-tools{grid-row:2!important;grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important;padding:0!important;font-size:12px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .dashboard-buffer-tools label{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:30px!important;font-size:12px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .dashboard-buffer-tools input{width:15px!important;height:15px!important;min-height:0!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .direct-query-results{width:100%!important;min-width:0!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .fire-data-tables{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:14px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline :is(.chemical-details-panel,.operating-zone-section){min-width:0!important;display:flex!important;flex-direction:column!important;padding:14px!important;border:1px solid #e2e5eb!important;border-radius:10px!important;height:440px!important;min-height:440px!important;max-height:440px!important;margin:0!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline :is(h3,.emergency-support-heading h2){font:500 15px/1.6 Sarabun,sans-serif!important;color:#000!important;margin:0 0 8px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline :is(.chemical-detail-scroll,.matrix-scroll){min-height:0!important;max-height:none!important;overflow:auto!important;flex:1!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-detail-table{min-width:680px!important;font-size:12px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline :is(.chemical-detail-table th,.chemical-detail-table td,.matrix td,.matrix th){font-size:12px!important;padding:8px!important;line-height:1.6!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-detail-table th{color:#000!important;background:#F7EFE5!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .matrix tbody td:first-child{color:#000!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .zone-matrix-layout{display:flex!important;flex:1!important;min-height:0!important;overflow:hidden!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .zone-matrix-table,html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .zone-matrix-table>article,html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .panel-content{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;width:100%!important;overflow:hidden!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-detail-pages{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;margin-top:8px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-detail-pages button{font:12px Sarabun,sans-serif!important;min-height:32px!important;padding:6px 10px!important;background:#674188!important;color:white!important;border-radius:6px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-detail-pages button:disabled{background:#efefef!important;color:#000!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-report-period{font-size:11px!important;margin:6px 0 0!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-section{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;min-width:0!important;margin:0!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-heading{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-tools{display:flex!important;gap:8px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline #emergencySupportCards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;height:auto!important;min-height:0!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-card{display:flex!important;flex-direction:column!important;padding:12px!important;height:200px!important;min-height:200px!important;border:1px solid #e2e5eb!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-list{overflow:auto!important;min-height:0!important;flex:1!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-card :is(p,small,.emergency-support-name){color:#000!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-distance{background:#006400!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline #companySearchSubmit{height:40px!important;min-height:40px!important;background:#674188!important;color:#fff!important;border:0!important;border-radius:7px!important;font:12px Sarabun,sans-serif!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline [hidden]{display:none!important}
@media(max-width:1500px){html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader{flex-wrap:wrap!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand{flex:1 1 100%!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .portal-top{width:100%!important;justify-content:space-between!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav{justify-content:flex-end!important}}
@media(max-width:900px){html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .fire-data-tables{grid-template-columns:1fr!important}html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline #emergencySupportCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .portal-top{flex-wrap:wrap!important;gap:9px!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav{width:100%!important;justify-content:flex-start!important;gap:2px!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav a{font-size:11px!important;padding:7px!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #hub-alert-button{font-size:11px!important;margin-left:auto!important;padding:5px 7px!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand strong{font-size:13px!important}html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline{padding:12px!important}html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .chemical-detail-filters{grid-template-columns:minmax(0,1fr) 100px!important;gap:9px!important}html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline #emergencySupportCards{grid-template-columns:1fr!important}html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-heading{flex-wrap:wrap!important}html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline :is(input[type="search"],select){font-size:16px!important}}

html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #hub-alert-button span:not(#hub-alert-count){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #thermal-panel strong{color:#000!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline :is(.support-summary-cards,#dssStatusSection,#inventory){display:none!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline #dashboardPanel-support{display:flex!important;flex-direction:column!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:12px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-heading{order:-2!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .support-incident-label{order:-1!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .operating-zone-section>h3{display:block!important;flex:none!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-card{height:250px!important;min-height:250px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .emergency-support-row{height:auto!important;max-height:none!important;min-height:135px!important;overflow:visible!important;flex:none!important;gap:5px!important;margin:0!important;padding:10px!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .support-name{font-size:13px!important;line-height:1.7!important;color:#000!important;white-space:normal!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline :is(.support-type,.support-phone,.support-address){font-size:12px!important;line-height:1.6!important;color:#000!important;white-space:normal!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .support-distance{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#006400!important}

html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard .wf{color:#000!important}
html body #riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard#riskDashboard.workflow-hazard #fire-dss-inline .matrix :is(thead tr:first-child th,tbody th){color:#000!important}
#hub-alert-center,#hub-alert-toasts,#hub-alert-center :is(p,small,span,label,h3,select){color:#000!important}

/* Restore the IEAT brand and put the tools beside it on desktop. */
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand img{height:32px!important;width:auto!important;object-fit:contain!important}
@media(min-width:1101px){
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:14px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;gap:10px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand strong{font-size:14px!important;line-height:1.4!important;font-weight:400!important;white-space:normal!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .portal-top{display:flex!important;flex:0 0 auto!important;width:auto!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .disaster-header-tools{width:auto!important;flex:none!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #disasterScope{width:210px!important;min-width:0!important;max-width:210px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav{flex-wrap:nowrap!important;gap:4px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav a{font-size:12px!important;padding:7px 8px!important}
}


/* Header and tab treatment matched to the supplied reference. */
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader{background:#fff!important;color:#000!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 2px 7px #00000016!important;min-height:64px!important;height:auto!important;padding:10px 24px!important;box-sizing:border-box!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand strong{font:500 16px/1.45 Sarabun,Tahoma,sans-serif!important;color:#000!important;-webkit-text-fill-color:#000!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #disasterScope{background:#f5f5f5!important;border:0!important;border-radius:24px!important;min-height:38px!important;box-shadow:none!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav a{color:#000!important;-webkit-text-fill-color:#000!important;background:transparent!important;border-radius:0!important;font-size:13px!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav a:is(.nav-active,[aria-current="page"]){color:#3268ff!important;-webkit-text-fill-color:#3268ff!important;background:transparent!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #hub-alert-button{background:#684184!important;border:1px solid #684184!important;box-shadow:0 3px 10px #68418430!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs{background:#fff!important;border:0!important;border-bottom:1px solid #e5e7eb!important;box-shadow:none!important;padding:0 28px!important;gap:6px!important;min-height:50px!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab{background:transparent!important;color:#000!important;-webkit-text-fill-color:#000!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;min-height:50px!important;font:400 14px/1.5 Sarabun,Tahoma,sans-serif!important;padding:0 16px!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab.active,html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab.active:hover{background:#fff!important;color:#3268ff!important;-webkit-text-fill-color:#3268ff!important;border-bottom-color:#3268ff!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab:hover{background:#f7f9ff!important;color:#000!important;-webkit-text-fill-color:#000!important}
@media(min-width:1101px) and (max-width:1599px){html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand strong{font-size:14px!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav a{font-size:12px!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #disasterScope{width:200px!important;max-width:200px!important}}
@media(max-width:1100px){html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand strong{font-size:14px!important}}
@media(max-width:600px){html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader{padding:10px 12px!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .brand strong{font-size:13px!important}html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav a{font-size:11px!important}html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs{padding:0 12px!important;gap:0!important}html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab{font-size:13px!important;padding:0 12px!important;min-height:44px!important}}


/* Active navigation follows the requested purple theme; notifications use red. */
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader .header-nav a:is(.nav-active,[aria-current="page"]){color:#674188!important;-webkit-text-fill-color:#674188!important;background:transparent!important}
html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab.active,html body .portal-disaster-tabs.portal-disaster-tabs.portal-disaster-tabs .nav-tab.active:hover{color:#674188!important;-webkit-text-fill-color:#674188!important;border-bottom-color:#674188!important;background:#fff!important}
html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #hub-alert-button,html body header#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader#ieatPortalHeader #hub-alert-button span:not(#hub-alert-count){color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Alert button: one purple identity, pulse only for unread notices. */
html body header#ieatPortalHeader #hub-alert-button.has-unread{animation:ieat-alert-attention 1.8s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){html body header#ieatPortalHeader #hub-alert-button.has-unread{animation:none!important}}
