/* ============================================================
   CODE LAB - INGENE INSPIRED MEDICAL UI V17
   Clean genetic-laboratory visual language inspired by modern
   international DNA testing websites. Loaded after legacy CSS.
   ============================================================ */
:root{
  --ig-ink:#17324a;
  --ig-ink-2:#244b62;
  --ig-teal:#0f7c82;
  --ig-teal-2:#1a9594;
  --ig-aqua:#dff3f1;
  --ig-aqua-2:#eef9f8;
  --ig-purple:#6655a5;
  --ig-gold:#f2c75c;
  --ig-gold-dark:#9d6b00;
  --ig-red:#c94855;
  --ig-green:#16836f;
  --ig-blue:#2e6edb;
  --ig-bg:#f6f9fb;
  --ig-card:#ffffff;
  --ig-border:#d8e6eb;
  --ig-muted:#67808f;
  --ig-shadow:0 18px 45px rgba(21,50,72,.10);
  --ig-shadow-sm:0 8px 24px rgba(21,50,72,.08);
  --ig-radius:20px;
  --ig-radius-sm:12px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
html body.global-medical-ui,
html body.ingene-medical-ui{background:var(--ig-bg)!important;color:var(--ig-ink)!important}
body.lang-ar{direction:rtl}
body.lang-en{direction:ltr}
body.lang-ar .en,body.lang-en .ar{display:none!important}
body.lang-ar .ar,body.lang-en .en{display:inline}
a{text-decoration:none}

/* ---------- shared language control ---------- */
html body.global-medical-ui .medical-language-switch,
html body.ingene-medical-ui .medical-language-switch,
html body.global-medical-ui .login-shell .medical-language-switch,
html body.global-medical-ui .login-card .medical-language-switch{
  position:static!important;inset:auto!important;z-index:20!important;
  width:142px!important;min-width:142px!important;max-width:142px!important;
  height:46px!important;min-height:46px!important;max-height:46px!important;
  padding:4px!important;margin:0!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:4px!important;direction:rtl!important;
  background:#fff!important;border:1px solid #b8d7d8!important;border-radius:999px!important;
  box-shadow:0 5px 14px rgba(15,124,130,.10)!important;
}
html body.global-medical-ui .medical-language-switch button,
html body.ingene-medical-ui .medical-language-switch button{
  flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;
  height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;
  padding:0 10px!important;border:0!important;border-radius:999px!important;
  background:transparent!important;color:var(--ig-ink)!important;box-shadow:none!important;
  font-size:14px!important;font-weight:800!important;line-height:36px!important;cursor:pointer!important;
  transition:.18s ease!important;
}
html body.global-medical-ui .medical-language-switch button.active,
html body.global-medical-ui .medical-language-switch button[aria-pressed="true"],
html body.ingene-medical-ui .medical-language-switch button.active{
  background:var(--ig-teal)!important;color:#fff!important;box-shadow:0 4px 10px rgba(15,124,130,.22)!important;
}
html body.global-medical-ui .medical-language-switch button:hover{background:var(--ig-aqua-2)!important;color:var(--ig-teal)!important}
html body.global-medical-ui .medical-language-switch button.active:hover{background:var(--ig-teal)!important;color:#fff!important}

/* ---------- public header ---------- */
html body.global-medical-ui .public-head,
html body.global-medical-ui .home-head{
  width:100%!important;min-height:92px!important;margin:0!important;padding:14px 28px!important;
  display:grid!important;grid-template-columns:150px minmax(620px,1fr) 350px!important;
  grid-template-areas:"language nav brand"!important;gap:22px!important;align-items:center!important;
  direction:ltr!important;background:rgba(255,255,255,.98)!important;border:0!important;
  border-bottom:1px solid var(--ig-border)!important;border-radius:0!important;
  box-shadow:0 5px 22px rgba(21,50,72,.05)!important;overflow:visible!important;
}
html body.global-medical-ui .public-head::before,
html body.global-medical-ui .public-head::after,
html body.global-medical-ui .home-head::before,
html body.global-medical-ui .home-head::after{display:none!important}
html body.global-medical-ui .public-head .medical-language-switch,
html body.global-medical-ui .home-head .medical-language-switch{grid-area:language!important;justify-self:start!important}
html body.global-medical-ui .public-head .public-brand,
html body.global-medical-ui .home-head .public-brand{
  grid-area:brand!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:68px!important;min-height:68px!important;margin:0!important;padding:5px 0 5px 16px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;
  direction:rtl!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important;position:relative!important;
}
html body.global-medical-ui .public-head .public-brand::before,
html body.global-medical-ui .home-head .public-brand::before{
  content:""!important;display:block!important;position:absolute!important;right:-14px!important;top:12px!important;
  width:4px!important;height:44px!important;border-radius:10px!important;background:var(--ig-teal)!important;
}
html body.global-medical-ui .public-head .public-brand .lab-system-logo,
html body.global-medical-ui .home-head .public-brand .lab-system-logo{
  order:1!important;flex:0 0 74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;
  height:54px!important;min-height:54px!important;max-height:54px!important;padding:4px!important;margin:0!important;
  object-fit:contain!important;background:#fff!important;border:1px solid var(--ig-border)!important;
  border-radius:12px!important;box-shadow:none!important;
}
html body.global-medical-ui .public-brand-copy{
  order:2!important;min-width:0!important;display:flex!important;flex-direction:column!important;
  align-items:flex-end!important;justify-content:center!important;gap:2px!important;direction:rtl!important;
}
html body.global-medical-ui .public-brand .brand-main{
  display:block!important;max-width:100%!important;color:var(--ig-ink)!important;background:none!important;
  font-size:27px!important;font-weight:900!important;line-height:1.05!important;letter-spacing:.7px!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;text-shadow:none!important;
}
html body.global-medical-ui .public-brand .brand-subtitle,
html body.global-medical-ui .public-brand small{
  display:block!important;max-width:100%!important;margin:0!important;padding:0!important;color:var(--ig-teal)!important;
  background:none!important;border:0!important;border-radius:0!important;font-size:14px!important;font-weight:700!important;
  line-height:1.35!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;text-shadow:none!important;
}
html body.global-medical-ui .public-head .public-nav,
html body.global-medical-ui .home-head .public-nav{
  grid-area:nav!important;width:100%!important;min-width:0!important;min-height:54px!important;margin:0!important;
  padding:4px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  gap:2px!important;direction:rtl!important;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important;white-space:nowrap!important;
}
html body.global-medical-ui .public-head .public-nav a,
html body.global-medical-ui .home-head .public-nav a{
  flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:44px!important;
  min-height:44px!important;margin:0!important;padding:0 13px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;gap:7px!important;color:var(--ig-ink-2)!important;
  background:transparent!important;background-image:none!important;border:0!important;border-radius:10px!important;
  box-shadow:none!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;transition:.18s ease!important;
}
html body.global-medical-ui .public-head .public-nav a:hover,
html body.global-medical-ui .home-head .public-nav a:hover{
  color:var(--ig-teal)!important;background:var(--ig-aqua-2)!important;transform:none!important;
}
html body.global-medical-ui .public-head .public-nav .public-back,
html body.global-medical-ui .home-head .public-nav .public-back,
html body.global-medical-ui .public-back,
html body.global-medical-ui .medical-back,
html body.global-medical-ui .btn-back{
  flex:0 0 auto!important;width:auto!important;min-width:96px!important;max-width:none!important;height:42px!important;
  min-height:42px!important;padding:0 18px!important;color:#473400!important;background:var(--ig-gold)!important;
  background-image:none!important;border:1px solid #ddb23d!important;border-radius:999px!important;
  box-shadow:0 5px 12px rgba(157,107,0,.13)!important;font-weight:800!important;
}
html body.global-medical-ui .public-back:hover,
html body.global-medical-ui .medical-back:hover,
html body.global-medical-ui .btn-back:hover{background:#f7d878!important;color:#3b2b00!important}
html body.global-medical-ui a.public-back::before,
html body.global-medical-ui a.medical-back::before,
html body.global-medical-ui a.btn-back::before{display:none!important;content:none!important}
body.services-page .public-nav a[href="Services.aspx"],
body.public-body:not(.services-page) .home-head .public-nav a[href="About.aspx"]:focus{color:var(--ig-teal)!important}

/* ---------- Ingene-inspired home ---------- */
.ingene-home{overflow:hidden;background:#fff}
.ingene-hero{
  max-width:1440px;margin:0 auto;padding:72px 48px 54px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);
  gap:70px;align-items:center;direction:rtl;position:relative;
}
.ingene-hero::before{content:"";position:absolute;left:-130px;top:25px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(102,85,165,.12),rgba(102,85,165,0) 68%);pointer-events:none}
.ingene-hero-copy{position:relative;z-index:2}
.ingene-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:var(--ig-aqua);color:var(--ig-teal);font-weight:800;font-size:14px}
.ingene-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ig-teal)}
.ingene-hero h1{margin:20px 0 16px;color:var(--ig-ink);font-size:clamp(38px,4vw,66px);font-weight:900;line-height:1.12;letter-spacing:-1.2px}
.ingene-hero h1 strong{color:var(--ig-teal);font-weight:900}
.ingene-hero p{max-width:710px;margin:0;color:var(--ig-muted);font-size:18px;line-height:1.9;font-weight:500}
.ingene-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ingene-cta{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:15px;font-weight:800;transition:.2s ease}
.ingene-cta-primary{background:var(--ig-teal);color:#fff;box-shadow:0 10px 25px rgba(15,124,130,.22)}
.ingene-cta-primary:hover{background:#0b6a70;transform:translateY(-2px)}
.ingene-cta-secondary{background:#fff;color:var(--ig-ink);border:1px solid var(--ig-border)}
.ingene-cta-secondary:hover{border-color:var(--ig-teal);color:var(--ig-teal)}
.ingene-trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:var(--ig-ink-2);font-size:13px;font-weight:700}
.ingene-trust-row span{display:inline-flex;align-items:center;gap:7px}
.ingene-trust-row span::before{content:"✓";display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:var(--ig-aqua);color:var(--ig-teal);font-weight:900}
.ingene-hero-visual{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}
.ingene-visual-shell{position:relative;width:min(100%,520px);aspect-ratio:1.08/1;border-radius:46% 54% 48% 52% / 46% 42% 58% 54%;background:linear-gradient(145deg,#e4f6f3,#f3effc);box-shadow:var(--ig-shadow);overflow:hidden;border:12px solid #fff}
.ingene-visual-shell img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.02)}
.ingene-visual-shell::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,124,130,.08),rgba(102,85,165,.08));pointer-events:none}
.ingene-floating{position:absolute;left:0;bottom:42px;width:230px;padding:15px 17px;border-radius:17px;background:rgba(255,255,255,.96);border:1px solid var(--ig-border);box-shadow:var(--ig-shadow-sm);backdrop-filter:blur(8px)}
.ingene-floating b{display:block;color:var(--ig-ink);font-size:15px;margin-bottom:4px}
.ingene-floating small{color:var(--ig-muted);font-size:12px;line-height:1.5}
.ingene-dna-mark{position:absolute;right:10px;top:30px;width:76px;height:76px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:var(--ig-purple);color:#fff;font-size:34px;box-shadow:0 12px 28px rgba(102,85,165,.22)}
.ingene-section{padding:76px 42px}
.ingene-section-soft{background:linear-gradient(180deg,#f7fbfb,#eef7f6)}
.ingene-section-inner{max-width:1320px;margin:0 auto}
.ingene-section-heading{text-align:center;max-width:760px;margin:0 auto 38px}
.ingene-section-heading .eyebrow{color:var(--ig-teal);font-size:13px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.ingene-section-heading h2{margin:10px 0 12px;color:var(--ig-ink);font-size:clamp(28px,3vw,44px);line-height:1.22}
.ingene-section-heading p{margin:0;color:var(--ig-muted);font-size:16px;line-height:1.75}
.ingene-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ingene-service-card{min-height:230px;padding:24px;border-radius:22px;background:#fff;border:1px solid var(--ig-border);box-shadow:var(--ig-shadow-sm);display:flex;flex-direction:column;align-items:flex-start;transition:.2s ease;color:var(--ig-ink)}
.ingene-service-card:hover{transform:translateY(-6px);border-color:#a9d5d5;box-shadow:var(--ig-shadow)}
.ingene-service-icon{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:var(--ig-aqua);color:var(--ig-teal);font-size:27px;margin-bottom:20px}
.ingene-service-card:nth-child(2) .ingene-service-icon{background:#eeebfb;color:var(--ig-purple)}
.ingene-service-card:nth-child(3) .ingene-service-icon{background:#fff4d7;color:#a27100}
.ingene-service-card:nth-child(4) .ingene-service-icon{background:#e8f0ff;color:var(--ig-blue)}
.ingene-service-card b{font-size:19px;margin-bottom:9px}
.ingene-service-card small{color:var(--ig-muted);font-size:14px;line-height:1.7}
.ingene-card-link{margin-top:auto;padding-top:18px;color:var(--ig-teal);font-weight:800;font-size:13px}
.ingene-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}
.ingene-step{text-align:center;padding:24px 15px}
.ingene-step-number{width:54px;height:54px;margin:0 auto 15px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ig-teal);color:#fff;font-size:20px;font-weight:900;box-shadow:0 8px 20px rgba(15,124,130,.18)}
.ingene-step h3{margin:0 0 7px;font-size:18px;color:var(--ig-ink)}
.ingene-step p{margin:0;color:var(--ig-muted);font-size:14px;line-height:1.7}
.ingene-assurance{max-width:1320px;margin:0 auto 74px;padding:42px;border-radius:28px;background:linear-gradient(120deg,var(--ig-ink),#285d69);display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:center;color:#fff;overflow:hidden;position:relative}
.ingene-assurance::after{content:"";position:absolute;left:-100px;bottom:-140px;width:360px;height:360px;border-radius:50%;border:60px solid rgba(255,255,255,.05)}
.ingene-assurance h2{margin:0 0 12px;font-size:34px;position:relative;z-index:1}
.ingene-assurance p{margin:0;color:#d8e8eb;line-height:1.8;font-size:15px;position:relative;z-index:1}
.ingene-assurance img{width:100%;height:200px;object-fit:cover;border-radius:20px;border:5px solid rgba(255,255,255,.15);position:relative;z-index:1}

/* ---------- public content pages ---------- */
html body.global-medical-ui .public-wrap{max-width:1260px!important;margin:0 auto!important;padding:42px 28px 70px!important}
html body.global-medical-ui .public-wrap .panel,
html body.global-medical-ui .services-panel{
  background:#fff!important;border:1px solid var(--ig-border)!important;border-radius:22px!important;
  box-shadow:var(--ig-shadow-sm)!important;padding:28px!important;color:var(--ig-ink)!important;
}
html body.global-medical-ui .services-title-box{text-align:center!important;margin-bottom:28px!important}
html body.global-medical-ui .services-title-box h2{color:var(--ig-ink)!important;font-size:34px!important;margin:0 0 8px!important}
html body.global-medical-ui .services-title-box p{color:var(--ig-muted)!important}
html body.global-medical-ui .services-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
html body.global-medical-ui .service-card{
  min-height:190px!important;padding:24px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  text-align:start!important;color:var(--ig-ink)!important;background:#fff!important;border:1px solid var(--ig-border)!important;
  border-radius:19px!important;box-shadow:none!important;transition:.2s ease!important;overflow:visible!important;
}
html body.global-medical-ui .service-card:hover{transform:translateY(-4px)!important;border-color:#a8d4d4!important;box-shadow:var(--ig-shadow-sm)!important}
html body.global-medical-ui .service-card .service-icon{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:15px!important;background:var(--ig-aqua)!important;font-size:24px!important;margin:0 0 16px!important}
html body.global-medical-ui .service-card b{font-size:18px!important;color:var(--ig-ink)!important;line-height:1.4!important;margin-bottom:7px!important;white-space:normal!important}
html body.global-medical-ui .service-card small{color:var(--ig-muted)!important;font-size:13px!important;line-height:1.65!important;white-space:normal!important}
html body.global-medical-ui .site-footer{padding:26px!important;background:var(--ig-ink)!important;color:#d7e6e9!important;text-align:center!important;font-size:13px!important}

/* ---------- admin header ---------- */
html body.global-medical-ui .page-head{
  width:100%!important;min-height:110px!important;margin:0!important;padding:14px 22px!important;
  display:grid!important;grid-template-columns:150px auto minmax(260px,1fr) 190px 390px!important;
  grid-template-areas:"language actions title user brand"!important;align-items:center!important;gap:14px!important;
  direction:ltr!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--ig-border)!important;
  border-radius:0!important;box-shadow:0 5px 22px rgba(21,50,72,.05)!important;overflow:visible!important;
}
html body.global-medical-ui .page-head::before,
html body.global-medical-ui .page-head::after{display:none!important}
html body.global-medical-ui .page-head .medical-language-switch{grid-area:language!important;justify-self:start!important}
html body.global-medical-ui .page-head .head-actions{
  grid-area:actions!important;display:flex!important;align-items:center!important;gap:9px!important;direction:rtl!important;
  width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
}
html body.global-medical-ui .page-head .head-actions .medical-btn,
html body.global-medical-ui .page-head .head-actions input,
html body.global-medical-ui .page-head .head-actions a{
  width:auto!important;min-width:105px!important;max-width:none!important;height:42px!important;min-height:42px!important;
  padding:0 16px!important;border-radius:999px!important;font-size:13px!important;white-space:nowrap!important;
}
html body.global-medical-ui .page-head .top-user{
  grid-area:user!important;width:auto!important;min-width:0!important;max-width:190px!important;margin:0!important;padding:10px 13px!important;
  color:var(--ig-ink-2)!important;background:var(--ig-aqua-2)!important;border:1px solid var(--ig-border)!important;
  border-radius:12px!important;box-shadow:none!important;font-size:12px!important;line-height:1.4!important;text-align:center!important;
  direction:rtl!important;white-space:normal!important;overflow:hidden!important;
}
html body.global-medical-ui .page-head .current-page-title{
  grid-area:title!important;width:100%!important;min-width:0!important;max-width:620px!important;min-height:66px!important;
  justify-self:center!important;margin:0!important;padding:12px 20px!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;color:var(--ig-ink)!important;background:var(--ig-aqua-2)!important;
  border:1px solid #c8e4e3!important;border-radius:17px!important;box-shadow:none!important;text-align:center!important;overflow:hidden!important;
}
html body.global-medical-ui .page-title-label{color:var(--ig-teal)!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important}
html body.global-medical-ui .page-title-value{display:block!important;max-width:100%!important;color:var(--ig-ink)!important;font-size:22px!important;font-weight:900!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html body.global-medical-ui .page-head .brand{
  grid-area:brand!important;width:100%!important;min-width:0!important;max-width:390px!important;height:78px!important;min-height:78px!important;
  margin:0!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;direction:rtl!important;color:var(--ig-ink)!important;background:#fff!important;border:1px solid var(--ig-border)!important;
  border-radius:17px!important;box-shadow:none!important;overflow:hidden!important;
}
html body.global-medical-ui .page-head .brand .lab-system-logo{
  order:1!important;flex:0 0 72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:56px!important;
  min-height:56px!important;max-height:56px!important;padding:4px!important;margin:0!important;object-fit:contain!important;
  background:#fff!important;border:1px solid var(--ig-border)!important;border-radius:11px!important;
}
html body.global-medical-ui .page-head .brand>span,
html body.global-medical-ui .page-head .brand>.ar,
html body.global-medical-ui .page-head .brand>.en{
  order:2!important;color:var(--ig-ink)!important;background:none!important;font-size:25px!important;font-weight:900!important;line-height:1!important;
  white-space:nowrap!important;text-shadow:none!important;
}
html body.global-medical-ui .page-head .brand small{
  order:3!important;position:absolute!important;right:96px!important;bottom:11px!important;max-width:260px!important;
  color:var(--ig-teal)!important;background:none!important;border:0!important;padding:0!important;margin:0!important;
  font-size:12px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important;text-shadow:none!important;
}

/* ---------- dashboard / content ---------- */
html body.global-medical-ui .wrap{max-width:1380px!important;margin:0 auto!important;padding:28px!important}
html body.global-medical-ui .panel,
html body.global-medical-ui .print-card{
  color:var(--ig-ink)!important;background:#fff!important;border:1px solid var(--ig-border)!important;
  border-radius:18px!important;box-shadow:var(--ig-shadow-sm)!important;
}
html body.global-medical-ui .welcome-line{padding:16px 20px!important;color:var(--ig-ink-2)!important}
html body.global-medical-ui .dashboard-title{max-width:1380px!important;margin:0 auto 14px!important;padding:0 28px!important;color:var(--ig-ink)!important;font-size:25px!important;font-weight:900!important}
html body.global-medical-ui .cards{max-width:1380px!important;margin:0 auto!important;padding:0 28px 42px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
html body.global-medical-ui .card{min-height:130px!important;padding:20px!important;background:#fff!important;border:1px solid var(--ig-border)!important;border-radius:17px!important;box-shadow:var(--ig-shadow-sm)!important;color:var(--ig-ink)!important}
html body.global-medical-ui .card b{color:var(--ig-muted)!important;font-size:13px!important}
html body.global-medical-ui .card>span{color:var(--ig-teal)!important;font-size:30px!important;font-weight:900!important}
html body.global-medical-ui .section-key-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
html body.global-medical-ui .section-key{border-radius:18px!important;overflow:hidden!important;box-shadow:var(--ig-shadow-sm)!important}

/* ---------- common controls ---------- */
html body.global-medical-ui input[type="text"],html body.global-medical-ui input[type="password"],
html body.global-medical-ui input[type="email"],html body.global-medical-ui input[type="number"],
html body.global-medical-ui input[type="date"],html body.global-medical-ui select,html body.global-medical-ui textarea{
  color:var(--ig-ink)!important;background:#fff!important;border:1px solid #bfd3dc!important;border-radius:10px!important;
  box-shadow:none!important;outline:none!important;transition:.18s ease!important;
}
html body.global-medical-ui input:focus,html body.global-medical-ui select:focus,html body.global-medical-ui textarea:focus{
  border-color:var(--ig-teal)!important;box-shadow:0 0 0 3px rgba(15,124,130,.12)!important;
}
html body.global-medical-ui .medical-btn,
html body.global-medical-ui input[type="submit"],html body.global-medical-ui input[type="button"],html body.global-medical-ui button{
  border-radius:10px!important;font-family:inherit!important;font-weight:800!important;transition:.18s ease!important;
}
html body.global-medical-ui .medical-save{background:var(--ig-green)!important;color:#fff!important;border-color:var(--ig-green)!important}
html body.global-medical-ui .medical-edit{background:#e58a19!important;color:#fff!important;border-color:#d77d0d!important}
html body.global-medical-ui .medical-delete,html body.global-medical-ui .medical-cancel{background:var(--ig-red)!important;color:#fff!important;border-color:var(--ig-red)!important}
html body.global-medical-ui .medical-select{background:var(--ig-blue)!important;color:#fff!important;border-color:var(--ig-blue)!important}
html body.global-medical-ui .medical-add{background:var(--ig-purple)!important;color:#fff!important;border-color:var(--ig-purple)!important}
html body.global-medical-ui .medical-search,html body.global-medical-ui .medical-view{background:var(--ig-teal)!important;color:#fff!important;border-color:var(--ig-teal)!important}
html body.global-medical-ui .medical-print,html body.global-medical-ui .medical-report{background:#6155a8!important;color:#fff!important;border-color:#6155a8!important}
html body.global-medical-ui .medical-logout{background:var(--ig-red)!important;color:#fff!important;border-color:var(--ig-red)!important}
html body.global-medical-ui table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
html body.global-medical-ui table th{background:var(--ig-ink)!important;color:#fff!important;border-color:#315369!important;font-weight:800!important}
html body.global-medical-ui table td{color:var(--ig-ink)!important;border-color:#e0eaee!important}
html body.global-medical-ui table tr:nth-child(even) td{background:#f8fbfc!important}
html body.global-medical-ui table tr:hover td{background:#eef8f7!important}

/* ---------- master data inline forms ---------- */
html body.master-data-detail-ui .medical-inline-form-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
html body.master-data-detail-ui .medical-inline-field{
  grid-column:span 4!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(110px,38%) minmax(0,1fr)!important;
  align-items:center!important;gap:0!important;min-height:48px!important;background:#fff!important;border:1px solid var(--ig-border)!important;border-radius:11px!important;overflow:hidden!important;
}
html body.master-data-detail-ui .medical-inline-field>label,
html body.master-data-detail-ui .medical-inline-field>.label,
html body.master-data-detail-ui .medical-inline-field>span:first-child{
  align-self:stretch!important;display:flex!important;align-items:center!important;padding:8px 11px!important;background:var(--ig-aqua-2)!important;color:var(--ig-ink-2)!important;font-size:12px!important;font-weight:800!important;
}
html body.master-data-detail-ui .medical-inline-field input,html body.master-data-detail-ui .medical-inline-field select,html body.master-data-detail-ui .medical-inline-field textarea{width:100%!important;min-width:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
html body.master-data-detail-ui .medical-size-xs{grid-column:span 3!important}
html body.master-data-detail-ui .medical-size-sm{grid-column:span 4!important}
html body.master-data-detail-ui .medical-size-md{grid-column:span 6!important}
html body.master-data-detail-ui .medical-size-lg{grid-column:span 8!important}
html body.master-data-detail-ui .medical-size-full{grid-column:1/-1!important}

/* ---------- login ---------- */
html body.global-medical-ui.login-page{background:linear-gradient(135deg,#eef9f8,#f4f1fb)!important}
html body.global-medical-ui .login-card,html body.global-medical-ui .login-shell{border-radius:24px!important;border:1px solid var(--ig-border)!important;box-shadow:var(--ig-shadow)!important;background:#fff!important}

/* ---------- responsive ---------- */
@media(max-width:1500px){
  html body.global-medical-ui .public-head,html body.global-medical-ui .home-head{grid-template-columns:142px minmax(560px,1fr) 315px!important;padding-inline:18px!important;gap:14px!important}
  html body.global-medical-ui .public-head .public-nav a,html body.global-medical-ui .home-head .public-nav a{padding-inline:9px!important;font-size:13px!important}
  html body.global-medical-ui .public-brand .brand-main{font-size:24px!important}
  html body.global-medical-ui .page-head{grid-template-columns:142px auto minmax(240px,1fr) 170px 340px!important;padding-inline:16px!important;gap:10px!important}
  html body.global-medical-ui .page-title-value{font-size:19px!important}
  .ingene-hero{gap:42px;padding-inline:34px}
}
@media(max-width:1220px){
  html body.global-medical-ui .public-head,html body.global-medical-ui .home-head{
    grid-template-columns:142px minmax(0,1fr) 315px!important;grid-template-areas:"language nav brand" "nav nav nav"!important;min-height:142px!important;
  }
  html body.global-medical-ui .public-head .public-nav,html body.global-medical-ui .home-head .public-nav{grid-row:2!important;grid-column:1/-1!important;border-top:1px solid var(--ig-border)!important;padding-top:8px!important}
  html body.global-medical-ui .page-head{
    grid-template-columns:142px minmax(260px,1fr) 340px!important;grid-template-areas:"language title brand" "actions user brand"!important;min-height:150px!important;
  }
  html body.global-medical-ui .page-head .head-actions{justify-self:start!important}
  html body.global-medical-ui .page-head .top-user{justify-self:end!important}
  .ingene-hero{grid-template-columns:1fr 420px;gap:28px}.ingene-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ingene-assurance{grid-template-columns:1fr 300px}
  html body.global-medical-ui .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.global-medical-ui .cards,html body.global-medical-ui .section-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  html body.global-medical-ui .public-head,html body.global-medical-ui .home-head{
    grid-template-columns:1fr!important;grid-template-areas:"brand" "nav" "language"!important;gap:10px!important;padding:12px 16px!important;min-height:0!important;
  }
  html body.global-medical-ui .public-head .public-brand,html body.global-medical-ui .home-head .public-brand{grid-area:brand!important;max-width:380px!important;justify-self:center!important}
  html body.global-medical-ui .public-head .public-nav,html body.global-medical-ui .home-head .public-nav{grid-area:nav!important;grid-row:auto!important;grid-column:auto!important;flex-wrap:wrap!important;border-top:1px solid var(--ig-border)!important}
  html body.global-medical-ui .public-head .medical-language-switch,html body.global-medical-ui .home-head .medical-language-switch{grid-area:language!important;justify-self:center!important}
  html body.global-medical-ui .page-head{grid-template-columns:1fr!important;grid-template-areas:"brand" "title" "user" "actions" "language"!important;gap:10px!important;padding:12px!important}
  html body.global-medical-ui .page-head .brand{justify-self:center!important;max-width:420px!important}
  html body.global-medical-ui .page-head .current-page-title{justify-self:stretch!important;max-width:none!important}
  html body.global-medical-ui .page-head .top-user{justify-self:center!important;max-width:360px!important}
  html body.global-medical-ui .page-head .head-actions{justify-self:center!important;flex-wrap:wrap!important;justify-content:center!important}
  html body.global-medical-ui .page-head .medical-language-switch{justify-self:center!important}
  .ingene-hero{grid-template-columns:1fr;padding:44px 24px}.ingene-hero-copy{text-align:center}.ingene-kicker{justify-content:center}.ingene-hero p{margin-inline:auto}.ingene-hero-actions,.ingene-trust-row{justify-content:center}.ingene-hero-visual{min-height:360px}.ingene-visual-shell{max-width:470px}.ingene-process{grid-template-columns:repeat(2,minmax(0,1fr))}.ingene-assurance{grid-template-columns:1fr;text-align:center}.ingene-assurance img{max-width:480px;margin:auto}
  html body.master-data-detail-ui .medical-inline-field{grid-column:span 6!important}
}
@media(max-width:620px){
  html body.global-medical-ui .public-head .public-nav a,html body.global-medical-ui .home-head .public-nav a{flex:1 1 42%!important;min-width:130px!important}
  html body.global-medical-ui .public-head .public-nav .public-back,html body.global-medical-ui .home-head .public-nav .public-back{flex:1 1 42%!important;width:auto!important}
  .ingene-section{padding:54px 18px}.ingene-service-grid,.ingene-process{grid-template-columns:1fr}.ingene-hero h1{font-size:36px}.ingene-hero-visual{min-height:310px}.ingene-floating{width:200px;left:5px;bottom:15px}.ingene-assurance{margin:0 16px 54px;padding:28px 22px}
  html body.global-medical-ui .services-grid,html body.global-medical-ui .cards,html body.global-medical-ui .section-key-grid{grid-template-columns:1fr!important}
  html body.master-data-detail-ui .medical-inline-field,html body.master-data-detail-ui .medical-size-xs,html body.master-data-detail-ui .medical-size-sm,html body.master-data-detail-ui .medical-size-md,html body.master-data-detail-ui .medical-size-lg{grid-column:1/-1!important;grid-template-columns:1fr!important}
}

/* V17.1 specificity corrections against legacy page-level selectors */
html body.global-medical-ui .public-head .public-brand .public-brand-copy,
html body.global-medical-ui .home-head .public-brand .public-brand-copy{
  position:static!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  gap:3px!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  transform:none!important;
}
html body.global-medical-ui .public-head .public-brand .public-brand-copy .brand-main,
html body.global-medical-ui .home-head .public-brand .public-brand-copy .brand-main{
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
}
html body.global-medical-ui .public-head .public-brand .public-brand-copy .brand-subtitle,
html body.global-medical-ui .home-head .public-brand .public-brand-copy .brand-subtitle{
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1.3!important;
}
html body.global-medical-ui .page-head .current-page-title .page-title-label,
html body.global-medical-ui .page-head .current-page-title .page-title-label span{
  color:var(--ig-teal)!important;
  text-shadow:none!important;
}
html body.global-medical-ui .page-head .current-page-title .page-title-value,
html body.global-medical-ui .page-head .current-page-title .page-title-value span{
  color:var(--ig-ink)!important;
  text-shadow:none!important;
}
html body.global-medical-ui .page-head .top-user,
html body.global-medical-ui .page-head .top-user span,
html body.global-medical-ui .page-head .top-user b{
  color:var(--ig-ink-2)!important;
  text-shadow:none!important;
}
html body.global-medical-ui .public-head .public-brand,
html body.global-medical-ui .home-head .public-brand{
  flex-wrap:nowrap!important;
}