/* =========================================================
   GYPTO EHS V76 — UNIFIED CORPORATE DESIGN SYSTEM
   One visual language across the whole application.
   Palette: clinical white / GYPTO blue / safety orange.
   Loading splash intentionally keeps its existing premium dark design.
   ========================================================= */

:root,
html,
html[data-theme],
html[data-theme="light-corporate"],
html[data-theme="iso-graphite"],
html[data-theme="dark"],
html[data-theme="health-blue"],
html[data-theme="environment-green"],
html[data-theme="safety-amber"],
html[data-theme="cleanroom-cyan"],
html[data-theme="executive-purple"],
html[data-theme="corporate-navy"],
html[data-theme="emergency-red"]{
  --gypto-bg:#f4f8fb;
  --gypto-surface:#ffffff;
  --gypto-surface-soft:#f8fbfd;
  --gypto-blue-50:#edf7fc;
  --gypto-blue-100:#deeff8;
  --gypto-blue-200:#c7e3f1;
  --gypto-blue-500:#2d8fbd;
  --gypto-blue-600:#197aa8;
  --gypto-navy:#173a58;
  --gypto-navy-2:#234d6d;
  --gypto-orange:#f28a24;
  --gypto-orange-soft:#fff4e8;
  --gypto-green:#25845d;
  --gypto-green-soft:#edf9f3;
  --gypto-red:#c94d5d;
  --gypto-red-soft:#fff1f3;
  --gypto-amber:#a96b13;
  --gypto-amber-soft:#fff8e8;
  --gypto-text:#1d3448;
  --gypto-muted:#6c8092;
  --gypto-border:#d8e5ee;
  --gypto-border-strong:#c6d8e5;
  --gypto-shadow:0 8px 22px rgba(38,77,105,.06);
  --gypto-shadow-lg:0 18px 40px rgba(38,77,105,.11);
  --gypto-radius:16px;
  --gypto-radius-lg:20px;

  --bg:var(--gypto-bg)!important;
  --panel:#fff!important;
  --surface:#fff!important;
  --card:#fff!important;
  --ink:var(--gypto-text)!important;
  --muted:var(--gypto-muted)!important;
  --line:var(--gypto-border)!important;
  --brand:var(--gypto-blue-600)!important;
  --brand2:var(--gypto-blue-500)!important;
  --shadow:var(--gypto-shadow)!important;
  --qms-bg:var(--gypto-bg)!important;
  --qms-border:var(--gypto-border)!important;
  --qms-text:var(--gypto-text)!important;
  --qms-muted:var(--gypto-muted)!important;
}

html{color-scheme:light!important;background:var(--gypto-bg)!important}
body{
  background:var(--gypto-bg)!important;
  color:var(--gypto-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:0!important;
}
body:not(.is-loading) *{scrollbar-color:#c6d9e6 transparent}
body:not(.is-loading) *::-webkit-scrollbar{width:9px;height:9px}
body:not(.is-loading) *::-webkit-scrollbar-thumb{background:#c6d9e6;border:2px solid transparent;border-radius:999px;background-clip:padding-box}
body:not(.is-loading) *::-webkit-scrollbar-track{background:transparent}

/* ---------------------------------------------------------
   APP SHELL
   --------------------------------------------------------- */
.app,.main,.content{background:var(--gypto-bg)!important;color:var(--gypto-text)!important}
.ehs-v44-topnav-shell .main{padding:0 18px 24px!important}
.ehs-quality-content{gap:16px!important}

/* slim corporate utility strip */
.ehs-quality-utilitybar{
  min-height:42px!important;
  margin:0 -18px 14px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  background:#fff!important;
  border-bottom:1px solid var(--gypto-border)!important;
  box-shadow:none!important;
  color:var(--gypto-muted)!important;
}
.ehs-quality-utility-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
.ehs-quality-utility-left strong{
  color:var(--gypto-navy)!important;
  font-size:15px!important;
  letter-spacing:.07em!important;
  white-space:nowrap!important;
}
.ehs-quality-utility-left span{font-size:12px!important;color:var(--gypto-muted)!important}
.ehs-quality-utility-right{display:flex!important;gap:18px!important;color:var(--gypto-muted)!important;font-size:12px!important}

/* main company header */
.topbar.ehs-quality-header{
  position:relative!important;
  top:auto!important;
  z-index:70!important;
  margin:0 0 14px!important;
  padding:14px 16px!important;
  min-height:86px!important;
  display:grid!important;
  grid-template-columns:minmax(310px,.95fr) minmax(330px,1.2fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid var(--gypto-border)!important;
  border-radius:var(--gypto-radius-lg)!important;
  box-shadow:var(--gypto-shadow)!important;
  backdrop-filter:none!important;
}
.ehs-v44-brand{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:8px 12px!important;
  border:1px solid var(--gypto-blue-100)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#f8fcff,#eef7fc)!important;
  color:var(--gypto-navy)!important;
  box-shadow:none!important;
}
.ehs-v44-brand:hover{background:#f3faff!important;border-color:var(--gypto-blue-200)!important;transform:none!important}
.ehs-v44-brand img{width:46px!important;height:46px!important;object-fit:contain!important;flex:0 0 auto!important}
.ehs-v44-brand b{display:block!important;color:var(--gypto-navy)!important;font-size:15px!important;line-height:1.15!important}
.ehs-v44-brand span{display:block!important;margin-top:4px!important;color:var(--gypto-muted)!important;font-size:11px!important;line-height:1.25!important}
.ehs-v44-page-title{min-width:0!important}
.ehs-v44-page-title .eyebrow{
  margin:0 0 3px!important;
  color:var(--gypto-blue-600)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.ehs-v44-page-title h1{margin:0!important;color:var(--gypto-navy)!important;font-size:23px!important;line-height:1.1!important}
.ehs-v44-page-title>p:last-child{margin:4px 0 0!important;color:var(--gypto-muted)!important;font-size:12px!important;line-height:1.35!important}
.ehs-v44-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important}
.ehs-v44-userbox{
  min-width:158px!important;
  min-height:48px!important;
  padding:8px 12px!important;
  border:1px solid var(--gypto-border)!important;
  border-radius:14px!important;
  background:#fbfdff!important;
  color:var(--gypto-navy)!important;
}
.ehs-v44-userbox strong{display:block!important;color:var(--gypto-navy)!important;font-size:12px!important}
.ehs-v44-userbox span{display:inline-flex!important;margin-top:3px!important;padding:2px 7px!important;border-radius:999px!important;background:var(--gypto-blue-100)!important;color:var(--gypto-blue-600)!important;font-size:9px!important;font-weight:900!important}

/* ---------------------------------------------------------
   PRIMARY NAVIGATION — reliable selected/hover states
   --------------------------------------------------------- */
#sectionsMenu.ehs-v55-subnav-shell{
  position:relative!important;
  z-index:500!important;
  margin:0 0 16px!important;
  overflow:visible!important;
}
#sectionsMenu .ehs-v55-subnav-bar{
  min-height:60px!important;
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0 10px!important;
  overflow:visible!important;
  background:#fff!important;
  border:1px solid var(--gypto-border)!important;
  border-radius:16px!important;
  box-shadow:var(--gypto-shadow)!important;
}
#sectionsTabs.ehs-v55-subnav-tabs{display:flex!important;align-items:stretch!important;gap:2px!important;overflow-x:auto!important;overflow-y:visible!important}
.ehs-qms-nav-wrap{position:relative!important;display:flex!important;align-items:stretch!important}
button.ehs-qms-nav-button{
  position:relative!important;
  min-height:58px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  background:transparent!important;
  color:#405b70!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:760!important;
  white-space:nowrap!important;
}
button.ehs-qms-nav-button>span{color:#7d93a4!important;font-size:12px!important;transition:transform .15s ease!important}
button.ehs-qms-nav-button::after{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:0!important;
  height:3px!important;
  border-radius:3px 3px 0 0!important;
  background:transparent!important;
}
button.ehs-qms-nav-button:hover{
  background:var(--gypto-blue-50)!important;
  color:var(--gypto-navy)!important;
  transform:none!important;
}
button.ehs-qms-nav-button.active,
button.ehs-qms-nav-button[aria-expanded="true"]{
  background:#f4faff!important;
  color:var(--gypto-navy)!important;
  border:0!important;
  box-shadow:none!important;
}
button.ehs-qms-nav-button.active::after,
button.ehs-qms-nav-button[aria-expanded="true"]::after{background:var(--gypto-orange)!important}
button.ehs-qms-nav-button.active>span{color:var(--gypto-orange)!important}

button#sectionsMyTasks.ehs-v55-my-tasks{
  flex:0 0 auto!important;
  align-self:center!important;
  min-height:42px!important;
  margin:8px 0 8px 10px!important;
  padding:0 16px!important;
  border:1px solid var(--gypto-blue-200)!important;
  border-radius:12px!important;
  background:#f6fbfe!important;
  color:var(--gypto-navy)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
}
button#sectionsMyTasks.ehs-v55-my-tasks:hover,
button#sectionsMyTasks.ehs-v55-my-tasks.active{background:var(--gypto-blue-100)!important;color:var(--gypto-navy)!important;border-color:#aad2e5!important}

/* dropdown / section panel — this fixes the white selected item */
#sectionsMenuPanel.ehs-v55-mega-panel{
  position:absolute!important;
  top:66px!important;
  width:330px!important;
  min-width:330px!important;
  max-width:calc(100vw - 24px)!important;
  max-height:480px!important;
  overflow:auto!important;
  padding:8px!important;
  background:#fff!important;
  border:1px solid var(--gypto-border-strong)!important;
  border-top:3px solid var(--gypto-orange)!important;
  border-radius:14px!important;
  box-shadow:var(--gypto-shadow-lg)!important;
}
#sectionsMenuPanel.ehs-v55-mega-panel::before{display:none!important}
#sectionsMenuPanel.ehs-v55-mega-panel.hidden{display:none!important}
#sectionsMenuPanel .ehs-v55-panel-head{display:none!important}
#sectionsMenuPanel nav#nav.ehs-v55-panel-nav,
#sectionsMenuPanel nav#nav.ehs-v44-topnav.nav.ehs-v55-panel-nav,
#sectionsMenuPanel nav#nav.ehs-v44-topnav.nav.ehs-v55-panel-nav.two-columns{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#sectionsMenuPanel nav#nav .ehs-qms-menu-item,
#sectionsMenuPanel nav#nav button.ehs-qms-menu-item,
#sectionsMenuPanel nav#nav .ehs-qms-menu-item:not(.active){
  position:relative!important;
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:9px 12px 9px 15px!important;
  background:#fff!important;
  color:#405b70!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  box-shadow:none!important;
  text-align:left!important;
  white-space:normal!important;
}
#sectionsMenuPanel nav#nav .ehs-qms-menu-item::before{
  content:""!important;
  width:5px!important;
  height:5px!important;
  margin-right:10px!important;
  border-radius:50%!important;
  background:#b5c7d3!important;
  flex:0 0 auto!important;
}
#sectionsMenuPanel nav#nav .ehs-qms-menu-item:hover{
  background:var(--gypto-blue-50)!important;
  color:var(--gypto-navy)!important;
  border-color:var(--gypto-blue-100)!important;
}
#sectionsMenuPanel nav#nav .ehs-qms-menu-item:hover::before{background:var(--gypto-blue-500)!important}
#sectionsMenuPanel nav#nav .ehs-qms-menu-item.active,
#sectionsMenuPanel nav#nav button.ehs-qms-menu-item.active,
#sectionsMenuPanel nav#nav .ehs-qms-menu-item.active:hover{
  background:linear-gradient(90deg,var(--gypto-blue-50),#f8fcff)!important;
  color:var(--gypto-navy)!important;
  border-color:var(--gypto-blue-200)!important;
  box-shadow:inset 3px 0 0 var(--gypto-orange)!important;
}
#sectionsMenuPanel nav#nav .ehs-qms-menu-item.active::before{background:var(--gypto-orange)!important}
#sectionsMenuPanel nav#nav .ehs-qms-menu-text,
#sectionsMenuPanel nav#nav .ehs-qms-menu-item.active .ehs-qms-menu-text{
  display:block!important;
  width:auto!important;
  color:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
#sectionsMenuPanel nav#nav .ehs-qms-menu-icon,
#sectionsMenuPanel nav#nav small,
#sectionsMenuPanel nav#nav em{display:none!important}

/* ---------------------------------------------------------
   UNIVERSAL SURFACES
   --------------------------------------------------------- */
.card,.panel,.board-slot,.modal,.tablewrap,
.ehs-quality-panel,.ehs-quality-metric,.ehs-mini-panel,
.capa69-performance-card,.capa68-card,.capa68-panel,.capa68-hero,
.capa-performance-columns>article,.capa-performance-kpis>div,
.capa-v67-register,.capa69-shell,.capa69-table-wrap,
.c74-header,.c74-stepper,.c74-next,.c74-panel{
  background:#fff!important;
  color:var(--gypto-text)!important;
  border:1px solid var(--gypto-border)!important;
  border-radius:var(--gypto-radius)!important;
  box-shadow:var(--gypto-shadow)!important;
}
.card{padding:17px!important}
.toolbar{gap:16px!important}
.toolbar h2,.toolbar h3,.card h2,.card h3{color:var(--gypto-navy)!important}
.label,.muted,.small.muted{color:var(--gypto-muted)!important}

/* dashboard hero is light, structured, not a large color block */
.hero,.ehs-quality-hero{
  background:linear-gradient(135deg,#fff 0%,#f4faff 100%)!important;
  color:var(--gypto-text)!important;
  border:1px solid var(--gypto-border)!important;
  border-radius:var(--gypto-radius-lg)!important;
  box-shadow:var(--gypto-shadow)!important;
}
.hero::after{color:var(--gypto-blue-500)!important;opacity:.035!important}
.hero h1,.hero h2,.hero h3,.ehs-quality-hero h2{color:var(--gypto-navy)!important}
.hero p,.ehs-quality-hero p{color:var(--gypto-muted)!important}
.hero-chip,.badge{background:var(--gypto-blue-50)!important;color:var(--gypto-blue-600)!important;border:1px solid var(--gypto-blue-200)!important}

/* KPI cards */
.grid.kpis>.card,.capa69-kpis>div,.capa-performance-kpis>div,.ehs-quality-metric{
  position:relative!important;
  overflow:hidden!important;
  min-height:112px!important;
  background:#fff!important;
  border:1px solid var(--gypto-border)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.grid.kpis>.card::before,.capa69-kpis>div::before,.capa-performance-kpis>div::before,.ehs-quality-metric::before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;bottom:0!important;
  width:4px!important;
  background:var(--gypto-blue-500)!important;
}
.num,.capa69-kpis strong,.capa-performance-kpis strong{color:var(--gypto-navy)!important}

/* ---------------------------------------------------------
   BUTTON SYSTEM
   --------------------------------------------------------- */
button,.btn,
button.secondary,.btn-secondary,
.capa69-row-actions button,.capa69-pages button,.capa-pagination button,
.c74-link{
  min-height:38px;
  border-radius:11px!important;
  border:1px solid var(--gypto-border-strong)!important;
  background:#fff!important;
  color:var(--gypto-navy)!important;
  box-shadow:none!important;
  font-weight:760!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important;
}
button:hover,.btn:hover,.c74-link:hover{
  background:var(--gypto-blue-50)!important;
  border-color:var(--gypto-blue-200)!important;
  color:var(--gypto-navy)!important;
  transform:translateY(-1px)!important;
}
button.primary,.btn-primary,.ehs-quality-hero-actions .primary{
  background:var(--gypto-blue-600)!important;
  color:#fff!important;
  border-color:var(--gypto-blue-600)!important;
  box-shadow:0 5px 12px rgba(25,122,168,.16)!important;
}
button.primary:hover,.btn-primary:hover{background:#166f99!important;color:#fff!important;border-color:#166f99!important}
button.danger,.btn-danger,.c74-link.danger{background:var(--gypto-red-soft)!important;color:#a93849!important;border-color:#efc8cf!important}
button.warning,.btn-warning{background:var(--gypto-amber-soft)!important;color:var(--gypto-amber)!important;border-color:#efdcae!important}
button:disabled{background:#f2f5f7!important;color:#98a7b3!important;border-color:#e2e8ed!important;box-shadow:none!important;transform:none!important}

/* Header controls are compact and neutral */
.ehs-header-install-btn,.notification-btn,.ehs-v44-logout{
  min-height:42px!important;
  background:#fff!important;
  color:var(--gypto-navy)!important;
  border:1px solid var(--gypto-border)!important;
  border-radius:12px!important;
}
.ehs-header-install-btn:hover,.notification-btn:hover,.ehs-v44-logout:hover{background:var(--gypto-blue-50)!important}
.notification-btn #notificationCount{background:#e9f0f5!important;color:#425c70!important}

/* ---------------------------------------------------------
   FORMS
   --------------------------------------------------------- */
input,select,textarea{
  min-height:42px!important;
  background:#fff!important;
  color:var(--gypto-text)!important;
  border:1px solid var(--gypto-border-strong)!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
textarea{min-height:96px!important}
input:hover,select:hover,textarea:hover{border-color:#b9d0df!important}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:#83bfd9!important;
  box-shadow:0 0 0 3px rgba(45,143,189,.11)!important;
}
label{color:#4f6678!important;font-weight:750!important}

/* ---------------------------------------------------------
   TABLE SYSTEM
   --------------------------------------------------------- */
.tablewrap,.capa69-table-wrap{overflow:auto!important;background:#fff!important;border-radius:15px!important}
table,.capa69-table,.capa-excel-table{background:#fff!important;color:var(--gypto-text)!important}
th,.capa69-table th,.capa-excel-table th{
  background:#f1f7fb!important;
  color:#4f687b!important;
  border-color:#dce8f0!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
}
td,.capa69-table td,.capa-excel-table td{
  background:#fff!important;
  color:#2b465b!important;
  border-color:#e5edf2!important;
}
tbody tr:hover td,.capa69-table tbody tr:hover td{background:#f7fbfd!important}
.clickable-row:hover{cursor:pointer!important}

/* ---------------------------------------------------------
   STATUS CHIPS
   --------------------------------------------------------- */
.pill,.capa69-chip,.capa68-chip,.c74-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#f2f6f9!important;
  color:#536b7d!important;
  border:1px solid #dce7ee!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
}
.capa69-chip.closed,.pill.success,.status-closed,.c74-pill.done{background:var(--gypto-green-soft)!important;color:#1f7452!important;border-color:#c9e8d8!important}
.capa69-chip.open,.status-open,.c74-pill.wait{background:var(--gypto-amber-soft)!important;color:#936015!important;border-color:#efdeb7!important}
.capa69-chip.overdue,.status-overdue,.c74-pill.warn{background:var(--gypto-red-soft)!important;color:#ad3f50!important;border-color:#f0cbd2!important}
.capa69-chip.waiting,.status-waiting,.c74-pill.active{background:var(--gypto-blue-50)!important;color:var(--gypto-blue-600)!important;border-color:var(--gypto-blue-200)!important}

/* ---------------------------------------------------------
   CAPA — simple, executive and consistent
   --------------------------------------------------------- */
.capa69-shell,.c74-page{color:var(--gypto-text)!important}
.c74-header{padding:20px!important;grid-template-columns:minmax(0,1fr) 280px!important}
.c74-header h1{color:var(--gypto-navy)!important;font-size:34px!important}
.c74-progressbox{background:#f7fbfd!important;border:1px solid var(--gypto-border)!important;border-radius:14px!important}
.c74-progress{background:#e5eef4!important}.c74-progress i{background:var(--gypto-blue-500)!important}
.c74-stepper{padding:9px!important;gap:6px!important;box-shadow:none!important}
.c74-step{border:1px solid transparent!important;border-radius:11px!important}
.c74-step.current{background:var(--gypto-blue-50)!important;color:var(--gypto-blue-600)!important;border-color:var(--gypto-blue-200)!important}
.c74-step.current span{background:var(--gypto-blue-100)!important;color:var(--gypto-blue-600)!important}
.c74-step.done{color:var(--gypto-green)!important}.c74-step.done span{background:var(--gypto-green-soft)!important}
.c74-next{border-left:4px solid var(--gypto-blue-500)!important;box-shadow:none!important}
.c74-next.done{background:#f6fcf9!important;border-left-color:var(--gypto-green)!important}
.c74-next.wait{background:#fffaf1!important;border-left-color:var(--gypto-orange)!important}
.c74-tabs{background:#f2f7fa!important;border:1px solid var(--gypto-border)!important;border-radius:13px!important;padding:4px!important}
.c74-tabs button{min-height:36px!important;background:transparent!important;color:#61788a!important;border:0!important;border-radius:9px!important}
.c74-tabs button.active{background:#fff!important;color:var(--gypto-navy)!important;border:1px solid var(--gypto-border)!important;box-shadow:0 2px 7px rgba(38,77,105,.06)!important}
.c74-grid,.c74-statuslist{border-color:var(--gypto-border)!important;border-radius:12px!important}
.c74-field{border-color:#e7eef3!important}
.c74-field span{color:#788b9a!important}.c74-field b{color:#29465b!important}
.c74-link.success{background:var(--gypto-green-soft)!important;color:#1f7452!important;border-color:#c9e8d8!important}
.c74-link.danger{background:var(--gypto-red-soft)!important;color:#ad3f50!important;border-color:#efc8cf!important}

/* CAPA dashboard performance rows */
.capa-trend-row,button.capa-trend-row,.capa-trend-list .capa-trend-row,.capa-trend-list.employee .capa-trend-row{
  background:#fff!important;color:var(--gypto-text)!important;border:0!important;border-bottom:1px solid #e5edf2!important;border-radius:0!important;box-shadow:none!important
}
.capa-trend-row:hover{background:#f7fbfd!important}
.capa-trend-name b{color:var(--gypto-navy)!important}.capa-trend-name small{color:var(--gypto-muted)!important}
.capa-trend-bar,.capa69-rate,.capa69-progress-mini>div,.capa68-progress{background:#e7eff4!important}

/* ---------------------------------------------------------
   MODALS / POPOVERS / TOASTS
   --------------------------------------------------------- */
.modal-backdrop{background:rgba(44,69,87,.18)!important;backdrop-filter:blur(3px)!important}
.modal{background:#fff!important;border:1px solid var(--gypto-border)!important;border-radius:18px!important;box-shadow:var(--gypto-shadow-lg)!important}
.toast,.gypto-offline-toast,.ehs-install-popover{
  background:#fff!important;color:var(--gypto-text)!important;border:1px solid var(--gypto-border)!important;border-radius:14px!important;box-shadow:var(--gypto-shadow-lg)!important
}
.ehs-install-popover-qr{background:#f7fbfd!important;border-color:var(--gypto-border)!important}

/* ---------------------------------------------------------
   FOOTER / ONLINE STATUS
   --------------------------------------------------------- */
.footer,.creator-footer,.ehs-quality-footer{background:transparent!important;color:#788b9a!important;border-color:var(--gypto-border)!important}
#gyptoOfflineStatus{background:#fff!important;color:#50697c!important;border:1px solid var(--gypto-border)!important;box-shadow:0 8px 20px rgba(38,77,105,.09)!important}
#gyptoOfflinePanel{background:#fff!important;color:var(--gypto-text)!important;border-color:var(--gypto-border)!important}

/* ---------------------------------------------------------
   LOGIN (inside app identity, splash stays untouched)
   --------------------------------------------------------- */
.login-screen{background:linear-gradient(135deg,#f8fcff,#eef7fc)!important}
.login-card,.codebox{background:#fff!important;color:var(--gypto-text)!important;border:1px solid var(--gypto-border)!important;border-radius:20px!important;box-shadow:var(--gypto-shadow-lg)!important}
.login-card h1,.login-card h2{color:var(--gypto-navy)!important}

/* ---------------------------------------------------------
   SPLASH: explicitly preserve the dark premium loading screen.
   --------------------------------------------------------- */
.splash{
  background:
    radial-gradient(circle at 50% 68%,rgba(14,165,233,.20),transparent 31%),
    radial-gradient(circle at 18% 18%,rgba(245,158,11,.12),transparent 24%),
    linear-gradient(135deg,#06172d,#050927 54%,#0a1c2d)!important;
  color:#fff!important;
}
.splash .splash-copy>span,.splash .splash-copy h1,.splash .splash-trust b,.splash .splash-marquee{color:#fff!important}
.splash .splash-copy h1 b{color:#f59e0b!important}
.splash .splash-copy p{color:#d7e2ef!important}.splash .splash-copy p strong{color:#38bdf8!important}
.splash .splash-trust span{color:#9fb2c8!important}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */
@media(max-width:1280px){
  .topbar.ehs-quality-header{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr)!important}
  .ehs-v44-actions{grid-column:1/-1!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .ehs-quality-utility-right{display:none!important}
}
@media(max-width:900px){
  .ehs-v44-topnav-shell .main{padding:0 10px 18px!important}
  .ehs-quality-utilitybar{margin:0 -10px 10px!important;padding:0 12px!important}
  .ehs-quality-utility-left span{display:none!important}
  .topbar.ehs-quality-header{grid-template-columns:1fr!important;padding:12px!important}
  .ehs-v44-actions{grid-column:auto!important}
  .ehs-v44-userbox{min-width:0!important;flex:1 1 160px!important}
  #sectionsMenu .ehs-v55-subnav-bar{padding:0 7px!important}
  button.ehs-qms-nav-button{min-height:54px!important;padding:0 12px!important;font-size:12px!important}
  #sectionsMenuPanel.ehs-v55-mega-panel{position:fixed!important;left:8px!important;right:8px!important;top:128px!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100vh - 142px)!important}
  .c74-header{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .ehs-v44-brand span{display:none!important}
  .ehs-v44-brand{min-height:52px!important}
  .ehs-v44-page-title h1{font-size:20px!important}
  .notification-btn{font-size:0!important;padding:0 12px!important}.notification-btn #notificationCount{font-size:11px!important}
  button#sectionsMyTasks.ehs-v55-my-tasks{padding:0 11px!important;font-size:11px!important}
  .c74-header{padding:16px!important}.c74-header h1{font-size:28px!important}
}