/* GYPTO EHS V78 — Full Product Redesign / Horizontal Navigation
   Enterprise horizontal navigation, unified GYPTO visual language, no change to business logic/data. */

:root{
  --g77-bg:#f4f7fb;
  --g77-surface:#ffffff;
  --g77-surface-2:#f8fafc;
  --g77-line:#dbe4ee;
  --g77-line-strong:#c8d4e1;
  --g77-text:#15283d;
  --g77-muted:#66798d;
  --g77-navy:#163a59;
  --g77-blue:#2376c9;
  --g77-blue-2:#eaf4ff;
  --g77-cyan:#3da5d9;
  --g77-orange:#f47a20;
  --g77-orange-2:#fff2e8;
  --g77-green:#16865c;
  --g77-green-2:#e9f8f1;
  --g77-red:#c53d49;
  --g77-red-2:#fff0f2;
  --g77-amber:#a76407;
  --g77-amber-2:#fff7e6;
  --g77-shadow:0 8px 28px rgba(29,56,83,.08);
  --g77-shadow-lg:0 20px 60px rgba(29,56,83,.14);
  --g77-radius:16px;
  --g77-radius-sm:11px;
  --g77-header:88px;
  --g78-nav:58px;
}

html,body{background:var(--g77-bg)!important;color:var(--g77-text)!important}
body.v78-redesign{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:0!important}
body.v78-redesign *{box-sizing:border-box}
body.v78-redesign :focus-visible{outline:3px solid rgba(35,118,201,.22)!important;outline-offset:2px}
body.v78-redesign #splashScreen{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}

/* ---------- APP SHELL ---------- */
body.v78-redesign #appShell.app{display:block!important;min-height:100vh;background:var(--g77-bg)!important}
body.v78-redesign #appShell.hidden{display:none!important}
body.v78-redesign #appShell .main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:100vh!important;background:var(--g77-bg)!important}
body.v78-redesign .ehs-quality-utilitybar{display:none!important}

/* ---------- HEADER ---------- */
body.v78-redesign .topbar.ehs-quality-header{
  position:sticky!important;z-index:1000!important;top:0!important;min-height:var(--g77-header)!important;margin:0!important;padding:13px 24px!important;
  display:grid!important;grid-template-columns:minmax(250px,340px) minmax(260px,1fr) auto!important;align-items:center!important;gap:20px!important;
  background:rgba(255,255,255,.97)!important;border:0!important;border-bottom:1px solid var(--g77-line)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(16px)!important;
}
body.v78-redesign #brandHomeBtn{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;padding:8px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;color:var(--g77-text)!important}
body.v78-redesign #brandHomeBtn:hover{background:#f5f9fd!important;border-radius:12px!important}
body.v78-redesign #brandHomeBtn img{width:44px!important;height:44px!important;object-fit:contain!important;padding:5px!important;border:1px solid var(--g77-line)!important;border-radius:12px!important;background:#fff!important}
body.v78-redesign #brandHomeBtn b{display:block!important;color:var(--g77-navy)!important;font-size:14px!important;line-height:1.15!important}
body.v78-redesign #brandHomeBtn span{display:block!important;margin-top:3px!important;color:var(--g77-muted)!important;font-size:10px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:245px!important}
body.v78-redesign #menuBtn{display:none!important}
body.v78-redesign .ehs-v44-page-title{min-width:0!important;padding:0!important;margin:0!important;text-align:left!important}
body.v78-redesign .ehs-v44-page-title .eyebrow{margin:0 0 3px!important;color:var(--g77-blue)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}
body.v78-redesign #pageTitle{margin:0!important;color:var(--g77-navy)!important;font-size:20px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.025em!important}
body.v78-redesign #pageSub{margin:3px 0 0!important;color:var(--g77-muted)!important;font-size:11px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v78-redesign .top-actions.ehs-v44-actions{display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
body.v78-redesign .ehs-v44-userbox{min-width:150px!important;padding:7px 11px!important;border:1px solid var(--g77-line)!important;border-radius:11px!important;background:#fbfdff!important;box-shadow:none!important}
body.v78-redesign .ehs-v44-userbox strong{display:block!important;font-size:11px!important;color:var(--g77-navy)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:150px!important}
body.v78-redesign .ehs-v44-userbox span{display:inline-block!important;margin-top:2px!important;padding:2px 6px!important;border-radius:999px!important;background:var(--g77-blue-2)!important;color:#2369a7!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important}

/* ---------- HORIZONTAL PRIMARY NAVIGATION ---------- */
body.v78-redesign #sectionsMenu{
  position:sticky!important;z-index:940!important;top:var(--g77-header)!important;width:100%!important;margin:0!important;padding:0 22px!important;
  background:rgba(255,255,255,.98)!important;border:0!important;border-bottom:1px solid var(--g77-line)!important;box-shadow:0 4px 18px rgba(29,56,83,.035)!important;overflow:visible!important;
}
body.v78-redesign #sectionsMenu .ehs-v55-subnav-bar{height:var(--g78-nav)!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body.v78-redesign #sectionsTabs{display:flex!important;flex:1 1 auto!important;min-width:0!important;height:100%!important;align-items:stretch!important;gap:2px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;scrollbar-width:none!important}
body.v78-redesign #sectionsTabs::-webkit-scrollbar{display:none!important}
body.v78-redesign #sectionsTabs .ehs-qms-nav-wrap{display:flex!important;align-items:stretch!important;flex:0 0 auto!important;margin:0!important;padding:0!important}
body.v78-redesign #sectionsTabs .ehs-qms-nav-button{
  position:relative!important;min-width:max-content!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:0 12px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#465d72!important;box-shadow:none!important;
  font-size:12px!important;font-weight:750!important;text-align:center!important;transition:.16s ease!important;white-space:nowrap!important;
}
body.v78-redesign #sectionsTabs .ehs-qms-nav-button:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent;transition:.16s ease}
body.v78-redesign #sectionsTabs .ehs-qms-nav-button:hover{background:#f7fbff!important;color:var(--g77-navy)!important;transform:none!important}
body.v78-redesign #sectionsTabs .ehs-qms-nav-button:hover:after{background:#bcdcf5!important}
body.v78-redesign #sectionsTabs .ehs-qms-nav-button.active{background:#f5faff!important;color:#155c9d!important;box-shadow:none!important}
body.v78-redesign #sectionsTabs .ehs-qms-nav-button.active:after{background:var(--g77-orange)!important}
body.v78-redesign #sectionsTabs .ehs-qms-nav-button>span:last-child:not(.v78-nav-icon){margin-left:0!important;color:#91a3b4!important;font-size:12px!important}
body.v78-redesign .v78-nav-icon{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 22px;border-radius:7px;background:#f0f5fa;color:#56728c;font-size:11px;font-style:normal}
body.v78-redesign #sectionsTabs .active .v78-nav-icon{background:#e7f3ff;color:var(--g77-blue)}
body.v78-redesign #sectionsMyTasks{flex:0 0 auto!important;min-width:104px!important;height:38px!important;margin:0!important;padding:0 13px!important;border-radius:10px!important;border:1px solid #cfe1f2!important;background:#f7fbff!important;color:#265b88!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}
body.v78-redesign #sectionsMyTasks:hover{background:#edf6ff!important;border-color:#a9cce9!important}

/* Horizontal dropdown / mega panel */
body.v78-redesign #sectionsMenuPanel{
  position:absolute!important;z-index:1220!important;left:22px!important;right:22px!important;top:calc(100% + 7px)!important;width:auto!important;max-height:min(58vh,520px)!important;
  padding:14px!important;border:1px solid var(--g77-line)!important;border-radius:15px!important;background:rgba(255,255,255,.99)!important;
  box-shadow:var(--g77-shadow-lg)!important;backdrop-filter:blur(12px)!important;overflow:auto!important;color:var(--g77-text)!important;
}
body.v78-redesign #sectionsMenuPanel.hidden{display:none!important}
body.v78-redesign .ehs-v55-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:6px 7px 12px!important;margin-bottom:10px!important;border-bottom:1px solid var(--g77-line)!important;background:transparent!important;color:var(--g77-text)!important}
body.v78-redesign .ehs-v55-panel-head strong{font-size:13px!important;color:var(--g77-navy)!important}
body.v78-redesign .ehs-v55-panel-head small{font-size:10px!important;color:var(--g77-muted)!important}
body.v78-redesign .ehs-v55-panel-close{width:31px!important;height:31px!important;padding:0!important;border:1px solid var(--g77-line)!important;border-radius:9px!important;background:#fff!important;color:#63788c!important}
body.v78-redesign #nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:0!important}
body.v78-redesign #nav button{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;border:1px solid #e5edf5!important;border-radius:10px!important;background:#fff!important;color:#334b62!important;text-align:left!important;font-size:11px!important;font-weight:750!important;box-shadow:none!important}
body.v78-redesign #nav button:hover{background:#f5faff!important;border-color:#cfe2f2!important;color:#155c9d!important}
body.v78-redesign #nav button.active{background:var(--g77-blue-2)!important;border-color:#c3ddf2!important;color:#155c9d!important;box-shadow:inset 0 -3px 0 var(--g77-orange)!important}
/* ---------- CONTENT ---------- */
body.v78-redesign #view.content{width:100%!important;max-width:1640px!important;margin:0 auto!important;padding:24px 28px 44px!important;background:transparent!important;color:var(--g77-text)!important;min-height:calc(100vh - var(--g77-header))!important}
body.v78-redesign .footer{margin:0 28px 20px!important;padding:14px 0!important;border:0!important;border-top:1px solid var(--g77-line)!important;background:transparent!important;color:#8797a8!important;font-size:11px!important;text-align:center!important;box-shadow:none!important}

/* ---------- CORE COMPONENTS ---------- */
body.v78-redesign .card,
body.v78-redesign .panel,
body.v78-redesign .metric,
body.v78-redesign .ehs-quality-card,
body.v78-redesign .validation-card,
body.v78-redesign .fire-card{
  border:1px solid var(--g77-line)!important;border-radius:var(--g77-radius)!important;background:var(--g77-surface)!important;color:var(--g77-text)!important;box-shadow:0 3px 14px rgba(29,56,83,.035)!important;
}
body.v78-redesign .card:hover{box-shadow:var(--g77-shadow)!important}
body.v78-redesign .toolbar{gap:14px!important;align-items:center!important}
body.v78-redesign .toolbar h2,body.v78-redesign .toolbar h3,body.v78-redesign .card h2,body.v78-redesign .card h3{color:var(--g77-navy)!important;letter-spacing:-.015em!important}
body.v78-redesign .muted{color:var(--g77-muted)!important}
body.v78-redesign .eyebrow{color:var(--g77-blue)!important}
body.v78-redesign .pill,body.v78-redesign .badge{border:1px solid #dce7f1!important;background:#f5f9fc!important;color:#506980!important;box-shadow:none!important}

body.v78-redesign button{font-family:inherit!important;transition:.16s ease!important}
body.v78-redesign button:not(.ehs-qms-nav-button):not(.brand-home):not(.v77-sidebar-home){border-radius:10px!important}
body.v78-redesign button.primary,body.v78-redesign .primary{background:var(--g77-blue)!important;border-color:var(--g77-blue)!important;color:#fff!important;box-shadow:0 5px 14px rgba(35,118,201,.16)!important}
body.v78-redesign button.primary:hover{background:#1b67b0!important;border-color:#1b67b0!important;transform:translateY(-1px)!important}
body.v78-redesign button.secondary,body.v78-redesign .secondary{background:#fff!important;border:1px solid var(--g77-line)!important;color:#3f5971!important;box-shadow:none!important}
body.v78-redesign button.secondary:hover{background:#f6faff!important;border-color:#c6d9eb!important;color:var(--g77-blue)!important}
body.v78-redesign button.danger{background:var(--g77-red-2)!important;border-color:#f2c6cb!important;color:var(--g77-red)!important}

body.v78-redesign input,body.v78-redesign select,body.v78-redesign textarea{
  min-height:42px!important;border:1px solid var(--g77-line-strong)!important;border-radius:10px!important;background:#fff!important;color:var(--g77-text)!important;box-shadow:none!important;font:inherit!important;
}
body.v78-redesign input:focus,body.v78-redesign select:focus,body.v78-redesign textarea:focus{border-color:#80b5e4!important;box-shadow:0 0 0 3px rgba(35,118,201,.10)!important;outline:0!important}
body.v78-redesign label{color:#415971!important;font-weight:700!important}

/* ---------- TABLES ---------- */
body.v78-redesign .tablewrap{border:1px solid var(--g77-line)!important;border-radius:14px!important;background:#fff!important;overflow:auto!important;box-shadow:none!important}
body.v78-redesign table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;color:var(--g77-text)!important}
body.v78-redesign thead th{position:sticky!important;top:0!important;z-index:3!important;padding:12px 13px!important;background:#f3f7fb!important;color:#526a80!important;border:0!important;border-bottom:1px solid var(--g77-line)!important;font-size:10px!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-weight:850!important}
body.v78-redesign tbody td{padding:13px!important;border:0!important;border-bottom:1px solid #edf2f6!important;color:#324b62!important;font-size:12px!important;vertical-align:top!important}
body.v78-redesign tbody tr:hover td{background:#f9fcff!important}
body.v78-redesign tbody tr:last-child td{border-bottom:0!important}

/* ---------- DASHBOARD ---------- */
body.v78-redesign .ehs-quality-hero{position:relative!important;overflow:hidden!important;padding:28px!important;border:1px solid #d6e5f3!important;border-radius:20px!important;background:linear-gradient(118deg,#fff 0%,#f5faff 65%,#eef7ff 100%)!important;box-shadow:none!important;color:var(--g77-text)!important}
body.v78-redesign .ehs-quality-hero:after{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(35,118,201,.10),transparent 68%)}
body.v78-redesign .ehs-quality-hero h2{color:var(--g77-navy)!important;font-size:30px!important;letter-spacing:-.035em!important}
body.v78-redesign .ehs-quality-hero-text{color:var(--g77-muted)!important;max-width:760px!important}
body.v78-redesign .ehs-quality-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:16px 0!important}
body.v78-redesign .ehs-quality-kpis>*{min-width:0!important;border:1px solid var(--g77-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;padding:18px!important}
body.v78-redesign .ehs-quality-grid{gap:16px!important}
body.v78-redesign .ehs-quality-grid>*{border:1px solid var(--g77-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}

/* ---------- CAPA: enterprise/simple/workflow ---------- */
body.v78-redesign .capa-command-shell,body.v78-redesign .capa-simple-shell,body.v78-redesign .capa-workflow-page{background:transparent!important;color:var(--g77-text)!important}
body.v78-redesign [class*="capa-"] .card,body.v78-redesign [class*="capa-"] .panel{box-shadow:none!important}
body.v78-redesign .capa-enterprise-hero,body.v78-redesign .capa-simple-hero,body.v78-redesign .capa-workflow-hero{border:1px solid #d8e5f1!important;background:linear-gradient(120deg,#fff,#f5faff)!important;border-radius:18px!important;box-shadow:none!important}
body.v78-redesign .capa-kpi,body.v78-redesign .capa-stat-card,body.v78-redesign .capa-step-card{background:#fff!important;border:1px solid var(--g77-line)!important;border-radius:14px!important;box-shadow:none!important;color:var(--g77-text)!important}
body.v78-redesign .capa-toggle button,body.v78-redesign .capa-mode-switch button{background:#fff!important;color:#4d647a!important;border:1px solid var(--g77-line)!important;box-shadow:none!important}
body.v78-redesign .capa-toggle button.active,body.v78-redesign .capa-mode-switch button.active{background:var(--g77-blue-2)!important;color:#155c9d!important;border-color:#bedcf5!important}
body.v78-redesign .capa-actions button{box-shadow:none!important}
body.v78-redesign .capa-next-action,body.v78-redesign .capa-what-next{border:1px solid #cfe3f5!important;background:#f4faff!important;color:var(--g77-text)!important;box-shadow:none!important}
body.v78-redesign .capa-tab,body.v78-redesign .capa-workflow-tab{background:#fff!important;color:#536c82!important;border:1px solid var(--g77-line)!important}
body.v78-redesign .capa-tab.active,body.v78-redesign .capa-workflow-tab.active{background:var(--g77-blue-2)!important;color:var(--g77-blue)!important;border-color:#bfdcf4!important;box-shadow:inset 0 -2px 0 var(--g77-blue)!important}
body.v78-redesign .capa-status-chip,body.v78-redesign .workflow-chip{box-shadow:none!important}
body.v78-redesign .capa-performance-card,body.v78-redesign .capa-owner-card{background:#fff!important;border:1px solid var(--g77-line)!important;color:var(--g77-text)!important;box-shadow:none!important}

/* ---------- MODALS / NOTIFICATIONS ---------- */
body.v78-redesign .modal-backdrop{background:rgba(25,44,62,.34)!important;backdrop-filter:blur(4px)!important}
body.v78-redesign .modal{border:1px solid var(--g77-line)!important;border-radius:18px!important;background:#fff!important;color:var(--g77-text)!important;box-shadow:var(--g77-shadow-lg)!important}
body.v78-redesign .toast{border:1px solid #d6e3ef!important;border-radius:12px!important;background:#173d5d!important;color:#fff!important;box-shadow:var(--g77-shadow-lg)!important}
body.v78-redesign .ehs-install-popover,body.v78-redesign .ehs-install-help-card{background:#fff!important;color:var(--g77-text)!important;border:1px solid var(--g77-line)!important;box-shadow:var(--g77-shadow-lg)!important}

/* ---------- LOGIN (splash untouched) ---------- */
body.v78-redesign .login-screen{background:linear-gradient(135deg,#f0f6fb,#f9fbfd 55%,#edf6ff)!important}
body.v78-redesign .login-card{max-width:540px!important;border:1px solid #d7e4ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 70px rgba(29,56,83,.13)!important;padding:30px!important}
body.v78-redesign .login-brand{padding-bottom:20px!important;margin-bottom:20px!important;border-bottom:1px solid var(--g77-line)!important}
body.v78-redesign .login-brand img{max-width:110px!important}
body.v78-redesign .login-card h2{color:var(--g77-navy)!important;font-size:25px!important}


/* ---------- RESPONSIVE ---------- */
@media (max-width:1180px){
  :root{--g77-header:80px;--g78-nav:54px}
  body.v78-redesign .topbar.ehs-quality-header{grid-template-columns:minmax(210px,280px) minmax(180px,1fr) auto!important;padding:11px 14px!important;gap:12px!important}
  body.v78-redesign #brandHomeBtn span{max-width:180px!important}
  body.v78-redesign .ehs-v44-userbox{display:none!important}
  body.v78-redesign #sectionsMenu{padding:0 12px!important}
  body.v78-redesign #sectionsTabs .ehs-qms-nav-button{padding:0 10px!important;font-size:11px!important}
  body.v78-redesign #sectionsMyTasks{min-width:94px!important}
  body.v78-redesign #sectionsMenuPanel{left:12px!important;right:12px!important;grid-template-columns:1fr 1fr!important}
  body.v78-redesign #nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.v78-redesign #view.content{padding:18px!important}
  body.v78-redesign .ehs-quality-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
  :root{--g77-header:70px;--g78-nav:50px}
  body.v78-redesign .topbar.ehs-quality-header{grid-template-columns:minmax(0,1fr) auto!important;padding:9px 10px!important;gap:8px!important}
  body.v78-redesign #brandHomeBtn{padding:4px!important}
  body.v78-redesign #brandHomeBtn img{width:38px!important;height:38px!important}
  body.v78-redesign #brandHomeBtn div{display:none!important}
  body.v78-redesign .ehs-v44-page-title{display:block!important;min-width:0!important}
  body.v78-redesign #pageTitle{font-size:16px!important}
  body.v78-redesign #pageSub,body.v78-redesign .ehs-v44-page-title .eyebrow{display:none!important}
  body.v78-redesign .top-actions.ehs-v44-actions{gap:5px!important}
  body.v78-redesign #notificationsBtn{width:38px!important;height:38px!important;font-size:0!important;padding:0!important;position:relative!important}
  body.v78-redesign #notificationsBtn:before{content:"🔔";font-size:14px!important}
  body.v78-redesign #notificationCount{font-size:8px!important;position:absolute!important;right:2px!important;top:2px!important}
  body.v78-redesign #logoutBtn{display:none!important}
  body.v78-redesign .ehs-header-install-btn{width:38px!important;height:38px!important;padding:0!important}
  body.v78-redesign #sectionsMenu{padding:0 8px!important}
  body.v78-redesign #sectionsMenu .ehs-v55-subnav-bar{gap:6px!important}
  body.v78-redesign #sectionsTabs .ehs-qms-nav-button{padding:0 9px!important;font-size:10px!important;gap:5px!important}
  body.v78-redesign .v78-nav-icon{display:none!important}
  body.v78-redesign #sectionsMyTasks{min-width:78px!important;height:34px!important;padding:0 9px!important;font-size:9px!important}
  body.v78-redesign #sectionsMenuPanel{left:8px!important;right:8px!important;top:calc(100% + 5px)!important;border-radius:13px!important;padding:10px!important;max-height:64vh!important}
  body.v78-redesign #nav{grid-template-columns:1fr!important;gap:5px!important}
  body.v78-redesign #nav button{min-height:40px!important;padding:9px 10px!important}
  body.v78-redesign #view.content{padding:14px 10px 34px!important}
  body.v78-redesign .ehs-quality-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.v78-redesign .ehs-quality-kpis>*{padding:13px!important}
  body.v78-redesign .ehs-quality-hero{padding:20px!important;border-radius:16px!important}
  body.v78-redesign .ehs-quality-hero h2{font-size:24px!important}
  body.v78-redesign .grid.two,body.v78-redesign .grid.three{grid-template-columns:1fr!important}
  body.v78-redesign .footer{margin:0 10px 12px!important}
}

/* Remove legacy dark/selected-state leakage inside app. */
body.v78-redesign #appShell [style*="background: rgb(43"],
body.v78-redesign #appShell [style*="background:#2"],
body.v78-redesign #appShell .dark,
body.v78-redesign #appShell .is-dark{color:inherit!important}