/* ============================================================
   CODE LAB Global Medical UI 2026
   Centralized professional theme for ASP.NET Web Forms / .NET 4.8
   ============================================================ */

html{box-sizing:border-box;background:#edf3f7;}
*,*:before,*:after{box-sizing:inherit;}
html body.global-medical-ui{
  margin:0 !important;
  color:#17324d !important;
  background:
    radial-gradient(circle at 12% 5%,rgba(14,116,144,.08),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(15,118,110,.07),transparent 28%),
    linear-gradient(180deg,#f7fafc 0%,#edf3f7 100%) !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.55 !important;
  min-height:100vh;
}
body.global-medical-ui.lang-ar{direction:rtl !important;}
body.global-medical-ui.lang-en{direction:ltr !important;}
body.global-medical-ui .ar{display:inline;}
body.global-medical-ui .en{display:none;}
body.global-medical-ui.lang-en .ar{display:none !important;}
body.global-medical-ui.lang-en .en{display:inline !important;}
body.global-medical-ui a{transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;}
body.global-medical-ui :focus-visible{outline:3px solid rgba(14,116,144,.28) !important;outline-offset:2px !important;}

/* ---------- Global header ---------- */
html body.global-medical-ui .page-head,
html body.global-medical-ui .public-head,
html body.global-medical-ui .home-head{
  position:relative !important;
  width:100% !important;
  min-height:96px !important;
  margin:0 !important;
  padding:16px 126px 16px 22px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
  color:#fff !important;
  background:linear-gradient(135deg,#0b2b40 0%,#0e4f67 52%,#0e7490 100%) !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  border-radius:0 !important;
  box-shadow:0 10px 28px rgba(11,43,64,.18) !important;
  overflow:visible !important;
  z-index:20 !important;
}
html body.global-medical-ui .page-head:after,
html body.global-medical-ui .public-head:after,
html body.global-medical-ui .home-head:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 28%,transparent 72%,rgba(255,255,255,.04));
}
html body.global-medical-ui .brand,
html body.global-medical-ui .public-brand{
  position:relative !important;
  z-index:2 !important;
  min-width:250px !important;
  min-height:62px !important;
  margin:0 !important;
  padding:4px 0 !important;
  display:grid !important;
  grid-template-columns:62px minmax(150px,auto) !important;
  grid-template-rows:auto auto !important;
  column-gap:13px !important;
  align-items:center !important;
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-align:start !important;
}
html body.global-medical-ui .brand .lab-system-logo,
html body.global-medical-ui .public-brand .lab-system-logo{
  grid-row:1 / 3 !important;
  grid-column:1 !important;
  width:58px !important;height:58px !important;min-width:58px !important;
  max-width:58px !important;max-height:58px !important;
  object-fit:contain !important;
  padding:5px !important;
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid rgba(255,255,255,.8) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.15) !important;
}
html body.global-medical-ui .brand>span,
html body.global-medical-ui .public-brand>span{
  grid-column:2 !important;
  font-size:22px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  color:#fff !important;
  letter-spacing:.2px !important;
  text-shadow:0 2px 8px rgba(0,0,0,.16) !important;
}
html body.global-medical-ui .brand small,
html body.global-medical-ui .public-brand small{
  grid-column:2 !important;
  display:block !important;
  margin:2px 0 0 !important;
  font-size:12px !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.84) !important;
  line-height:1.35 !important;
}
html body.global-medical-ui .top-user,
html body.global-medical-ui .current-page-title{
  position:relative !important;z-index:2 !important;
  min-height:38px !important;
  padding:8px 13px !important;
  display:flex !important;align-items:center !important;gap:6px !important;
  border-radius:12px !important;
  color:#e9f7fb !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  font-size:12px !important;
}
html body.global-medical-ui .current-page-title b{color:#fff !important;}
html body.global-medical-ui .head-actions{
  position:relative !important;z-index:2 !important;
  margin-inline-start:auto !important;
  display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;
}

/* Compact bilingual switch: fixed at the physical far-left of the title bar */
html body.global-medical-ui .medical-language-host{position:relative !important;}
html body.global-medical-ui .medical-language-switch{
  position:absolute !important;
  top:18px !important;
  left:20px !important;
  right:auto !important;
  z-index:100 !important;
  width:88px !important;
  height:36px !important;
  padding:3px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:3px !important;
  direction:ltr !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter:blur(8px);
}
body.global-medical-ui.lang-en .medical-language-switch{left:20px !important;right:auto !important;}
html body.global-medical-ui .medical-language-switch button{
  all:unset !important;
  box-sizing:border-box !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:100% !important;height:28px !important;min-width:0 !important;min-height:28px !important;
  margin:0 !important;padding:0 !important;
  border-radius:8px !important;
  color:rgba(255,255,255,.86) !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-size:11px !important;font-weight:800 !important;line-height:1 !important;
  cursor:pointer !important;
}
html body.global-medical-ui .medical-language-switch button.active{
  color:#0b2b40 !important;
  background:#fff !important;
  box-shadow:0 3px 8px rgba(0,0,0,.13) !important;
}
html body.global-medical-ui #globalSingleLanguageSwitch,
html body.global-medical-ui .single-language-toggle,
html body.global-medical-ui .lang-toggle,
html body.global-medical-ui .top-language-switch,
html body.global-medical-ui .lang-switch{display:none !important;}

/* ---------- Page containers / cards ---------- */
html body.global-medical-ui .wrap,
html body.global-medical-ui .public-wrap{
  width:min(1440px,calc(100% - 34px)) !important;
  max-width:1440px !important;
  margin:22px auto 34px !important;
  padding:0 !important;
}
html body.global-medical-ui .panel,
html body.global-medical-ui .card,
html body.global-medical-ui .public-card,
html body.global-medical-ui .public-directory-panel,
html body.global-medical-ui .test-data-card-v2,
html body.global-medical-ui .professional-page-frame{
  color:#17324d !important;
  background:rgba(255,255,255,.97) !important;
  border:1px solid #dce7ee !important;
  border-radius:18px !important;
  box-shadow:0 10px 28px rgba(26,59,82,.07) !important;
}
html body.global-medical-ui .panel{padding:22px !important;margin:0 0 16px !important;}
html body.global-medical-ui .card,
html body.global-medical-ui .public-card{padding:20px !important;}
html body.global-medical-ui .panel:hover,
html body.global-medical-ui .card:hover,
html body.global-medical-ui .public-card:hover{border-color:#c8dce7 !important;box-shadow:0 14px 34px rgba(26,59,82,.09) !important;}
html body.global-medical-ui h1,
html body.global-medical-ui h2,
html body.global-medical-ui h3{
  color:#123d56 !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-align:start !important;
}
html body.global-medical-ui h2{font-size:22px !important;margin:0 0 18px !important;padding-bottom:12px !important;border-bottom:1px solid #e6eef3 !important;}
html body.global-medical-ui h3{font-size:17px !important;margin:0 0 13px !important;}
html body.global-medical-ui .subtitle,
html body.global-medical-ui .hint-en,
html body.global-medical-ui .small-note{color:#647b8c !important;font-size:12px !important;}
html body.global-medical-ui .msg{
  display:block !important;margin-top:10px !important;padding:10px 13px !important;
  color:#9f2d24 !important;background:#fff3f2 !important;border:1px solid #f3cbc7 !important;border-radius:10px !important;
  font-weight:700 !important;
}

/* ---------- Forms ---------- */
html body.global-medical-ui .form-row{
  display:flex !important;align-items:flex-end !important;gap:14px !important;flex-wrap:wrap !important;
  margin-bottom:14px !important;
}
html body.global-medical-ui .field{
  flex:1 1 290px !important;min-width:230px !important;
  display:block !important;margin:0 !important;
}
html body.global-medical-ui .field.full{flex-basis:100% !important;min-width:100% !important;}
html body.global-medical-ui .field label,
html body.global-medical-ui .label{
  display:block !important;min-width:0 !important;max-width:none !important;
  margin:0 0 6px !important;
  color:#29485e !important;font-size:12.5px !important;font-weight:750 !important;line-height:1.35 !important;
}
html body.global-medical-ui input[type="text"],
html body.global-medical-ui input[type="password"],
html body.global-medical-ui input[type="number"],
html body.global-medical-ui input[type="date"],
html body.global-medical-ui input[type="email"],
html body.global-medical-ui input[type="tel"],
html body.global-medical-ui input[type="file"],
html body.global-medical-ui select,
html body.global-medical-ui textarea,
html body.global-medical-ui .txt{
  width:100% !important;max-width:none !important;
  min-height:42px !important;height:42px !important;
  padding:8px 11px !important;
  color:#17324d !important;background:#fbfdfe !important;
  border:1px solid #cbdbe4 !important;border-radius:10px !important;
  box-shadow:inset 0 1px 2px rgba(11,43,64,.03) !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;font-size:13px !important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease !important;
}
html body.global-medical-ui textarea,
html body.global-medical-ui .txt[rows]{height:auto !important;min-height:92px !important;resize:vertical !important;}
html body.global-medical-ui input:focus,
html body.global-medical-ui select:focus,
html body.global-medical-ui textarea:focus,
html body.global-medical-ui .txt:focus{
  outline:none !important;background:#fff !important;border-color:#0e7490 !important;
  box-shadow:0 0 0 3px rgba(14,116,144,.12) !important;
}
html body.global-medical-ui input[disabled],
html body.global-medical-ui select[disabled],
html body.global-medical-ui textarea[disabled]{background:#edf2f5 !important;color:#6b7e8c !important;}
html body.global-medical-ui input[type="checkbox"],
html body.global-medical-ui input[type="radio"]{width:17px !important;height:17px !important;accent-color:#0e7490 !important;}
html body.global-medical-ui .toolbar,
html body.global-medical-ui .form-actions{
  display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:9px !important;flex-wrap:wrap !important;
  margin:14px 0 !important;
}

/* ---------- Unified action buttons ---------- */
html body.global-medical-ui .medical-btn,
html body.global-medical-ui .btn,
html body.global-medical-ui input[type="submit"],
html body.global-medical-ui input[type="button"]{
  -webkit-appearance:none !important;appearance:none !important;
  min-height:40px !important;height:40px !important;min-width:108px !important;width:auto !important;
  margin:3px !important;padding:8px 16px 8px 42px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  color:#fff !important;background-color:#256b8b !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAzdjE4TTMgMTJoMTgiLz48L3N2Zz4="),linear-gradient(135deg,#205f7d,#2a87a9) !important;
  background-repeat:no-repeat,no-repeat !important;background-position:left 13px center,center !important;background-size:18px 18px,100% 100% !important;
  border:1px solid rgba(0,0,0,.08) !important;border-radius:10px !important;
  box-shadow:0 7px 16px rgba(24,74,99,.17),inset 0 1px 0 rgba(255,255,255,.15) !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;font-size:12.5px !important;font-weight:750 !important;line-height:1 !important;
  text-align:center !important;text-decoration:none !important;white-space:nowrap !important;cursor:pointer !important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease !important;
}
body.global-medical-ui.lang-ar .medical-btn,
body.global-medical-ui.lang-ar .btn,
body.global-medical-ui.lang-ar input[type="submit"],
body.global-medical-ui.lang-ar input[type="button"]{padding-left:16px !important;padding-right:42px !important;background-position:right 13px center,center !important;}
html body.global-medical-ui .medical-btn:hover,
html body.global-medical-ui .btn:hover,
html body.global-medical-ui input[type="submit"]:hover,
html body.global-medical-ui input[type="button"]:hover{transform:translateY(-1px) !important;filter:brightness(1.04) !important;box-shadow:0 10px 20px rgba(24,74,99,.23) !important;}
html body.global-medical-ui .medical-btn:active,
html body.global-medical-ui .btn:active,
html body.global-medical-ui input[type="submit"]:active,
html body.global-medical-ui input[type="button"]:active{transform:none !important;box-shadow:0 4px 10px rgba(24,74,99,.16) !important;}
html body.global-medical-ui .medical-save{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik01IDRoMTJsMiAydjE0SDV6Ii8+PHBhdGggZD0iTTggNHY2aDhWNCIvPjxwYXRoIGQ9Ik04IDIwdi02aDh2NiIvPjwvc3ZnPg=="),linear-gradient(135deg,#0b7654,#119a70) !important;}
html body.global-medical-ui .medical-select{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48cGF0aCBkPSJtOCAxMiAyLjUgMi41TDE2IDkiLz48L3N2Zz4="),linear-gradient(135deg,#0e6580,#0e8aa5) !important;}
html body.global-medical-ui .medical-delete,
html body.global-medical-ui .medical-cancel{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik00IDdoMTYiLz48cGF0aCBkPSJNOSA3VjRoNnYzIi8+PHBhdGggZD0ibTcgNyAxIDEzaDhsMS0xMyIvPjxwYXRoIGQ9Ik0xMCAxMXY1TTE0IDExdjUiLz48L3N2Zz4="),linear-gradient(135deg,#a92727,#d5453d) !important;}
html body.global-medical-ui .medical-edit{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAyMGg5Ii8+PHBhdGggZD0iTTE2LjUgMy41YTIuMSAyLjEgMCAwIDEgMyAzTDggMThsLTQgMSAxLTR6Ii8+PC9zdmc+"),linear-gradient(135deg,#b56b08,#d9941d) !important;}
html body.global-medical-ui .medical-add{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48cGF0aCBkPSJNMTIgOHY4TTggMTJoOCIvPjwvc3ZnPg=="),linear-gradient(135deg,#1d5fbf,#2f82dc) !important;}
html body.global-medical-ui .medical-search,
html body.global-medical-ui .medical-view{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjExIiBjeT0iMTEiIHI9IjciLz48cGF0aCBkPSJtMjAgMjAtNC00Ii8+PC9zdmc+"),linear-gradient(135deg,#08738b,#11a0b7) !important;}
html body.global-medical-ui .medical-print{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik03IDhWNGgxMHY0Ii8+PHBhdGggZD0iTTcgMTdINWEyIDIgMCAwIDEtMi0ydi00YTIgMiAwIDAgMSAyLTJoMTRhMiAyIDAgMCAxIDIgMnY0YTIgMiAwIDAgMS0yIDJoLTIiLz48cGF0aCBkPSJNNyAxNGgxMHY2SDd6Ii8+PC9zdmc+"),linear-gradient(135deg,#6741a5,#8a5dc4) !important;}
html body.global-medical-ui .medical-report{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik00IDIwVjEwTTEwIDIwVjRNMTYgMjB2LTdNMjIgMjBIMiIvPjwvc3ZnPg=="),linear-gradient(135deg,#4657a9,#6577cc) !important;}
html body.global-medical-ui .medical-upload{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAxNlY0Ii8+PHBhdGggZD0ibTcgOSA1LTUgNSA1Ii8+PHBhdGggZD0iTTUgMjBoMTQiLz48L3N2Zz4="),linear-gradient(135deg,#9a610c,#d38c1e) !important;}
html body.global-medical-ui .medical-download{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiA0djEyIi8+PHBhdGggZD0ibTcgMTEgNSA1IDUtNSIvPjxwYXRoIGQ9Ik01IDIwaDE0Ii8+PC9zdmc+"),linear-gradient(135deg,#435b72,#637c92) !important;}
html body.global-medical-ui .medical-send{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0yMiAyLTcgMjAtNC05LTktNHoiLz48cGF0aCBkPSJNMjIgMiAxMSAxMyIvPjwvc3ZnPg=="),linear-gradient(135deg,#0a7467,#11998a) !important;}
html body.global-medical-ui .medical-login{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMCAxN2w1LTUtNS01Ii8+PHBhdGggZD0iTTE1IDEySDMiLz48cGF0aCBkPSJNMTQgNGg2djE2aC02Ii8+PC9zdmc+"),linear-gradient(135deg,#123d66,#196d92) !important;}
html body.global-medical-ui .medical-logout{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im0xNCA4IDQgNC00IDQiLz48cGF0aCBkPSJNMTggMTJIOCIvPjxwYXRoIGQ9Ik0xMCA0SDR2MTZoNiIvPjwvc3ZnPg=="),linear-gradient(135deg,#7d3442,#a94b58) !important;}
html body.global-medical-ui .medical-close{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik02IDZsMTIgMTJNMTggNiA2IDE4Ii8+PC9zdmc+"),linear-gradient(135deg,#596877,#778796) !important;}
html body.global-medical-ui .medical-back,
html body.global-medical-ui .btn-back,
html body.global-medical-ui .public-back{
  min-width:108px !important;width:108px !important;height:40px !important;min-height:40px !important;
  padding-left:16px !important;padding-right:42px !important;
  color:#fff !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im05IDE4LTYtNiA2LTYiLz48cGF0aCBkPSJNMyAxMmgxOCIvPjwvc3ZnPg=="),linear-gradient(135deg,#3d5062,#5e7182) !important;
  background-repeat:no-repeat,no-repeat !important;background-position:right 13px center,center !important;background-size:18px 18px,100% 100% !important;
  border-color:rgba(0,0,0,.10) !important;border-radius:10px !important;
}
body.global-medical-ui.lang-en .medical-back,
body.global-medical-ui.lang-en .btn-back,
body.global-medical-ui.lang-en .public-back{padding-left:42px !important;padding-right:16px !important;background-position:left 13px center,center !important;}
html body.global-medical-ui .grid .medical-btn,
html body.global-medical-ui .grid input[type="submit"],
html body.global-medical-ui .grid input[type="button"],
html body.global-medical-ui .grid a.btn{
  min-width:84px !important;width:auto !important;height:34px !important;min-height:34px !important;
  margin:2px !important;padding-top:6px !important;padding-bottom:6px !important;
  border-radius:8px !important;font-size:11px !important;background-size:15px 15px,100% 100% !important;
}
html body.global-medical-ui .calendar-btn{
  min-width:40px !important;width:40px !important;height:40px !important;padding:0 !important;margin:0 5px !important;
  background:#e8f3f6 !important;color:#0e7490 !important;border:1px solid #c9dfe7 !important;box-shadow:none !important;
}

/* ---------- Navigation ---------- */
html body.global-medical-ui .menu{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important;gap:10px !important;}
html body.global-medical-ui .menu a{
  min-height:46px !important;padding:10px 14px !important;display:flex !important;align-items:center !important;justify-content:center !important;
  color:#17324d !important;background:#fff !important;border:1px solid #d7e5ec !important;border-radius:12px !important;
  box-shadow:0 5px 14px rgba(26,59,82,.06) !important;font-size:12.5px !important;font-weight:750 !important;text-decoration:none !important;
}
html body.global-medical-ui .menu a:hover{color:#0e5f78 !important;border-color:#9ec8d6 !important;background:#f4fbfd !important;transform:translateY(-1px) !important;}
html body.global-medical-ui .public-head{align-items:flex-start !important;}
html body.global-medical-ui .public-brand{width:100% !important;}
html body.global-medical-ui .public-nav{
  position:relative !important;z-index:2 !important;width:100% !important;
  display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;flex-wrap:wrap !important;
  margin:2px 0 0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;
}
html body.global-medical-ui .public-nav a,
html body.global-medical-ui .public-nav button{
  width:auto !important;min-width:118px !important;height:42px !important;min-height:42px !important;
  padding:8px 14px !important;margin:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  color:#fff !important;background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.22) !important;border-radius:10px !important;
  box-shadow:none !important;font-size:12px !important;font-weight:700 !important;text-decoration:none !important;white-space:normal !important;
}
html body.global-medical-ui .public-nav a:hover,
html body.global-medical-ui .public-nav button:hover{background:rgba(255,255,255,.19) !important;border-color:rgba(255,255,255,.38) !important;transform:translateY(-1px) !important;}
html body.global-medical-ui .public-nav .medical-back{width:108px !important;min-width:108px !important;flex:0 0 108px !important;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Im05IDE4LTYtNiA2LTYiLz48cGF0aCBkPSJNMyAxMmgxOCIvPjwvc3ZnPg=="),linear-gradient(135deg,#3d5062,#5e7182) !important;}

/* ---------- Tables ---------- */
html body.global-medical-ui .table-wrap,
html body.global-medical-ui .professional-table-frame{
  width:100% !important;overflow:auto !important;
  border:1px solid #dbe7ed !important;border-radius:14px !important;background:#fff !important;
  box-shadow:0 7px 18px rgba(26,59,82,.05) !important;
}
html body.global-medical-ui table.grid{
  width:100% !important;min-width:760px !important;border-collapse:separate !important;border-spacing:0 !important;
  color:#213f54 !important;background:#fff !important;font-size:12px !important;
}
html body.global-medical-ui .grid th{
  position:sticky !important;top:0 !important;z-index:2 !important;
  padding:11px 10px !important;
  color:#fff !important;background:#174e68 !important;border:0 !important;border-bottom:1px solid #0f4057 !important;
  font-size:11.5px !important;font-weight:750 !important;white-space:nowrap !important;text-align:center !important;
}
html body.global-medical-ui .grid td{
  padding:9px 9px !important;color:#29485e !important;background:#fff !important;
  border:0 !important;border-bottom:1px solid #e7eef2 !important;border-inline-end:1px solid #edf2f5 !important;
  font-size:11.5px !important;white-space:nowrap !important;text-align:center !important;
}
html body.global-medical-ui .grid tr:nth-child(even) td{background:#f8fbfc !important;}
html body.global-medical-ui .grid tr:hover td{background:#eef8fa !important;}
html body.global-medical-ui .grid tr:last-child td{border-bottom:0 !important;}

/* ---------- Public website ---------- */
html body.global-medical-ui.public-body{background:linear-gradient(180deg,#f6fafc,#edf4f7) !important;}
html body.global-medical-ui .public-hero{
  min-height:300px !important;padding:48px 24px !important;
  color:#fff !important;background:linear-gradient(135deg,#0b2b40,#0e7490) !important;
}
html body.global-medical-ui .public-hero h1{color:#fff !important;font-size:34px !important;text-align:center !important;border:0 !important;}
html body.global-medical-ui .public-hero p{font-size:15px !important;line-height:1.9 !important;}
html body.global-medical-ui .hero-btn{
  min-height:44px !important;padding:11px 22px !important;color:#17324d !important;background:#fff !important;border-radius:11px !important;
  box-shadow:0 9px 22px rgba(0,0,0,.14) !important;font-weight:800 !important;text-decoration:none !important;
}
html body.global-medical-ui .public-grid{gap:16px !important;}
html body.global-medical-ui .public-info-card{border-radius:18px !important;border-color:#dce7ee !important;box-shadow:0 10px 26px rgba(26,59,82,.07) !important;}

/* ---------- Login ---------- */
html body.global-medical-ui.login-page{
  padding:24px !important;display:flex !important;align-items:center !important;justify-content:center !important;
  background:linear-gradient(135deg,#eaf3f6 0%,#f8fbfc 48%,#e8f2f5 100%) !important;
}
html body.global-medical-ui .login-shell{
  position:relative !important;width:min(940px,100%) !important;max-width:940px !important;min-height:500px !important;
  background:#fff !important;border:1px solid #d9e5eb !important;border-radius:24px !important;
  box-shadow:0 24px 60px rgba(11,43,64,.18) !important;overflow:hidden !important;
}
html body.global-medical-ui .login-card{padding:34px !important;background:#fff !important;}
html body.global-medical-ui .login-info{background:linear-gradient(145deg,#0b2b40,#0e7490) !important;}
html body.global-medical-ui .login-btn{width:100% !important;height:44px !important;min-height:44px !important;}
html body.global-medical-ui .login-shell .medical-language-switch{top:16px !important;left:16px !important;}
body.global-medical-ui.lang-en .login-shell .medical-language-switch{left:16px !important;right:auto !important;}

/* ---------- Modal / status ---------- */
html body.global-medical-ui .modal,
html body.global-medical-ui .modal-overlay{background:rgba(11,43,64,.55) !important;backdrop-filter:blur(3px);}
html body.global-medical-ui .modal-content,
html body.global-medical-ui .modal-box,
html body.global-medical-ui .popup-content{background:#fff !important;border:1px solid #d6e4eb !important;border-radius:18px !important;box-shadow:0 24px 60px rgba(11,43,64,.22) !important;}
html body.global-medical-ui .badge,
html body.global-medical-ui .status-badge,
html body.global-medical-ui .info-badge{border-radius:999px !important;padding:6px 10px !important;font-size:11px !important;font-weight:750 !important;}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  html body.global-medical-ui{font-size:13px !important;}
  html body.global-medical-ui .page-head,
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head{padding:72px 14px 14px !important;gap:10px !important;}
  html body.global-medical-ui .medical-language-switch{top:16px !important;left:16px !important;}
  body.global-medical-ui.lang-en .medical-language-switch{left:16px !important;right:auto !important;}
  html body.global-medical-ui .brand,
  html body.global-medical-ui .public-brand{min-width:100% !important;}
  html body.global-medical-ui .top-user,
  html body.global-medical-ui .current-page-title{flex:1 1 210px !important;}
  html body.global-medical-ui .head-actions{margin-inline-start:0 !important;width:100% !important;justify-content:flex-start !important;}
  html body.global-medical-ui .public-nav{justify-content:flex-start !important;}
  html body.global-medical-ui .public-nav a,
  html body.global-medical-ui .public-nav button{flex:1 1 145px !important;}
  html body.global-medical-ui .field{flex:1 1 100% !important;min-width:100% !important;}
  html body.global-medical-ui .wrap,
  html body.global-medical-ui .public-wrap{width:calc(100% - 20px) !important;margin-top:14px !important;}
}
@media(max-width:600px){
  html body.global-medical-ui .page-head,
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head{min-height:0 !important;padding:68px 10px 12px !important;}
  html body.global-medical-ui .brand,
  html body.global-medical-ui .public-brand{grid-template-columns:50px 1fr !important;column-gap:10px !important;}
  html body.global-medical-ui .brand .lab-system-logo,
  html body.global-medical-ui .public-brand .lab-system-logo{width:48px !important;height:48px !important;min-width:48px !important;}
  html body.global-medical-ui .brand>span,
  html body.global-medical-ui .public-brand>span{font-size:18px !important;}
  html body.global-medical-ui .panel{padding:15px !important;border-radius:14px !important;}
  html body.global-medical-ui h2{font-size:18px !important;}
  html body.global-medical-ui .medical-btn,
  html body.global-medical-ui .btn,
  html body.global-medical-ui input[type="submit"],
  html body.global-medical-ui input[type="button"]{width:100% !important;margin:4px 0 !important;}
  html body.global-medical-ui .medical-back,
  html body.global-medical-ui .btn-back,
  html body.global-medical-ui .public-back{width:108px !important;min-width:108px !important;margin:4px !important;}
  html body.global-medical-ui .grid .medical-btn,
  html body.global-medical-ui .grid input[type="submit"],
  html body.global-medical-ui .grid input[type="button"],
  html body.global-medical-ui .grid a.btn{width:auto !important;min-width:78px !important;margin:2px !important;}
  html body.global-medical-ui .public-nav{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  html body.global-medical-ui .public-nav a,
  html body.global-medical-ui .public-nav button{width:100% !important;min-width:0 !important;}
  html body.global-medical-ui .public-nav .medical-back{width:108px !important;min-width:108px !important;justify-self:start !important;}
  html body.global-medical-ui .login-page{padding:10px !important;}
  html body.global-medical-ui .login-card{padding:24px 16px !important;}
}
@media print{
  html body.global-medical-ui{background:#fff !important;color:#000 !important;}
  html body.global-medical-ui .page-head,
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .medical-language-switch,
  html body.global-medical-ui .head-actions,
  html body.global-medical-ui .medical-btn,
  html body.global-medical-ui .btn-back{display:none !important;}
  html body.global-medical-ui .panel{box-shadow:none !important;border:1px solid #ccc !important;}
}

/* ===== V5 HEADER / LANGUAGE / ACTION BUTTON FIXES ===== */
/* Reserve a real physical left-side area for the language selector.
   This prevents it from covering the Back button in RTL headers. */
html body.global-medical-ui .page-head,
html body.global-medical-ui .public-head,
html body.global-medical-ui .home-head{
  padding:16px 22px 16px 132px !important;
}

html body.global-medical-ui .medical-language-switch{
  top:18px !important;
  left:18px !important;
  right:auto !important;
  width:82px !important;
  height:34px !important;
  padding:3px !important;
  border-radius:11px !important;
  z-index:250 !important;
}
html body.global-medical-ui .medical-language-switch button{
  height:26px !important;
  min-height:26px !important;
  font-size:10.5px !important;
  border-radius:7px !important;
}

/* A single, clean and direction-aware Back button on every page. */
html body.global-medical-ui .medical-back,
html body.global-medical-ui .btn-back,
html body.global-medical-ui .public-back,
html body.global-medical-ui .public-nav .medical-back{
  width:112px !important;
  min-width:112px !important;
  height:40px !important;
  min-height:40px !important;
  padding:8px 43px 8px 15px !important;
  color:#fff !important;
  background-color:#425466 !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjgiIG9wYWNpdHk9Ii45NSIvPjxwYXRoIGQ9Im0xMC41IDcuOCA0LjIgNC4yLTQuMiA0LjJNMTQuNCAxMkg4LjciIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"),linear-gradient(135deg,#34495b,#52687a) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:right 12px center,center !important;
  background-size:21px 21px,100% 100% !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:10px !important;
  box-shadow:0 7px 16px rgba(35,55,72,.20),inset 0 1px 0 rgba(255,255,255,.14) !important;
  font-size:12.5px !important;
  font-weight:750 !important;
}
body.global-medical-ui.lang-en .medical-back,
body.global-medical-ui.lang-en .btn-back,
body.global-medical-ui.lang-en .public-back,
body.global-medical-ui.lang-en .public-nav .medical-back{
  padding:8px 15px 8px 43px !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjgiIG9wYWNpdHk9Ii45NSIvPjxwYXRoIGQ9Ik0xMy41IDcuOCA5LjMgMTJsNC4yIDQuMk05LjYgMTJoNS43IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="),linear-gradient(135deg,#34495b,#52687a) !important;
  background-position:left 12px center,center !important;
}
html body.global-medical-ui .medical-back:hover,
html body.global-medical-ui .btn-back:hover,
html body.global-medical-ui .public-back:hover{
  background-color:#35495a !important;
  filter:brightness(1.06) !important;
}

/* Guaranteed semantic separation: Save is emerald, Edit/Update is amber. */
html body.global-medical-ui .medical-save,
html body.global-medical-ui .btn-save,
html body.global-medical-ui input[id$="btnSave"],
html body.global-medical-ui button[id$="btnSave"]{
  background-color:#087a57 !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik01IDRoMTJsMiAydjE0SDV6Ii8+PHBhdGggZD0iTTggNHY2aDhWNCIvPjxwYXRoIGQ9Ik04IDIwdi02aDh2NiIvPjwvc3ZnPg=="),linear-gradient(135deg,#08724f,#10a071) !important;
  box-shadow:0 7px 16px rgba(8,114,79,.22),inset 0 1px 0 rgba(255,255,255,.15) !important;
}
html body.global-medical-ui .medical-edit,
html body.global-medical-ui .btn-edit,
html body.global-medical-ui input[id$="btnEdit"],
html body.global-medical-ui input[id$="btnUpdate"],
html body.global-medical-ui button[id$="btnEdit"],
html body.global-medical-ui button[id$="btnUpdate"]{
  background-color:#b56a08 !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xMiAyMGg5Ii8+PHBhdGggZD0iTTE2LjUgMy41YTIuMSAyLjEgMCAwIDEgMyAzTDggMThsLTQgMSAxLTR6Ii8+PC9zdmc+"),linear-gradient(135deg,#a85e05,#db941a) !important;
  box-shadow:0 7px 16px rgba(168,94,5,.22),inset 0 1px 0 rgba(255,255,255,.15) !important;
}

@media(max-width:900px){
  html body.global-medical-ui .page-head,
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head{padding:70px 14px 14px !important;}
  html body.global-medical-ui .medical-language-switch{top:15px !important;left:14px !important;}
}
@media(max-width:600px){
  html body.global-medical-ui .page-head,
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head{padding:66px 10px 12px !important;}
  html body.global-medical-ui .medical-language-switch{top:14px !important;left:10px !important;}
  html body.global-medical-ui .medical-back,
  html body.global-medical-ui .btn-back,
  html body.global-medical-ui .public-back,
  html body.global-medical-ui .public-nav .medical-back{width:112px !important;min-width:112px !important;}
}


/* ===== V6 PROFESSIONAL HEADER / LANGUAGE / PAGE TITLE FIX =====
   The header now uses real grid areas instead of an absolutely positioned
   language control. This permanently prevents overlap with page titles,
   user data and action buttons. */

/* Admin header: physical left is always reserved for language. */
html body.global-medical-ui .page-head{
  min-height:104px !important;
  padding:14px 18px !important;
  display:grid !important;
  grid-template-columns:100px minmax(112px,auto) minmax(220px,340px) minmax(180px,auto) minmax(260px,1fr) !important;
  grid-template-areas:"language actions title user brand" !important;
  align-items:center !important;
  column-gap:14px !important;
  row-gap:10px !important;
  direction:ltr !important;
  flex-wrap:initial !important;
}
body.global-medical-ui.lang-en .page-head{
  grid-template-columns:100px minmax(260px,1fr) minmax(180px,auto) minmax(220px,340px) minmax(112px,auto) !important;
  grid-template-areas:"language brand user title actions" !important;
}
html body.global-medical-ui .page-head .brand{grid-area:brand !important;}
html body.global-medical-ui .page-head .top-user{grid-area:user !important;}
html body.global-medical-ui .page-head .current-page-title{grid-area:title !important;}
html body.global-medical-ui .page-head .head-actions{grid-area:actions !important;}
html body.global-medical-ui .page-head .medical-language-switch{grid-area:language !important;}

/* Public header: nav gets its own flexible area and can wrap cleanly. */
html body.global-medical-ui .public-head,
html body.global-medical-ui .home-head{
  min-height:112px !important;
  padding:14px 18px !important;
  display:grid !important;
  grid-template-columns:100px minmax(0,1fr) minmax(270px,340px) !important;
  grid-template-areas:"language navigation brand" !important;
  align-items:center !important;
  column-gap:16px !important;
  row-gap:12px !important;
  direction:ltr !important;
  flex-wrap:initial !important;
}
body.global-medical-ui.lang-en .public-head,
body.global-medical-ui.lang-en .home-head{
  grid-template-columns:100px minmax(270px,340px) minmax(0,1fr) !important;
  grid-template-areas:"language brand navigation" !important;
}
html body.global-medical-ui .public-head .public-brand,
html body.global-medical-ui .home-head .public-brand,
html body.global-medical-ui .home-head .brand{grid-area:brand !important;}
html body.global-medical-ui .public-head .public-nav,
html body.global-medical-ui .home-head .public-nav,
html body.global-medical-ui .home-head .head-actions{grid-area:navigation !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;}

/* Restore the correct reading direction inside every grid item. */
body.global-medical-ui.lang-ar .page-head > *,
body.global-medical-ui.lang-ar .public-head > *,
body.global-medical-ui.lang-ar .home-head > *{direction:rtl !important;}
body.global-medical-ui.lang-en .page-head > *,
body.global-medical-ui.lang-en .public-head > *,
body.global-medical-ui.lang-en .home-head > *{direction:ltr !important;}

/* Brand title: one language only, clean two-line hierarchy, no collision. */
html body.global-medical-ui .brand,
html body.global-medical-ui .public-brand{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  grid-template-columns:62px minmax(0,1fr) !important;
  overflow:hidden !important;
}
html body.global-medical-ui .brand > span,
html body.global-medical-ui .public-brand > span{
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
html body.global-medical-ui .brand small,
html body.global-medical-ui .public-brand small{
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.35 !important;
}

/* Clear, accessible segmented language selector. */
html body.global-medical-ui .medical-language-switch{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:96px !important;
  height:40px !important;
  min-width:96px !important;
  padding:4px !important;
  display:grid !important;
  grid-template-columns:1.15fr .85fr !important;
  align-self:start !important;
  justify-self:start !important;
  gap:4px !important;
  direction:ltr !important;
  border-radius:12px !important;
  background:rgba(4,29,43,.34) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12) !important;
  backdrop-filter:none !important;
  overflow:hidden !important;
  z-index:30 !important;
}
html body.global-medical-ui .medical-language-switch button{
  all:unset !important;
  box-sizing:border-box !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:30px !important;
  min-width:0 !important;
  min-height:30px !important;
  padding:0 5px !important;
  color:#e9f8fc !important;
  background:transparent !important;
  border:1px solid transparent !important;
  border-radius:8px !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-align:center !important;
  cursor:pointer !important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
html body.global-medical-ui .medical-language-switch button:hover{
  background:rgba(255,255,255,.12) !important;
}
html body.global-medical-ui .medical-language-switch button.active,
html body.global-medical-ui .medical-language-switch button[aria-pressed="true"]{
  color:#083548 !important;
  background:#ffffff !important;
  border-color:#ffffff !important;
  box-shadow:0 4px 10px rgba(0,0,0,.18) !important;
}
html body.global-medical-ui .medical-language-switch button.active:after,
html body.global-medical-ui .medical-language-switch button[aria-pressed="true"]:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:2px !important;
  width:13px !important;
  height:2px !important;
  margin-left:-6.5px !important;
  border-radius:999px !important;
  background:#0e839c !important;
}

/* Page title badge: caption above title, language-aware content and safe wrapping. */
html body.global-medical-ui .current-page-title{
  width:100% !important;
  min-width:0 !important;
  max-width:340px !important;
  min-height:58px !important;
  padding:8px 12px 9px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  gap:2px !important;
  overflow:hidden !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.105) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
html body.global-medical-ui .current-page-title .page-title-label{
  display:block !important;
  margin:0 !important;
  color:#bfe8f1 !important;
  font-size:10px !important;
  font-weight:750 !important;
  line-height:1.15 !important;
  letter-spacing:.15px !important;
}
html body.global-medical-ui .current-page-title .page-title-value,
html body.global-medical-ui .current-page-title b{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  color:#ffffff !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.32 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
html body.global-medical-ui .top-user{
  width:100% !important;
  min-width:0 !important;
  max-width:280px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
html body.global-medical-ui .head-actions{
  min-width:0 !important;
  margin:0 !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
}
html body.global-medical-ui .public-nav{
  min-width:0 !important;
  width:100% !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
}
body.global-medical-ui.lang-ar .public-nav{justify-content:flex-end !important;}

/* Login pages keep the selector in a dedicated top-left location. */
html body.global-medical-ui .login-shell.medical-language-host,
html body.global-medical-ui .login-card.medical-language-host{
  position:relative !important;
  padding-top:68px !important;
}
html body.global-medical-ui .login-shell .medical-language-switch,
html body.global-medical-ui .login-card .medical-language-switch{
  position:absolute !important;
  top:16px !important;
  left:16px !important;
  right:auto !important;
}

@media(max-width:1100px){
  html body.global-medical-ui .page-head,
  body.global-medical-ui.lang-en .page-head{
    grid-template-columns:100px minmax(112px,auto) minmax(200px,1fr) minmax(220px,1fr) !important;
    grid-template-areas:
      "language actions title brand"
      "language actions user brand" !important;
  }
  body.global-medical-ui.lang-en .page-head{
    grid-template-areas:
      "language brand title actions"
      "language brand user actions" !important;
  }
  html body.global-medical-ui .current-page-title,
  html body.global-medical-ui .top-user{max-width:none !important;}
}

@media(max-width:820px){
  html body.global-medical-ui .page-head,
  body.global-medical-ui.lang-en .page-head{
    padding:12px !important;
    grid-template-columns:100px minmax(0,1fr) !important;
    grid-template-areas:
      "language brand"
      "title title"
      "user user"
      "actions actions" !important;
    align-items:center !important;
  }
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head,
  body.global-medical-ui.lang-en .public-head,
  body.global-medical-ui.lang-en .home-head{
    padding:12px !important;
    grid-template-columns:100px minmax(0,1fr) !important;
    grid-template-areas:
      "language brand"
      "navigation navigation" !important;
  }
  html body.global-medical-ui .brand,
  html body.global-medical-ui .public-brand{min-width:0 !important;}
  html body.global-medical-ui .current-page-title{max-width:none !important;}
  html body.global-medical-ui .head-actions{width:100% !important;}
}

@media(max-width:520px){
  html body.global-medical-ui .page-head,
  body.global-medical-ui.lang-en .page-head,
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head,
  body.global-medical-ui.lang-en .public-head,
  body.global-medical-ui.lang-en .home-head{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "language"
      "brand"
      "title"
      "user"
      "actions"
      "navigation" !important;
  }
  html body.global-medical-ui .medical-language-switch{
    width:102px !important;
    min-width:102px !important;
  }
  html body.global-medical-ui .brand,
  html body.global-medical-ui .public-brand{grid-template-columns:50px minmax(0,1fr) !important;}
  html body.global-medical-ui .head-actions,
  html body.global-medical-ui .public-nav{justify-content:stretch !important;}
}


/* ===== V7 PUBLIC HEADER: EXACT TWO-LINE BRAND + DISTINCT LANGUAGE FRAME =====
   First row: logo beside CODE LAB. Second row: Genetic Testing Services only. */
html body.global-medical-ui .public-head .public-brand-two-lines,
html body.global-medical-ui .home-head .public-brand-two-lines{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:92px !important;
  padding:12px 16px !important;
  display:grid !important;
  grid-template-columns:74px minmax(0,1fr) !important;
  grid-template-rows:1fr !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  overflow:hidden !important;
  text-align:start !important;
}
html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
  grid-column:auto !important;
  grid-row:1 !important;
  width:70px !important;
  height:70px !important;
  min-width:70px !important;
  max-width:70px !important;
  max-height:70px !important;
  margin:0 !important;
  padding:6px !important;
  object-fit:contain !important;
  border-radius:18px !important;
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.86) !important;
  box-shadow:0 9px 20px rgba(7,31,51,.18) !important;
}
html body.global-medical-ui .public-brand-two-lines .public-brand-copy{
  min-width:0 !important;
  display:grid !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  gap:7px !important;
  overflow:hidden !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-main{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  color:#ffffff !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.5px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:0 2px 7px rgba(0,0,0,.17) !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-subtitle{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  color:#fff5cf !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.global-medical-ui.lang-ar .public-brand-two-lines .brand-subtitle .ar{display:inline !important;}
body.global-medical-ui.lang-ar .public-brand-two-lines .brand-subtitle .en{display:none !important;}
body.global-medical-ui.lang-en .public-brand-two-lines .brand-subtitle .ar{display:none !important;}
body.global-medical-ui.lang-en .public-brand-two-lines .brand-subtitle .en{display:inline !important;}

/* The selector frame is deliberately a different color from both buttons. */
html body.global-medical-ui .medical-language-switch{
  width:118px !important;
  min-width:118px !important;
  height:46px !important;
  padding:4px !important;
  gap:4px !important;
  grid-template-columns:1fr 1fr !important;
  border:2px solid #f4c95d !important;
  border-radius:14px !important;
  background:#113a52 !important;
  box-shadow:0 0 0 3px rgba(244,201,93,.16),0 9px 22px rgba(0,0,0,.20) !important;
}
html body.global-medical-ui .medical-language-switch button{
  height:34px !important;
  min-height:34px !important;
  padding:0 7px !important;
  border:1px solid transparent !important;
  border-radius:9px !important;
  color:#ffffff !important;
  background:transparent !important;
  font-size:12px !important;
  font-weight:900 !important;
}
html body.global-medical-ui .medical-language-switch button:hover{
  background:rgba(255,255,255,.12) !important;
}
html body.global-medical-ui .medical-language-switch button.active,
html body.global-medical-ui .medical-language-switch button[aria-pressed="true"]{
  color:#123850 !important;
  background:#ffffff !important;
  border-color:#dcebf2 !important;
  box-shadow:0 4px 10px rgba(0,0,0,.18) !important;
}
html body.global-medical-ui .medical-language-switch button.active:after,
html body.global-medical-ui .medical-language-switch button[aria-pressed="true"]:after{
  background:#1a8da1 !important;
}

@media(max-width:900px){
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    grid-template-columns:66px minmax(0,1fr) !important;
    min-height:82px !important;
    padding:10px 13px !important;
    gap:12px !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
    width:62px !important;height:62px !important;min-width:62px !important;max-width:62px !important;max-height:62px !important;
  }
  html body.global-medical-ui .public-brand-two-lines .brand-main{font-size:26px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-subtitle{font-size:15px !important;}
}
@media(max-width:520px){
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    grid-template-columns:56px minmax(0,1fr) !important;
    min-height:72px !important;
    padding:9px 11px !important;
    gap:10px !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
    width:52px !important;height:52px !important;min-width:52px !important;max-width:52px !important;max-height:52px !important;border-radius:14px !important;
  }
  html body.global-medical-ui .public-brand-two-lines .brand-main{font-size:23px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-subtitle{font-size:13px !important;}
  html body.global-medical-ui .medical-language-switch{width:112px !important;min-width:112px !important;}
}

/* ===== V8 PUBLIC BRAND ALIGNMENT FIX =====
   Stable desktop layout: language on the physical left, navigation in the
   centre, and a fixed two-line CODE LAB brand block on the physical right. */
@media (min-width:1181px){
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head{
    min-height:142px !important;
    padding:18px 22px !important;
    display:grid !important;
    grid-template-columns:132px minmax(0,1fr) 500px !important;
    grid-template-areas:"language navigation brand" !important;
    align-items:center !important;
    column-gap:24px !important;
    row-gap:0 !important;
    direction:ltr !important;
  }
  body.global-medical-ui.lang-en .public-head,
  body.global-medical-ui.lang-en .home-head{
    grid-template-columns:132px minmax(0,1fr) 500px !important;
    grid-template-areas:"language navigation brand" !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;
    align-self:center !important;
  }
  html body.global-medical-ui .public-head .public-nav,
  html body.global-medical-ui .home-head .public-nav{
    grid-area:navigation !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    direction:rtl !important;
  }
  body.global-medical-ui.lang-en .public-head .public-nav,
  body.global-medical-ui.lang-en .home-head .public-nav{
    direction:ltr !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    grid-area:brand !important;
    justify-self:end !important;
    align-self:center !important;
  }
}

/* The public identity block is explicitly ordered, so RTL never reverses or
   clips CODE LAB. Logo stays at the far right and copy stays immediately left. */
html body.global-medical-ui .public-head .public-brand-two-lines,
html body.global-medical-ui .home-head .public-brand-two-lines{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:500px !important;
  min-width:0 !important;
  min-height:96px !important;
  margin:0 !important;
  padding:7px 0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 126px !important;
  grid-template-rows:1fr !important;
  grid-template-areas:"copy logo" !important;
  align-items:center !important;
  justify-content:end !important;
  column-gap:18px !important;
  direction:ltr !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
  grid-area:logo !important;
  width:126px !important;
  height:86px !important;
  min-width:126px !important;
  max-width:126px !important;
  max-height:86px !important;
  margin:0 !important;
  padding:7px !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:18px !important;
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 10px 24px rgba(4,26,42,.22) !important;
}
html body.global-medical-ui .public-brand-two-lines .public-brand-copy{
  grid-area:copy !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:auto auto !important;
  align-content:center !important;
  justify-items:end !important;
  gap:10px !important;
  direction:ltr !important;
  overflow:visible !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-main{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  color:#ffffff !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-size:36px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.7px !important;
  direction:ltr !important;
  text-align:right !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-shadow:0 3px 10px rgba(0,0,0,.20) !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-subtitle{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  color:#fff2bf !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  text-align:right !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-shadow:0 2px 7px rgba(0,0,0,.16) !important;
}
body.global-medical-ui.lang-ar .public-brand-two-lines .brand-subtitle{direction:rtl !important;}
body.global-medical-ui.lang-en .public-brand-two-lines .brand-subtitle{direction:ltr !important;}

/* Keep the language frame clearly separated from the button surfaces. */
html body.global-medical-ui .public-head .medical-language-switch,
html body.global-medical-ui .home-head .medical-language-switch{
  width:124px !important;
  min-width:124px !important;
  height:50px !important;
  padding:5px !important;
  border:2px solid #f2c95f !important;
  border-radius:16px !important;
  background:#0a2f46 !important;
  box-shadow:0 0 0 4px rgba(242,201,95,.16),0 10px 24px rgba(0,0,0,.20) !important;
}
html body.global-medical-ui .public-head .medical-language-switch button,
html body.global-medical-ui .home-head .medical-language-switch button{
  height:36px !important;
  min-height:36px !important;
  border-radius:10px !important;
  font-size:12px !important;
}

@media (max-width:1180px) and (min-width:761px){
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head,
  body.global-medical-ui.lang-en .public-head,
  body.global-medical-ui.lang-en .home-head{
    min-height:174px !important;
    padding:16px 18px !important;
    grid-template-columns:132px minmax(0,1fr) !important;
    grid-template-areas:
      "language brand"
      "navigation navigation" !important;
    align-items:center !important;
    column-gap:18px !important;
    row-gap:12px !important;
    direction:ltr !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    max-width:500px !important;
    justify-self:end !important;
  }
  html body.global-medical-ui .public-head .public-nav,
  html body.global-medical-ui .home-head .public-nav{
    justify-content:center !important;
  }
}

@media (max-width:760px){
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head,
  body.global-medical-ui.lang-en .public-head,
  body.global-medical-ui.lang-en .home-head{
    min-height:0 !important;
    padding:14px 12px !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "brand"
      "language"
      "navigation" !important;
    row-gap:13px !important;
    direction:ltr !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    width:100% !important;
    max-width:470px !important;
    min-height:78px !important;
    padding:4px 0 !important;
    grid-template-columns:minmax(0,1fr) 96px !important;
    column-gap:13px !important;
    justify-self:center !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
    width:96px !important;
    height:66px !important;
    min-width:96px !important;
    max-width:96px !important;
    max-height:66px !important;
    border-radius:14px !important;
  }
  html body.global-medical-ui .public-brand-two-lines .brand-main{font-size:28px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-subtitle{font-size:16px !important;}
  html body.global-medical-ui .public-head .medical-language-switch,
  html body.global-medical-ui .home-head .medical-language-switch{
    justify-self:start !important;
    align-self:center !important;
  }
  html body.global-medical-ui .public-head .public-nav,
  html body.global-medical-ui .home-head .public-nav{
    width:100% !important;
    justify-content:stretch !important;
    gap:8px !important;
  }
  html body.global-medical-ui .public-head .public-nav a,
  html body.global-medical-ui .home-head .public-nav a{
    flex:1 1 calc(50% - 8px) !important;
    min-width:130px !important;
  }
}

@media (max-width:430px){
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    grid-template-columns:minmax(0,1fr) 82px !important;
    column-gap:10px !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
    width:82px !important;height:58px !important;min-width:82px !important;max-width:82px !important;max-height:58px !important;
  }
  html body.global-medical-ui .public-brand-two-lines .brand-main{font-size:24px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-subtitle{font-size:13px !important;}
}

/* V8.1: force the two brand texts onto separate rows. Older generic brand
   rules placed every <small> in grid column 2, which caused the collision. */
html body.global-medical-ui .public-brand-two-lines .public-brand-copy .brand-main{
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:stretch !important;
}
html body.global-medical-ui .public-brand-two-lines .public-brand-copy .brand-subtitle{
  grid-column:1 !important;
  grid-row:2 !important;
  justify-self:stretch !important;
}

/* ===== V9 HOME PAGE SINGLE-ROW GLOBAL MEDICAL HEADER =====
   Home page identity, navigation and language switch are presented as three
   clearly separated surfaces. Desktop navigation remains on one line and all
   public navigation buttons use one consistent size. */
@media (min-width:1181px){
  html body.global-medical-ui .home-head{
    min-height:118px !important;
    padding:15px 20px !important;
    display:grid !important;
    grid-template-columns:150px minmax(700px,1fr) 430px !important;
    grid-template-areas:"language navigation brand" !important;
    align-items:center !important;
    gap:18px !important;
    direction:ltr !important;
    background:linear-gradient(135deg,#e8f2f5 0%,#d7e8ed 100%) !important;
    border-bottom:1px solid #b7ced6 !important;
    box-shadow:0 9px 28px rgba(14,55,75,.14) !important;
  }

  html body.global-medical-ui .home-head .medical-language-switch{
    grid-area:language !important;
    position:static !important;
    justify-self:start !important;
    align-self:center !important;
    width:142px !important;
    min-width:142px !important;
    height:58px !important;
    padding:5px !important;
    border:2px solid #d8a91f !important;
    border-radius:17px !important;
    background:#ffffff !important;
    box-shadow:0 0 0 4px rgba(216,169,31,.13),0 8px 20px rgba(20,58,74,.12) !important;
  }
  html body.global-medical-ui .home-head .medical-language-switch button{
    min-width:61px !important;
    width:61px !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 8px !important;
    color:#294b5d !important;
    background:#edf4f6 !important;
    border:1px solid transparent !important;
    border-radius:12px !important;
    font-size:14px !important;
    font-weight:800 !important;
    box-shadow:none !important;
  }
  html body.global-medical-ui .home-head .medical-language-switch button.active,
  html body.global-medical-ui .home-head .medical-language-switch button[aria-pressed="true"]{
    color:#ffffff !important;
    background:linear-gradient(135deg,#126b79,#188b94) !important;
    border-color:#126b79 !important;
    box-shadow:0 5px 12px rgba(18,107,121,.24) !important;
  }

  html body.global-medical-ui .home-head .public-nav{
    grid-area:navigation !important;
    width:100% !important;
    min-width:0 !important;
    height:76px !important;
    margin:0 !important;
    padding:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:9px !important;
    direction:rtl !important;
    overflow:visible !important;
    background:linear-gradient(135deg,#12394d 0%,#174f66 100%) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:18px !important;
    box-shadow:0 10px 24px rgba(15,54,74,.18),inset 0 1px 0 rgba(255,255,255,.10) !important;
  }
  body.global-medical-ui.lang-en .home-head .public-nav{direction:ltr !important;}

  html body.global-medical-ui .home-head .public-nav>a,
  html body.global-medical-ui .home-head .public-nav>button{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:108px !important;
    max-width:148px !important;
    height:50px !important;
    min-height:50px !important;
    margin:0 !important;
    padding:8px 13px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#ffffff !important;
    background:linear-gradient(180deg,#2b6075,#234f64) !important;
    background-image:linear-gradient(180deg,#2b6075,#234f64) !important;
    background-position:center !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:12px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 5px 12px rgba(4,31,44,.16) !important;
    font-size:14px !important;
    font-weight:750 !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    text-align:center !important;
    text-decoration:none !important;
  }
  html body.global-medical-ui .home-head .public-nav>a:hover,
  html body.global-medical-ui .home-head .public-nav>button:hover{
    color:#ffffff !important;
    background:linear-gradient(180deg,#34738a,#2a6278) !important;
    background-image:linear-gradient(180deg,#34738a,#2a6278) !important;
    transform:translateY(-1px) !important;
  }

  html body.global-medical-ui .home-head .public-brand-two-lines{
    grid-area:brand !important;
    justify-self:end !important;
    width:430px !important;
    max-width:430px !important;
    min-height:88px !important;
    padding:10px 13px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 82px !important;
    grid-template-areas:"copy logo" !important;
    align-items:center !important;
    column-gap:14px !important;
    direction:ltr !important;
    background:linear-gradient(135deg,#ffffff 0%,#f2f9fa 100%) !important;
    border:1px solid #b9d5da !important;
    border-right:5px solid #168694 !important;
    border-radius:18px !important;
    box-shadow:0 10px 24px rgba(16,69,83,.14) !important;
    overflow:hidden !important;
  }
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
    grid-area:logo !important;
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    height:68px !important;
    max-height:68px !important;
    margin:0 !important;
    padding:5px !important;
    object-fit:contain !important;
    background:#ffffff !important;
    border:1px solid #d7e7ea !important;
    border-radius:14px !important;
    box-shadow:0 6px 14px rgba(16,69,83,.10) !important;
  }
  html body.global-medical-ui .home-head .public-brand-two-lines .public-brand-copy{
    grid-area:copy !important;
    width:100% !important;
    display:grid !important;
    grid-template-rows:auto auto !important;
    gap:7px !important;
    align-content:center !important;
    justify-items:end !important;
    overflow:hidden !important;
  }
  html body.global-medical-ui .home-head .public-brand-two-lines .brand-main{
    width:100% !important;
    margin:0 !important;
    color:#153d50 !important;
    font-size:30px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.7px !important;
    text-align:right !important;
    white-space:nowrap !important;
    text-shadow:none !important;
  }
  html body.global-medical-ui .home-head .public-brand-two-lines .brand-subtitle{
    width:100% !important;
    margin:0 !important;
    color:#16808c !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    text-align:right !important;
    white-space:nowrap !important;
    text-shadow:none !important;
  }
}

/* Yellow Back / Exit semantic action on every page. */
html body.global-medical-ui .medical-back,
html body.global-medical-ui .btn-back,
html body.global-medical-ui .public-back,
html body.global-medical-ui .public-nav .medical-back{
  color:#17384a !important;
  background-color:#efbd33 !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczODRhIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PHBhdGggZD0ibTEzLjUgOCA0IDQtNCA0Ii8+PHBhdGggZD0iTTE3LjIgMTJINyIvPjwvc3ZnPg=="),linear-gradient(135deg,#f6d462,#e7ad22) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:right 12px center,center !important;
  background-size:21px 21px,100% 100% !important;
  border-color:#d39c14 !important;
  box-shadow:0 7px 16px rgba(188,133,11,.24),inset 0 1px 0 rgba(255,255,255,.55) !important;
}
body.global-medical-ui.lang-en .medical-back,
body.global-medical-ui.lang-en .btn-back,
body.global-medical-ui.lang-en .public-back,
body.global-medical-ui.lang-en .public-nav .medical-back{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczODRhIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PHBhdGggZD0ibTEwLjUgOC00IDQgNCA0Ii8+PHBhdGggZD0iTTYuOCAxMkgxNyIvPjwvc3ZnPg=="),linear-gradient(135deg,#f6d462,#e7ad22) !important;
  background-position:left 12px center,center !important;
}
html body.global-medical-ui .medical-logout{
  color:#17384a !important;
  background-color:#efbd33 !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczODRhIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTAgNEg1djE2aDUiLz48cGF0aCBkPSJtMTUgOCA0IDQtNCA0Ii8+PHBhdGggZD0iTTE5IDEySDkiLz48L3N2Zz4="),linear-gradient(135deg,#f6d462,#e7ad22) !important;
  border-color:#d39c14 !important;
  box-shadow:0 7px 16px rgba(188,133,11,.24),inset 0 1px 0 rgba(255,255,255,.55) !important;
}
html body.global-medical-ui .medical-back:hover,
html body.global-medical-ui .btn-back:hover,
html body.global-medical-ui .public-back:hover,
html body.global-medical-ui .medical-logout:hover{
  color:#102f3f !important;
  filter:brightness(1.035) !important;
}

/* The home header Back button must keep the same dimensions as the other menu buttons. */
@media (min-width:1181px){
  html body.global-medical-ui .home-head .public-nav>.medical-back,
  html body.global-medical-ui .home-head .public-nav>.public-back{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:108px !important;
    max-width:148px !important;
    height:50px !important;
    min-height:50px !important;
    padding:8px 39px 8px 12px !important;
  }
  body.global-medical-ui.lang-en .home-head .public-nav>.medical-back,
  body.global-medical-ui.lang-en .home-head .public-nav>.public-back{
    padding:8px 12px 8px 39px !important;
  }
}

@media (min-width:1181px) and (max-width:1450px){
  html body.global-medical-ui .home-head{
    grid-template-columns:138px minmax(625px,1fr) 360px !important;
    gap:12px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  html body.global-medical-ui .home-head .medical-language-switch{
    width:132px !important;min-width:132px !important;
  }
  html body.global-medical-ui .home-head .medical-language-switch button{
    width:56px !important;min-width:56px !important;
  }
  html body.global-medical-ui .home-head .public-nav{gap:6px !important;padding:10px !important;}
  html body.global-medical-ui .home-head .public-nav>a,
  html body.global-medical-ui .home-head .public-nav>button,
  html body.global-medical-ui .home-head .public-nav>.medical-back,
  html body.global-medical-ui .home-head .public-nav>.public-back{
    min-width:94px !important;max-width:116px !important;font-size:12.5px !important;padding-left:8px !important;padding-right:8px !important;
  }
  html body.global-medical-ui .home-head .public-nav>.medical-back,
  html body.global-medical-ui .home-head .public-nav>.public-back{padding-right:34px !important;}
  body.global-medical-ui.lang-en .home-head .public-nav>.medical-back,
  body.global-medical-ui.lang-en .home-head .public-nav>.public-back{padding-left:34px !important;padding-right:8px !important;}
  html body.global-medical-ui .home-head .public-brand-two-lines{width:360px !important;max-width:360px !important;grid-template-columns:minmax(0,1fr) 70px !important;}
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{width:64px !important;min-width:64px !important;max-width:64px !important;height:60px !important;max-height:60px !important;}
  html body.global-medical-ui .home-head .public-brand-two-lines .brand-main{font-size:26px !important;}
  html body.global-medical-ui .home-head .public-brand-two-lines .brand-subtitle{font-size:14px !important;}
}

/* Mobile and tablet: keep the visual distinction while allowing safe wrapping. */
@media (max-width:1180px){
  html body.global-medical-ui .home-head{
    background:linear-gradient(135deg,#e8f2f5,#d7e8ed) !important;
    border-bottom:1px solid #b7ced6 !important;
  }
  html body.global-medical-ui .home-head .public-nav{
    background:linear-gradient(135deg,#12394d,#174f66) !important;
    padding:10px !important;
    border-radius:16px !important;
  }
  html body.global-medical-ui .home-head .public-brand-two-lines{
    background:linear-gradient(135deg,#ffffff,#f2f9fa) !important;
    border:1px solid #b9d5da !important;
    border-right:5px solid #168694 !important;
    border-radius:16px !important;
    padding:10px !important;
  }
  html body.global-medical-ui .home-head .public-brand-two-lines .brand-main{color:#153d50 !important;text-shadow:none !important;}
  html body.global-medical-ui .home-head .public-brand-two-lines .brand-subtitle{color:#16808c !important;text-shadow:none !important;}
}

/* V9.1 specificity guard: the home navigation surface must not recolor Back. */
html body.global-medical-ui .home-head .public-nav>a.public-back,
html body.global-medical-ui .home-head .public-nav>a.medical-back,
html body.global-medical-ui .home-head .public-nav>button.medical-back{
  color:#17384a !important;
  background-color:#efbd33 !important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczODRhIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PHBhdGggZD0ibTEzLjUgOCA0IDQtNCA0Ii8+PHBhdGggZD0iTTE3LjIgMTJINyIvPjwvc3ZnPg=="),linear-gradient(135deg,#f6d462,#e7ad22) !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:right 12px center,center !important;
  background-size:21px 21px,100% 100% !important;
  border-color:#d39c14 !important;
  box-shadow:0 7px 16px rgba(188,133,11,.24),inset 0 1px 0 rgba(255,255,255,.55) !important;
}
body.global-medical-ui.lang-en .home-head .public-nav>a.public-back,
body.global-medical-ui.lang-en .home-head .public-nav>a.medical-back,
body.global-medical-ui.lang-en .home-head .public-nav>button.medical-back{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczODRhIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PHBhdGggZD0ibTEwLjUgOC00IDQgNCA0Ii8+PHBhdGggZD0iTTYuOCAxMkgxNyIvPjwvc3ZnPg=="),linear-gradient(135deg,#f6d462,#e7ad22) !important;
  background-position:left 12px center,center !important;
}
html body.global-medical-ui .home-head .public-nav>a.public-back:hover,
html body.global-medical-ui .home-head .public-nav>a.medical-back:hover,
html body.global-medical-ui .home-head .public-nav>button.medical-back:hover{
  color:#102f3f !important;
  background-image:linear-gradient(135deg,#ffe184,#efb72f) !important;
}
html body.global-medical-ui .home-head .public-nav>a.public-back:hover,
html body.global-medical-ui .home-head .public-nav>a.medical-back:hover,
html body.global-medical-ui .home-head .public-nav>button.medical-back:hover{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczODRhIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PHBhdGggZD0ibTEzLjUgOCA0IDQtNCA0Ii8+PHBhdGggZD0iTTE3LjIgMTJINyIvPjwvc3ZnPg=="),linear-gradient(135deg,#ffe184,#efb72f) !important;
}
body.global-medical-ui.lang-en .home-head .public-nav>a.public-back:hover,
body.global-medical-ui.lang-en .home-head .public-nav>a.medical-back:hover,
body.global-medical-ui.lang-en .home-head .public-nav>button.medical-back:hover{
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczODRhIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5Ii8+PHBhdGggZD0ibTEwLjUgOC00IDQgNCA0Ii8+PHBhdGggZD0iTTYuOCAxMkgxNyIvPjwvc3ZnPg=="),linear-gradient(135deg,#ffe184,#efb72f) !important;
}

/* ============================================================
   V10 — MASTER DATA PROFESSIONAL INLINE FORMS
   Labels stay on the same line as their controls. Field widths
   are selected according to the expected data length.
   ============================================================ */
html body.global-medical-ui.master-data-detail-ui .wrap{
  width:min(1520px,calc(100% - 34px)) !important;
  max-width:1520px !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-master-form-panel{
  position:relative !important;
  overflow:hidden !important;
  padding:22px !important;
  border:1px solid #cfe0e8 !important;
  border-top:4px solid #0f8494 !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%) !important;
  box-shadow:0 14px 34px rgba(20,67,91,.09) !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-master-form-panel:before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:64px !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(15,132,148,.08),rgba(18,61,86,.025),transparent) !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-master-form-panel > h2,
html body.global-medical-ui.master-data-detail-ui .medical-master-form-panel .medical-file-head{
  position:relative !important;
  z-index:1 !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-master-form-panel > h2{
  margin:0 0 20px !important;
  padding:0 0 14px !important;
  color:#123f58 !important;
  border-bottom:1px solid #dfeaf0 !important;
}

/* Twelve-column layout lets short values stay compact while long values breathe. */
html body.global-medical-ui.master-data-detail-ui .form-row.medical-inline-form-grid,
html body.global-medical-ui.master-data-detail-ui .medical-inline-form.medical-inline-form-grid,
html body.global-medical-ui.master-data-detail-ui .test-data-card-v2.medical-inline-form-grid{
  width:100% !important;
  max-width:none !important;
  margin:0 0 14px !important;
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}

/* Every label and field is one unified horizontal control. */
html body.global-medical-ui.master-data-detail-ui .medical-inline-field{
  grid-column:span 6 !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:50px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(122px,36%) minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:0 !important;
  overflow:hidden !important;
  color:#183b51 !important;
  background:#ffffff !important;
  border:1px solid #cedde5 !important;
  border-radius:12px !important;
  box-shadow:0 4px 13px rgba(27,69,91,.045) !important;
  transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field:hover{
  border-color:#a9c9d5 !important;
  box-shadow:0 7px 17px rgba(27,69,91,.075) !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field:focus-within{
  border-color:#0f8494 !important;
  box-shadow:0 0 0 3px rgba(15,132,148,.11),0 8px 18px rgba(27,69,91,.08) !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-xs{grid-column:span 4 !important;}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-sm{grid-column:span 4 !important;}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-md{grid-column:span 6 !important;}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-lg{grid-column:span 8 !important;}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-full,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.full,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.full-row-v2{
  grid-column:1 / -1 !important;
}

/* Labels: fixed visual column in the same row as the entry control. */
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > label,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .medical-field-label,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-label-v2{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:50px !important;
  margin:0 !important;
  padding:10px 13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:5px !important;
  color:#174b61 !important;
  background:linear-gradient(135deg,#e9f5f7 0%,#f2f8fa 100%) !important;
  border:0 !important;
  border-inline-end:1px solid #cedfe7 !important;
  border-radius:0 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  text-align:start !important;
  white-space:normal !important;
  overflow:visible !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .medical-field-label em{
  color:#c73a36 !important;
  font-style:normal !important;
  font-size:14px !important;
}

/* Input side of the unified field. */
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .medical-field-input,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-control-v2,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-input-v2{
  min-width:0 !important;
  width:100% !important;
  padding:0 !important;
  display:flex !important;
  align-items:stretch !important;
  background:#ffffff !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > input[type="text"],
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > input[type="password"],
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > input[type="number"],
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > input[type="date"],
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > input[type="email"],
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > input[type="tel"],
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > input[type="file"],
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > select,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > textarea,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .txt,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .medical-field-input > input,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .medical-field-input > select,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .medical-field-input > textarea,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-control-v2 > input,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-input-v2 > input,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-control-v2 > select,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-input-v2 > select,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-control-v2 > textarea,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-input-v2 > textarea{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:50px !important;
  height:50px !important;
  margin:0 !important;
  padding:10px 13px !important;
  color:#17384d !important;
  background:#ffffff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:13px !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field textarea,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .txt[rows]{
  min-height:98px !important;
  height:auto !important;
  padding-top:12px !important;
  resize:vertical !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-has-multiline{
  min-height:98px !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-has-multiline > label,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-has-multiline > .medical-field-label,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-has-multiline > .test-label-v2{
  align-items:flex-start !important;
  padding-top:16px !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field input:focus,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field select:focus,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field textarea:focus{
  outline:none !important;
  background:#fbfeff !important;
  box-shadow:none !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field input[readonly],
html body.global-medical-ui.master-data-detail-ui .medical-inline-field input[disabled],
html body.global-medical-ui.master-data-detail-ui .medical-inline-field select[disabled]{
  color:#637985 !important;
  background:#f1f5f7 !important;
}

/* Notes, help text, password meter, maps and file controls remain inside input side. */
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .medical-input-note,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .map-help,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .user-password-rules,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .password-strength-wrap{
  grid-column:2 !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .medical-field-input{
  flex-direction:column !important;
  justify-content:center !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .medical-input-note,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .user-password-rules{
  margin:0 !important;
  padding:0 13px 9px !important;
  color:#6b7f8c !important;
  font-size:11px !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .password-strength-wrap{
  margin:0 13px 6px !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .map-link-row{
  width:100% !important;
  min-width:0 !important;
  padding:5px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:7px !important;
  align-items:center !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .map-link-row .txt{
  height:40px !important;
  min-height:40px !important;
  border:1px solid #d5e2e8 !important;
  border-radius:8px !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field .map-link-row .btn{
  height:40px !important;
  min-height:40px !important;
  margin:0 !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.map-link-field{
  grid-template-columns:minmax(145px,24%) minmax(0,1fr) !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.map-link-field .map-help{
  display:none !important;
}

/* Checkboxes are presented as a compact aligned field, not a floating control. */
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-has-check{
  grid-template-columns:minmax(122px,60%) minmax(54px,40%) !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-has-check > span,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-has-check > .test-control-v2,
html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-has-check > .test-input-v2{
  min-height:50px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Existing specialty / doctor rows are upgraded without changing ASP.NET controls. */
html body.global-medical-ui.master-data-detail-ui .medical-inline-form .medical-inline-row,
html body.global-medical-ui.master-data-detail-ui .test-data-card-v2 .test-data-row-v2{
  width:auto !important;
  max-width:none !important;
}

/* Buttons and messages align with the form grid. */
html body.global-medical-ui.master-data-detail-ui .medical-master-form-panel .toolbar,
html body.global-medical-ui.master-data-detail-ui .medical-master-form-panel .save-bar{
  margin:18px 0 4px !important;
  padding-top:16px !important;
  border-top:1px solid #e3edf2 !important;
}
html body.global-medical-ui.master-data-detail-ui .medical-master-form-panel .msg:empty{display:none !important;}
html body.global-medical-ui.master-data-detail-ui .search-box{
  max-width:560px !important;
}

/* Print-layout cards use the same professional inline language. */
html body.global-medical-ui.master-data-detail-ui .print-settings-column .print-card{
  border:1px solid #d7e5ec !important;
  border-radius:16px !important;
  box-shadow:0 8px 22px rgba(24,66,90,.06) !important;
}

@media(max-width:1180px){
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-xs,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-sm{grid-column:span 6 !important;}
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-lg{grid-column:1 / -1 !important;}
}
@media(max-width:820px){
  html body.global-medical-ui.master-data-detail-ui .form-row.medical-inline-form-grid,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-form.medical-inline-form-grid,
  html body.global-medical-ui.master-data-detail-ui .test-data-card-v2.medical-inline-form-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-xs,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-sm,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-md,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-lg,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field.medical-size-full{
    grid-column:1 !important;
  }
}
@media(max-width:560px){
  html body.global-medical-ui.master-data-detail-ui .wrap{width:calc(100% - 18px) !important;}
  html body.global-medical-ui.master-data-detail-ui .medical-master-form-panel{padding:14px !important;}
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field{
    grid-template-columns:minmax(105px,38%) minmax(0,1fr) !important;
    border-radius:10px !important;
  }
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field > label,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .medical-field-label,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field > .test-label-v2{
    padding:9px 10px !important;
    font-size:11.5px !important;
  }
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field > input,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field > select,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field > textarea,
  html body.global-medical-ui.master-data-detail-ui .medical-inline-field .txt{
    padding:9px 10px !important;
    font-size:12px !important;
  }
}


/* ===== V11 TITLE CONTRAST FIX - 2026-08-05 =====
   Makes the genetic laboratory system subtitle readable on every light/white
   title surface without changing page logic or the existing global theme. */
html body.global-medical-ui .brand.system-title small,
html body.global-medical-ui .brand.system-title small span,
html body.global-medical-ui .page-head .system-title small,
html body.global-medical-ui .page-head .system-title small span{
  color:#0f4358 !important;
  background:#e8f5f7 !important;
  border:1px solid #abd4da !important;
  border-radius:8px !important;
  padding:3px 9px !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-weight:850 !important;
  line-height:1.45 !important;
}

/* Public white identity card: keep the second line dark and clearly visible. */
html body.global-medical-ui .home-head .public-brand-two-lines .brand-subtitle,
html body.global-medical-ui .home-head .public-brand-two-lines .brand-subtitle span,
html body.global-medical-ui .public-head .public-brand-two-lines .brand-subtitle,
html body.global-medical-ui .public-head .public-brand-two-lines .brand-subtitle span{
  color:#075f6a !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-weight:850 !important;
}

/* Any title card explicitly using a white or pale surface. */
html body.global-medical-ui .medical-page-title,
html body.global-medical-ui .medical-page-title span,
html body.global-medical-ui .medical-master-form-panel .panel-title,
html body.global-medical-ui .medical-master-form-panel .panel-title span{
  color:#123f57 !important;
}

/* ============================================================
   V12 — UNIVERSAL HEADER TITLE SYSTEM / 2026-08-05
   One consistent, readable title treatment for every public and
   administration page. High contrast is enforced independently
   from the header background.
   ============================================================ */

/* A more controlled medical header surface. */
html body.global-medical-ui .page-head,
html body.global-medical-ui .public-head,
html body.global-medical-ui .home-head{
  background:linear-gradient(110deg,#102f46 0%,#174f67 54%,#3f7890 100%) !important;
  border-bottom:4px solid #d8a928 !important;
  box-shadow:0 10px 28px rgba(12,42,61,.22) !important;
}

/* ---------- Administration identity card ---------- */
html body.global-medical-ui .page-head .brand.system-title{
  width:360px !important;
  min-width:360px !important;
  max-width:360px !important;
  min-height:82px !important;
  padding:9px 11px !important;
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) !important;
  grid-template-rows:32px 28px !important;
  grid-template-areas:"logo main" "logo sub" !important;
  column-gap:12px !important;
  row-gap:4px !important;
  align-items:center !important;
  background:#ffffff !important;
  border:1px solid #bfd6df !important;
  border-inline-start:5px solid #d8a928 !important;
  border-radius:17px !important;
  box-shadow:0 10px 22px rgba(5,36,53,.22) !important;
  overflow:hidden !important;
  direction:ltr !important;
}
html body.global-medical-ui .page-head .brand.system-title .lab-system-logo{
  grid-area:logo !important;
  width:60px !important;
  min-width:60px !important;
  max-width:60px !important;
  height:60px !important;
  max-height:60px !important;
  padding:4px !important;
  object-fit:contain !important;
  background:#f7fbfc !important;
  border:1px solid #d3e3e9 !important;
  border-radius:13px !important;
  box-shadow:none !important;
}
html body.global-medical-ui .page-head .brand.system-title > span{
  grid-area:main !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#113b55 !important;
  font-size:27px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.55px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-shadow:none !important;
  text-align:start !important;
  direction:ltr !important;
}
html body.global-medical-ui .page-head .brand.system-title > small{
  grid-area:sub !important;
  min-width:0 !important;
  width:100% !important;
  height:28px !important;
  margin:0 !important;
  padding:4px 10px !important;
  display:flex !important;
  align-items:center !important;
  border:0 !important;
  border-radius:8px !important;
  background:#087482 !important;
  color:#ffffff !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
html body.global-medical-ui .page-head .brand.system-title > small span{
  color:#ffffff !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body.global-medical-ui.lang-ar .page-head .brand.system-title > small{
  direction:rtl !important;
  justify-content:flex-start !important;
  text-align:right !important;
}
body.global-medical-ui.lang-en .page-head .brand.system-title > small{
  direction:ltr !important;
  justify-content:flex-start !important;
  text-align:left !important;
  font-size:11.5px !important;
}

/* The current-page title is always readable on the blue header. */
html body.global-medical-ui .page-head .current-page-title{
  min-width:220px !important;
  max-width:340px !important;
  min-height:58px !important;
  padding:8px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
  color:#ffffff !important;
  background:#0b596f !important;
  border:1px solid rgba(255,255,255,.36) !important;
  border-radius:13px !important;
  box-shadow:0 7px 18px rgba(5,35,50,.20) !important;
  overflow:hidden !important;
}
html body.global-medical-ui .page-head .current-page-title .page-title-label{
  color:#ccecf2 !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
}
html body.global-medical-ui .page-head .current-page-title .page-title-value,
html body.global-medical-ui .page-head .current-page-title b,
html body.global-medical-ui .page-head .current-page-title b span{
  width:100% !important;
  color:#ffffff !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  text-shadow:none !important;
}

/* ---------- Public identity card ---------- */
html body.global-medical-ui .public-head .public-brand-two-lines,
html body.global-medical-ui .home-head .public-brand-two-lines{
  width:430px !important;
  min-width:430px !important;
  max-width:430px !important;
  min-height:96px !important;
  padding:9px 12px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 88px !important;
  grid-template-rows:38px 32px !important;
  grid-template-areas:"copy logo" "copy logo" !important;
  column-gap:13px !important;
  align-items:center !important;
  background:#ffffff !important;
  border:1px solid #bfd6df !important;
  border-inline-start:5px solid #d8a928 !important;
  border-radius:18px !important;
  box-shadow:0 11px 24px rgba(5,36,53,.23) !important;
  overflow:hidden !important;
  direction:ltr !important;
}
html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
  grid-area:logo !important;
  width:84px !important;
  min-width:84px !important;
  max-width:84px !important;
  height:72px !important;
  max-height:72px !important;
  padding:5px !important;
  object-fit:contain !important;
  background:#f8fbfc !important;
  border:1px solid #d7e6eb !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
html body.global-medical-ui .public-brand-two-lines .public-brand-copy{
  grid-area:copy !important;
  min-width:0 !important;
  width:100% !important;
  display:grid !important;
  grid-template-rows:38px 32px !important;
  gap:5px !important;
  align-content:center !important;
  overflow:visible !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-main{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#113b55 !important;
  font-size:34px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.8px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-shadow:none !important;
  text-align:right !important;
  direction:ltr !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-subtitle{
  width:100% !important;
  height:32px !important;
  margin:0 !important;
  padding:5px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  color:#ffffff !important;
  background:#087482 !important;
  border:0 !important;
  border-radius:9px !important;
  font-size:17px !important;
  font-weight:850 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-subtitle span{
  color:#ffffff !important;
  background:transparent !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body.global-medical-ui.lang-ar .public-brand-two-lines .brand-subtitle{
  direction:rtl !important;
  text-align:right !important;
}
body.global-medical-ui.lang-en .public-brand-two-lines .brand-subtitle{
  direction:ltr !important;
  text-align:left !important;
  font-size:15px !important;
}

/* Prevent generic pale-title rules from recoloring the new title cards. */
html body.global-medical-ui .page-head .brand.system-title small,
html body.global-medical-ui .page-head .brand.system-title small span,
html body.global-medical-ui .public-head .public-brand-two-lines .brand-subtitle,
html body.global-medical-ui .public-head .public-brand-two-lines .brand-subtitle span,
html body.global-medical-ui .home-head .public-brand-two-lines .brand-subtitle,
html body.global-medical-ui .home-head .public-brand-two-lines .brand-subtitle span{
  color:#ffffff !important;
}

/* ---------- Responsive title scale ---------- */
@media (max-width:1450px){
  html body.global-medical-ui .page-head .brand.system-title{
    width:320px !important;min-width:320px !important;max-width:320px !important;
    grid-template-columns:58px minmax(0,1fr) !important;
  }
  html body.global-medical-ui .page-head .brand.system-title .lab-system-logo{
    width:54px !important;min-width:54px !important;max-width:54px !important;height:54px !important;max-height:54px !important;
  }
  html body.global-medical-ui .page-head .brand.system-title > span{font-size:24px !important;}
  html body.global-medical-ui .page-head .brand.system-title > small{font-size:11.5px !important;}
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    width:370px !important;min-width:370px !important;max-width:370px !important;
    grid-template-columns:minmax(0,1fr) 76px !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
    width:72px !important;min-width:72px !important;max-width:72px !important;height:66px !important;max-height:66px !important;
  }
  html body.global-medical-ui .public-brand-two-lines .brand-main{font-size:29px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-subtitle{font-size:14px !important;}
}

@media (max-width:1180px){
  html body.global-medical-ui .page-head .brand.system-title,
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    width:min(100%,430px) !important;
    min-width:0 !important;
    max-width:430px !important;
  }
  html body.global-medical-ui .page-head .current-page-title{
    min-width:180px !important;
    max-width:none !important;
    flex:1 1 220px !important;
  }
}

@media (max-width:680px){
  html body.global-medical-ui .page-head .brand.system-title,
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    width:100% !important;
    max-width:none !important;
    min-height:76px !important;
    border-radius:14px !important;
  }
  html body.global-medical-ui .page-head .brand.system-title{
    grid-template-columns:54px minmax(0,1fr) !important;
    grid-template-rows:29px 26px !important;
  }
  html body.global-medical-ui .page-head .brand.system-title .lab-system-logo{
    width:50px !important;min-width:50px !important;max-width:50px !important;height:50px !important;max-height:50px !important;
  }
  html body.global-medical-ui .page-head .brand.system-title > span{font-size:22px !important;}
  html body.global-medical-ui .page-head .brand.system-title > small{height:26px !important;font-size:10.5px !important;padding-inline:7px !important;}
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{
    grid-template-columns:minmax(0,1fr) 66px !important;
    grid-template-rows:31px 28px !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
    width:62px !important;min-width:62px !important;max-width:62px !important;height:56px !important;max-height:56px !important;
  }
  html body.global-medical-ui .public-brand-two-lines .public-brand-copy{grid-template-rows:31px 28px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-main{font-size:25px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-subtitle{height:28px !important;font-size:12.5px !important;padding-inline:8px !important;}
  body.global-medical-ui.lang-en .public-brand-two-lines .brand-subtitle{font-size:11.5px !important;}
  html body.global-medical-ui .page-head .current-page-title{width:100% !important;max-width:none !important;}
}


/* ============================================================
   V13 — ADMIN HEADER LAYOUT REBUILD / 2026-08-05
   Prevents every overlap between language, actions, page title,
   user information and the CODE LAB identity card.
   ============================================================ */

/* Desktop administration header: four independent visual zones. */
html body.global-medical-ui .page-head{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:136px !important;
  padding:16px 22px !important;
  display:grid !important;
  grid-template-columns:168px minmax(360px,520px) minmax(270px,1fr) 402px !important;
  grid-template-rows:minmax(62px,auto) minmax(34px,auto) !important;
  grid-template-areas:
    "language actions title brand"
    "language actions user  brand" !important;
  column-gap:18px !important;
  row-gap:8px !important;
  align-items:center !important;
  justify-items:stretch !important;
  direction:ltr !important;
  overflow:visible !important;
  background:linear-gradient(112deg,#0b2f48 0%,#103f5b 54%,#0a5969 100%) !important;
  border:1px solid #a8c4d1 !important;
  border-bottom:4px solid #e7b83f !important;
  border-radius:0 !important;
  box-shadow:0 10px 28px rgba(5,31,46,.22) !important;
}

html body.global-medical-ui .page-head > *{
  position:relative !important;
  inset:auto !important;
  float:none !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

html body.global-medical-ui .page-head .medical-language-switch{
  grid-area:language !important;
  align-self:center !important;
  justify-self:start !important;
  width:168px !important;
  min-width:168px !important;
  height:64px !important;
  min-height:64px !important;
  margin:0 !important;
  padding:6px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  background:#102e45 !important;
  border:2px solid #e7b83f !important;
  border-radius:20px !important;
  box-shadow:0 0 0 5px rgba(231,184,63,.14),0 9px 20px rgba(0,0,0,.18) !important;
  overflow:hidden !important;
  z-index:2 !important;
}
html body.global-medical-ui .page-head .medical-language-switch button{
  all:unset !important;
  box-sizing:border-box !important;
  position:relative !important;
  width:100% !important;
  height:50px !important;
  min-width:0 !important;
  min-height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  color:#ffffff !important;
  font-family:Tahoma,Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  cursor:pointer !important;
  transition:background .15s ease,color .15s ease,transform .15s ease !important;
}
html body.global-medical-ui .page-head .medical-language-switch button:hover{
  background:rgba(255,255,255,.10) !important;
}
html body.global-medical-ui .page-head .medical-language-switch button.active,
html body.global-medical-ui .page-head .medical-language-switch button[aria-pressed="true"]{
  color:#12344f !important;
  background:#ffffff !important;
  box-shadow:0 5px 12px rgba(0,0,0,.16) !important;
}
html body.global-medical-ui .page-head .medical-language-switch button.active:after,
html body.global-medical-ui .page-head .medical-language-switch button[aria-pressed="true"]:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:6px !important;
  width:22px !important;
  height:3px !important;
  margin-left:-11px !important;
  border-radius:3px !important;
  background:#0b8390 !important;
}

/* Actions are kept in their own column; they never sit over the title. */
html body.global-medical-ui .page-head .head-actions{
  grid-area:actions !important;
  align-self:center !important;
  justify-self:start !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  direction:rtl !important;
  overflow:visible !important;
}
body.global-medical-ui.lang-en .page-head .head-actions{direction:ltr !important;}
html body.global-medical-ui .page-head .head-actions > *{
  margin:0 !important;
  min-height:48px !important;
  height:48px !important;
  padding:0 20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:13px !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}
html body.global-medical-ui .page-head .head-actions .btn-back,
html body.global-medical-ui .page-head .head-actions .medical-back{
  min-width:152px !important;
  color:#17334a !important;
  background:linear-gradient(135deg,#ffe58a,#e7b83f) !important;
  border:1px solid #f2d36a !important;
  box-shadow:0 8px 18px rgba(149,104,8,.24),inset 0 1px 0 rgba(255,255,255,.55) !important;
}
html body.global-medical-ui .page-head .head-actions .logout,
html body.global-medical-ui .page-head .head-actions .medical-logout{
  min-width:230px !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#2c708e,#3e8caf) !important;
  border:1px solid #77b2c9 !important;
  box-shadow:0 8px 18px rgba(4,55,78,.22),inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* Page title: independent white card with strong contrast. */
html body.global-medical-ui .page-head .current-page-title{
  grid-area:title !important;
  align-self:center !important;
  justify-self:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:72px !important;
  margin:0 !important;
  padding:10px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  color:#12344f !important;
  background:linear-gradient(180deg,#ffffff 0%,#f4fafc 100%) !important;
  border:1px solid #b9d2dd !important;
  border-inline-start:5px solid #e7b83f !important;
  border-radius:16px !important;
  box-shadow:0 9px 22px rgba(3,35,51,.18) !important;
  overflow:hidden !important;
}
html body.global-medical-ui .page-head .current-page-title .page-title-label{
  width:100% !important;
  color:#26758a !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.global-medical-ui .page-head .current-page-title .page-title-value,
html body.global-medical-ui .page-head .current-page-title b,
html body.global-medical-ui .page-head .current-page-title b span{
  width:100% !important;
  margin:0 !important;
  color:#12344f !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  text-shadow:none !important;
}

/* User information is a compact chip below the page title. */
html body.global-medical-ui .page-head .top-user{
  grid-area:user !important;
  align-self:start !important;
  justify-self:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:30px !important;
  margin:0 !important;
  padding:6px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  color:#eaf7fb !important;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  border-radius:10px !important;
  font-size:11px !important;
  font-weight:700 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}
html body.global-medical-ui .page-head .top-user b{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#ffffff !important;
}

/* CODE LAB identity: fixed proportions and no collision with title. */
html body.global-medical-ui .page-head .brand.system-title{
  grid-area:brand !important;
  align-self:center !important;
  justify-self:end !important;
  width:402px !important;
  min-width:402px !important;
  max-width:402px !important;
  min-height:104px !important;
  height:104px !important;
  margin:0 !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
  grid-template-rows:43px 34px !important;
  grid-template-areas:"logo main" "logo sub" !important;
  column-gap:14px !important;
  row-gap:6px !important;
  align-items:center !important;
  direction:ltr !important;
  background:#ffffff !important;
  border:1px solid #b9d2dd !important;
  border-inline-start:6px solid #e7b83f !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px rgba(4,34,49,.22) !important;
  overflow:hidden !important;
}
html body.global-medical-ui .page-head .brand.system-title .lab-system-logo{
  grid-area:logo !important;
  width:78px !important;
  min-width:78px !important;
  max-width:78px !important;
  height:78px !important;
  max-height:78px !important;
  margin:0 !important;
  padding:5px !important;
  object-fit:contain !important;
  background:#f8fbfc !important;
  border:1px solid #d5e5eb !important;
  border-radius:15px !important;
  box-shadow:none !important;
}
html body.global-medical-ui .page-head .brand.system-title > span{
  grid-area:main !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#12344f !important;
  font-size:29px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.6px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  text-align:left !important;
  direction:ltr !important;
  text-shadow:none !important;
}
html body.global-medical-ui .page-head .brand.system-title > small{
  grid-area:sub !important;
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  margin:0 !important;
  padding:6px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  color:#ffffff !important;
  background:#116f7a !important;
  border:0 !important;
  border-radius:9px !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-shadow:none !important;
}
html body.global-medical-ui .page-head .brand.system-title > small span{
  color:#ffffff !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body.global-medical-ui.lang-ar .page-head .brand.system-title > small{
  direction:rtl !important;
  text-align:right !important;
}
body.global-medical-ui.lang-en .page-head .brand.system-title > small{
  direction:ltr !important;
  text-align:left !important;
  font-size:11px !important;
}

/* Large laptop: two-row composition keeps all zones readable. */
@media (max-width:1580px){
  html body.global-medical-ui .page-head{
    min-height:158px !important;
    grid-template-columns:160px minmax(320px,1fr) 382px !important;
    grid-template-rows:72px 54px !important;
    grid-template-areas:
      "language title brand"
      "actions  user  brand" !important;
  }
  html body.global-medical-ui .page-head .head-actions{justify-self:start !important;flex-wrap:nowrap !important;}
  html body.global-medical-ui .page-head .head-actions > *{height:46px !important;min-height:46px !important;}
  html body.global-medical-ui .page-head .head-actions .logout,
  html body.global-medical-ui .page-head .head-actions .medical-logout{min-width:210px !important;}
  html body.global-medical-ui .page-head .brand.system-title{
    width:382px !important;min-width:382px !important;max-width:382px !important;
  }
}

/* Tablet and narrow laptop: brand and title become full-width rows. */
@media (max-width:1120px){
  html body.global-medical-ui .page-head{
    min-height:0 !important;
    padding:14px !important;
    grid-template-columns:160px minmax(0,1fr) !important;
    grid-template-rows:auto auto auto auto !important;
    grid-template-areas:
      "brand brand"
      "title title"
      "language actions"
      "user user" !important;
    gap:12px !important;
  }
  html body.global-medical-ui .page-head .brand.system-title{
    justify-self:stretch !important;
    width:100% !important;min-width:0 !important;max-width:none !important;
    height:96px !important;min-height:96px !important;
  }
  html body.global-medical-ui .page-head .current-page-title{min-height:68px !important;}
  html body.global-medical-ui .page-head .head-actions{justify-self:end !important;}
}

/* Mobile: every zone is stacked with no fixed-width collision. */
@media (max-width:680px){
  html body.global-medical-ui .page-head{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    grid-template-areas:
      "brand"
      "title"
      "language"
      "actions"
      "user" !important;
    padding:10px !important;
  }
  html body.global-medical-ui .page-head .brand.system-title{
    height:88px !important;min-height:88px !important;
    grid-template-columns:68px minmax(0,1fr) !important;
    grid-template-rows:36px 30px !important;
  }
  html body.global-medical-ui .page-head .brand.system-title .lab-system-logo{
    width:64px !important;min-width:64px !important;max-width:64px !important;height:64px !important;max-height:64px !important;
  }
  html body.global-medical-ui .page-head .brand.system-title > span{font-size:24px !important;}
  html body.global-medical-ui .page-head .brand.system-title > small{height:30px !important;font-size:10.5px !important;}
  html body.global-medical-ui .page-head .medical-language-switch{
    justify-self:start !important;width:150px !important;min-width:150px !important;height:58px !important;min-height:58px !important;
  }
  html body.global-medical-ui .page-head .medical-language-switch button{height:44px !important;min-height:44px !important;}
  html body.global-medical-ui .page-head .head-actions{
    justify-self:stretch !important;width:100% !important;display:grid !important;grid-template-columns:1fr !important;
  }
  html body.global-medical-ui .page-head .head-actions > *{
    width:100% !important;min-width:0 !important;max-width: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 b,
  html body.global-medical-ui .page-head .current-page-title b span{font-size:18px !important;}
}

/* ============================================================
   V14 — FINAL RESPONSIVE HEADER REBUILD / 2026-08-05
   Designed for Windows display scaling (100%-150%) and prevents
   title, logo, navigation, language and action overlap.
   ============================================================ */

/* ---------- Shared hard reset for header children ---------- */
html body.global-medical-ui .page-head,
html body.global-medical-ui .public-head,
html body.global-medical-ui .home-head{
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  isolation:isolate !important;
}
html body.global-medical-ui .page-head > *,
html body.global-medical-ui .public-head > *,
html body.global-medical-ui .home-head > *{
  box-sizing:border-box !important;
  position:relative !important;
  inset:auto !important;
  float:none !important;
  transform:none !important;
  margin:0 !important;
}

/* ---------- Administration header ---------- */
html body.global-medical-ui .page-head{
  min-height:126px !important;
  padding:14px 18px !important;
  display:grid !important;
  grid-template-columns:150px 320px minmax(260px,1fr) 388px !important;
  grid-template-rows:70px 34px !important;
  grid-template-areas:
    "language actions title brand"
    "language actions user  brand" !important;
  column-gap:14px !important;
  row-gap:8px !important;
  align-items:center !important;
  justify-items:stretch !important;
  direction:ltr !important;
  background:linear-gradient(110deg,#0d2f47 0%,#174d65 56%,#2d7085 100%) !important;
  border:1px solid #8fb3c2 !important;
  border-bottom:4px solid #e5b63d !important;
  box-shadow:0 10px 26px rgba(7,35,52,.24) !important;
}

html body.global-medical-ui .page-head .medical-language-switch{
  grid-area:language !important;
  align-self:center !important;
  justify-self:start !important;
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:62px !important;
  min-height:62px !important;
  padding:6px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  background:#0b2940 !important;
  border:2px solid #f0c54f !important;
  border-radius:18px !important;
  box-shadow:0 0 0 4px rgba(240,197,79,.14),0 8px 18px rgba(0,0,0,.16) !important;
  overflow:hidden !important;
  z-index:2 !important;
}
html body.global-medical-ui .page-head .medical-language-switch button{
  all:unset !important;
  box-sizing:border-box !important;
  position:relative !important;
  width:100% !important;
  height:48px !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  color:#ffffff !important;
  font-family:Tahoma,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  cursor:pointer !important;
}
html body.global-medical-ui .page-head .medical-language-switch button.active,
html body.global-medical-ui .page-head .medical-language-switch button[aria-pressed="true"]{
  color:#15364d !important;
  background:#ffffff !important;
  box-shadow:0 4px 12px rgba(0,0,0,.16) !important;
}
html body.global-medical-ui .page-head .medical-language-switch button.active:after,
html body.global-medical-ui .page-head .medical-language-switch button[aria-pressed="true"]:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:5px !important;
  width:20px !important;
  height:3px !important;
  margin-left:-10px !important;
  border-radius:4px !important;
  background:#168292 !important;
}

html body.global-medical-ui .page-head .head-actions{
  grid-area:actions !important;
  align-self:center !important;
  justify-self:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(112px,.85fr) minmax(158px,1.15fr) !important;
  gap:9px !important;
  align-items:center !important;
  direction:rtl !important;
  overflow:visible !important;
}
body.global-medical-ui.lang-en .page-head .head-actions{direction:ltr !important;}
html body.global-medical-ui .page-head .head-actions > *{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:50px !important;
  min-height:50px !important;
  margin:0 !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:13px !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.global-medical-ui .page-head .head-actions .btn-back,
html body.global-medical-ui .page-head .head-actions .medical-back{
  min-width:0 !important;
  color:#18354a !important;
  background-color:#efc34b !important;
  border:1px solid #d9a91f !important;
}
html body.global-medical-ui .page-head .head-actions .logout,
html body.global-medical-ui .page-head .head-actions .medical-logout{
  min-width:0 !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#2d7897,#3f91b1) !important;
  border:1px solid #75b6ce !important;
}

html body.global-medical-ui .page-head .current-page-title{
  grid-area:title !important;
  align-self:stretch !important;
  justify-self:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:70px !important;
  height:70px !important;
  padding:9px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:3px !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#175a70,#24788b) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  border-inline-start:5px solid #efc34b !important;
  border-radius:15px !important;
  box-shadow:0 8px 19px rgba(5,38,53,.22) !important;
  overflow:hidden !important;
}
body.global-medical-ui.lang-ar .page-head .current-page-title{direction:rtl !important;text-align:right !important;align-items:flex-start !important;}
body.global-medical-ui.lang-en .page-head .current-page-title{direction:ltr !important;text-align:left !important;align-items:flex-start !important;}
html body.global-medical-ui .page-head .current-page-title .page-title-label{
  width:100% !important;
  color:#d7f0f4 !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.global-medical-ui .page-head .current-page-title .page-title-value,
html body.global-medical-ui .page-head .current-page-title b,
html body.global-medical-ui .page-head .current-page-title b span{
  width:100% !important;
  margin:0 !important;
  color:#ffffff !important;
  font-size:19px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:none !important;
}

html body.global-medical-ui .page-head .top-user{
  grid-area:user !important;
  align-self:stretch !important;
  justify-self:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:34px !important;
  height:34px !important;
  padding:5px 11px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:5px !important;
  color:#ecf8fb !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:10px !important;
  font-size:11px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.global-medical-ui.lang-ar .page-head .top-user{direction:rtl !important;text-align:right !important;}
body.global-medical-ui.lang-en .page-head .top-user{direction:ltr !important;text-align:left !important;}
html body.global-medical-ui .page-head .top-user b{color:#ffffff !important;overflow:hidden !important;text-overflow:ellipsis !important;}

html body.global-medical-ui .page-head .brand.system-title{
  grid-area:brand !important;
  align-self:center !important;
  justify-self:end !important;
  width:388px !important;
  min-width:388px !important;
  max-width:388px !important;
  height:104px !important;
  min-height:104px !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
  grid-template-rows:42px 34px !important;
  grid-template-areas:"logo main" "logo sub" !important;
  column-gap:14px !important;
  row-gap:6px !important;
  align-items:center !important;
  direction:ltr !important;
  background:#ffffff !important;
  border:1px solid #bfd5de !important;
  border-inline-start:6px solid #efc34b !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px rgba(4,34,49,.22) !important;
  overflow:hidden !important;
}
html body.global-medical-ui .page-head .brand.system-title .lab-system-logo{
  grid-area:logo !important;
  width:78px !important;
  min-width:78px !important;
  max-width:78px !important;
  height:78px !important;
  max-height:78px !important;
  margin:0 !important;
  padding:5px !important;
  object-fit:contain !important;
  background:#f8fbfc !important;
  border:1px solid #d5e5eb !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
html body.global-medical-ui .page-head .brand.system-title > span{
  grid-area:main !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#14374f !important;
  font-size:28px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.55px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  text-align:left !important;
  direction:ltr !important;
  text-shadow:none !important;
}
html body.global-medical-ui .page-head .brand.system-title > small{
  grid-area:sub !important;
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  margin:0 !important;
  padding:6px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  color:#ffffff !important;
  background:#176f7a !important;
  border:0 !important;
  border-radius:9px !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-shadow:none !important;
}
html body.global-medical-ui .page-head .brand.system-title > small span{
  color:#ffffff !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body.global-medical-ui.lang-ar .page-head .brand.system-title > small{direction:rtl !important;text-align:right !important;}
body.global-medical-ui.lang-en .page-head .brand.system-title > small{direction:ltr !important;text-align:left !important;font-size:10.8px !important;}

/* ---------- Public / home header ---------- */
html body.global-medical-ui .public-head,
html body.global-medical-ui .home-head{
  min-height:128px !important;
  padding:14px 18px !important;
  display:grid !important;
  grid-template-columns:150px minmax(580px,1fr) 400px !important;
  grid-template-areas:"language navigation brand" !important;
  gap:16px !important;
  align-items:center !important;
  justify-items:stretch !important;
  direction:ltr !important;
  background:linear-gradient(110deg,#17384f 0%,#23566c 58%,#4b8295 100%) !important;
  border:1px solid #95b7c4 !important;
  border-bottom:4px solid #e5b63d !important;
  box-shadow:0 10px 26px rgba(7,35,52,.22) !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;
  align-self:center !important;
  justify-self:start !important;
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:62px !important;
  min-height:62px !important;
  padding:6px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  background:#102f46 !important;
  border:2px solid #efc34b !important;
  border-radius:18px !important;
  box-shadow:0 0 0 4px rgba(239,195,75,.14),0 8px 18px rgba(0,0,0,.16) !important;
  overflow:hidden !important;
}
html body.global-medical-ui .public-head .medical-language-switch button,
html body.global-medical-ui .home-head .medical-language-switch button{
  all:unset !important;
  box-sizing:border-box !important;
  position:relative !important;
  width:100% !important;
  height:48px !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  color:#ffffff !important;
  font-family:Tahoma,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  cursor:pointer !important;
}
html body.global-medical-ui .public-head .medical-language-switch button.active,
html body.global-medical-ui .public-head .medical-language-switch button[aria-pressed="true"],
html body.global-medical-ui .home-head .medical-language-switch button.active,
html body.global-medical-ui .home-head .medical-language-switch button[aria-pressed="true"]{
  color:#15364d !important;
  background:#ffffff !important;
  box-shadow:0 4px 12px rgba(0,0,0,.16) !important;
}
html body.global-medical-ui .public-head .medical-language-switch button.active:after,
html body.global-medical-ui .public-head .medical-language-switch button[aria-pressed="true"]:after,
html body.global-medical-ui .home-head .medical-language-switch button.active:after,
html body.global-medical-ui .home-head .medical-language-switch button[aria-pressed="true"]:after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:5px !important;
  width:20px !important;
  height:3px !important;
  margin-left:-10px !important;
  border-radius:4px !important;
  background:#168292 !important;
}

html body.global-medical-ui .public-head .public-nav,
html body.global-medical-ui .home-head .public-nav{
  grid-area:navigation !important;
  align-self:center !important;
  justify-self:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:72px !important;
  margin:0 !important;
  padding:9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  direction:rtl !important;
  background:rgba(5,44,64,.48) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:17px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(3,28,42,.14) !important;
  overflow:hidden !important;
}
body.global-medical-ui.lang-en .public-head .public-nav,
body.global-medical-ui.lang-en .home-head .public-nav{direction:ltr !important;}
html body.global-medical-ui .public-head .public-nav > a,
html body.global-medical-ui .public-head .public-nav > button,
html body.global-medical-ui .home-head .public-nav > a,
html body.global-medical-ui .home-head .public-nav > button{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:52px !important;
  min-height:52px !important;
  margin:0 !important;
  padding:7px 9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#ffffff !important;
  background:linear-gradient(180deg,rgba(80,126,149,.92),rgba(39,83,105,.96)) !important;
  border:1px solid rgba(202,227,237,.34) !important;
  border-radius:13px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
  font-size:12.5px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.global-medical-ui .public-head .public-nav > .public-back,
html body.global-medical-ui .public-head .public-nav > .medical-back,
html body.global-medical-ui .home-head .public-nav > .public-back,
html body.global-medical-ui .home-head .public-nav > .medical-back{
  color:#19364a !important;
  background-color:#efc34b !important;
  border-color:#d9a91f !important;
  padding-inline:12px 38px !important;
}
body.global-medical-ui.lang-en .public-head .public-nav > .public-back,
body.global-medical-ui.lang-en .public-head .public-nav > .medical-back,
body.global-medical-ui.lang-en .home-head .public-nav > .public-back,
body.global-medical-ui.lang-en .home-head .public-nav > .medical-back{
  padding-inline:38px 12px !important;
}

html body.global-medical-ui .public-head .public-brand-two-lines,
html body.global-medical-ui .home-head .public-brand-two-lines{
  grid-area:brand !important;
  align-self:center !important;
  justify-self:end !important;
  width:400px !important;
  min-width:400px !important;
  max-width:400px !important;
  height:104px !important;
  min-height:104px !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 82px !important;
  grid-template-areas:"copy logo" !important;
  column-gap:13px !important;
  align-items:center !important;
  direction:ltr !important;
  background:#ffffff !important;
  border:1px solid #bfd5de !important;
  border-inline-start:6px solid #efc34b !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px rgba(4,34,49,.22) !important;
  overflow:hidden !important;
}
html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{
  grid-area:logo !important;
  width:78px !important;
  min-width:78px !important;
  max-width:78px !important;
  height:78px !important;
  max-height:78px !important;
  margin:0 !important;
  padding:5px !important;
  object-fit:contain !important;
  background:#f8fbfc !important;
  border:1px solid #d5e5eb !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
html body.global-medical-ui .public-brand-two-lines .public-brand-copy{
  grid-area:copy !important;
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-rows:39px 34px !important;
  gap:6px !important;
  align-content:center !important;
  overflow:hidden !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-main{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#14374f !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.65px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  text-align:right !important;
  direction:ltr !important;
  text-shadow:none !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-subtitle{
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  margin:0 !important;
  padding:6px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  color:#ffffff !important;
  background:#176f7a !important;
  border:0 !important;
  border-radius:9px !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
html body.global-medical-ui .public-brand-two-lines .brand-subtitle span{
  color:#ffffff !important;
  background:transparent !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body.global-medical-ui.lang-ar .public-brand-two-lines .brand-subtitle{direction:rtl !important;text-align:right !important;}
body.global-medical-ui.lang-en .public-brand-two-lines .brand-subtitle{direction:ltr !important;text-align:left !important;font-size:12.5px !important;}

/* ---------- Scaled Windows / laptop layout ---------- */
@media (max-width:1180px){
  html body.global-medical-ui .page-head{
    min-height:0 !important;
    padding:13px !important;
    grid-template-columns:150px minmax(0,1fr) 340px !important;
    grid-template-rows:auto auto auto !important;
    grid-template-areas:
      "language title brand"
      "actions  actions brand"
      "user     user    brand" !important;
    gap:10px 12px !important;
  }
  html body.global-medical-ui .page-head .head-actions{
    grid-template-columns:minmax(110px,.8fr) minmax(160px,1.2fr) !important;
    max-width:430px !important;
  }
  html body.global-medical-ui .page-head .brand.system-title{
    width:340px !important;min-width:340px !important;max-width:340px !important;height:110px !important;min-height:110px !important;
  }
  html body.global-medical-ui .page-head .current-page-title{height:66px !important;min-height:66px !important;}
  html body.global-medical-ui .page-head .top-user{max-width:600px !important;}

  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head{
    min-height:116px !important;
    padding:12px !important;
    grid-template-columns:140px minmax(0,1fr) 340px !important;
    gap:11px !important;
  }
  html body.global-medical-ui .public-head .medical-language-switch,
  html body.global-medical-ui .home-head .medical-language-switch{width:140px !important;min-width:140px !important;max-width:140px !important;}
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{width:340px !important;min-width:340px !important;max-width:340px !important;height:94px !important;min-height:94px !important;grid-template-columns:minmax(0,1fr) 70px !important;}
  html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{width:66px !important;min-width:66px !important;max-width:66px !important;height:66px !important;max-height:66px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-main{font-size:25px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-subtitle{font-size:12.5px !important;padding-inline:7px !important;}
  body.global-medical-ui.lang-en .public-brand-two-lines .brand-subtitle{font-size:10.7px !important;}
  html body.global-medical-ui .public-head .public-nav,
  html body.global-medical-ui .home-head .public-nav{gap:6px !important;padding:7px !important;min-height:66px !important;}
  html body.global-medical-ui .public-head .public-nav > a,
  html body.global-medical-ui .home-head .public-nav > a{height:48px !important;min-height:48px !important;font-size:11.5px !important;padding-inline:7px !important;}
}

@media (max-width:900px){
  html body.global-medical-ui .page-head{
    grid-template-columns:140px minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    grid-template-areas:
      "brand brand"
      "title title"
      "language actions"
      "user user" !important;
  }
  html body.global-medical-ui .page-head .brand.system-title{justify-self:stretch !important;width:100% !important;min-width:0 !important;max-width:none !important;height:96px !important;min-height:96px !important;}
  html body.global-medical-ui .page-head .head-actions{justify-self:stretch !important;max-width:none !important;}

  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head{
    grid-template-columns:140px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:
      "language brand"
      "navigation navigation" !important;
  }
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{justify-self:stretch !important;width:100% !important;min-width:0 !important;max-width:none !important;}
  html body.global-medical-ui .public-head .public-nav,
  html body.global-medical-ui .home-head .public-nav{width:100% !important;}
}

@media (max-width:620px){
  html body.global-medical-ui .page-head,
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
    padding:10px !important;
  }
  html body.global-medical-ui .page-head{
    grid-template-areas:"brand" "title" "language" "actions" "user" !important;
  }
  html body.global-medical-ui .public-head,
  html body.global-medical-ui .home-head{
    grid-template-areas:"brand" "language" "navigation" !important;
  }
  html body.global-medical-ui .page-head .medical-language-switch,
  html body.global-medical-ui .public-head .medical-language-switch,
  html body.global-medical-ui .home-head .medical-language-switch{justify-self:start !important;width:142px !important;min-width:142px !important;max-width:142px !important;}
  html body.global-medical-ui .page-head .head-actions{grid-template-columns:1fr !important;}
  html body.global-medical-ui .public-head .public-nav,
  html body.global-medical-ui .home-head .public-nav{display:grid !important;grid-template-columns:1fr 1fr !important;overflow:visible !important;}
  html body.global-medical-ui .public-head .public-nav > a,
  html body.global-medical-ui .home-head .public-nav > a{width:100% !important;}
  html body.global-medical-ui .public-head .public-brand-two-lines,
  html body.global-medical-ui .home-head .public-brand-two-lines{height:92px !important;min-height:92px !important;grid-template-columns:minmax(0,1fr) 64px !important;}
  html body.global-medical-ui .public-head .public-brand-two-lines .lab-system-logo,
  html body.global-medical-ui .home-head .public-brand-two-lines .lab-system-logo{width:60px !important;min-width:60px !important;max-width:60px !important;height:60px !important;max-height:60px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-main{font-size:23px !important;}
  html body.global-medical-ui .public-brand-two-lines .brand-subtitle{font-size:11.5px !important;}
}

/* V14 language visibility guard: direct brand spans must never display together. */
body.global-medical-ui.lang-ar .page-head .brand.system-title > span.en,
body.global-medical-ui.lang-ar .page-head .brand.system-title > small .en,
body.global-medical-ui.lang-ar .public-brand-two-lines .brand-subtitle .en,
body.global-medical-ui.lang-ar .current-page-title .en,
body.global-medical-ui.lang-ar .page-head .top-user .en,
body.global-medical-ui.lang-ar .head-actions .en,
body.global-medical-ui.lang-ar .public-nav .en{display:none !important;}
body.global-medical-ui.lang-ar .page-head .brand.system-title > span.ar{display:block !important;}
body.global-medical-ui.lang-ar .page-head .brand.system-title > small .ar,
body.global-medical-ui.lang-ar .public-brand-two-lines .brand-subtitle .ar,
body.global-medical-ui.lang-ar .current-page-title .ar,
body.global-medical-ui.lang-ar .page-head .top-user .ar,
body.global-medical-ui.lang-ar .head-actions .ar,
body.global-medical-ui.lang-ar .public-nav .ar{display:inline !important;}
body.global-medical-ui.lang-en .page-head .brand.system-title > span.ar,
body.global-medical-ui.lang-en .page-head .brand.system-title > small .ar,
body.global-medical-ui.lang-en .public-brand-two-lines .brand-subtitle .ar,
body.global-medical-ui.lang-en .current-page-title .ar,
body.global-medical-ui.lang-en .page-head .top-user .ar,
body.global-medical-ui.lang-en .head-actions .ar,
body.global-medical-ui.lang-en .public-nav .ar{display:none !important;}
body.global-medical-ui.lang-en .page-head .brand.system-title > span.en{display:block !important;}
body.global-medical-ui.lang-en .page-head .brand.system-title > small .en,
body.global-medical-ui.lang-en .public-brand-two-lines .brand-subtitle .en,
body.global-medical-ui.lang-en .current-page-title .en,
body.global-medical-ui.lang-en .page-head .top-user .en,
body.global-medical-ui.lang-en .head-actions .en,
body.global-medical-ui.lang-en .public-nav .en{display:inline !important;}