:root{
  --app-navy:#0f2742;
  --app-navy-2:#173a60;
  --app-blue:#27669b;
  --app-blue-2:#3d7dac;
  --app-blue-soft:#eaf3fb;
  --app-line:#dbe6ef;
  --app-line-strong:#c8d8e6;
  --app-ink:#1e293b;
  --app-muted:#64748b;
  --app-bg:#f4f7fa;
  --app-surface:#fff;
  --app-surface-soft:#f8fafc;
  --app-danger:#b42318;
  --app-danger-soft:#fff1f0;
  --app-success:#167353;
  --app-shadow:0 14px 36px rgba(15,39,66,.08);
  --app-shadow-sm:0 7px 22px rgba(15,39,66,.07);
  --app-radius:18px;
  color-scheme:light;
}

html{background:var(--app-bg)!important}
body{
  margin:0!important;
  min-height:100vh;
  color:var(--app-ink)!important;
  background:
    radial-gradient(circle at 86% -10%,rgba(39,102,155,.08),transparent 30%),
    linear-gradient(180deg,#f8fbfd 0,#f4f7fa 240px,#f4f7fa 100%)!important;
  font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
.bg-layer,.global-overlay{display:none!important}
*{box-sizing:border-box}
a{color:var(--app-blue);text-decoration:none}
a:hover{color:var(--app-navy)}

/* navigation shared by the authenticated area */
.top-nav{
  position:sticky!important;top:0!important;z-index:1000!important;
  height:auto!important;min-height:68px!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(15,39,66,.08)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8)!important;
  backdrop-filter:saturate(145%) blur(14px)!important;
}
.top-nav .wrap{max-width:1180px!important;min-height:68px!important;display:flex!important;align-items:center!important;padding:0 20px!important}
.top-nav .menu{list-style:none!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;width:100%!important}
.top-nav .menu>li{position:relative!important}
.top-nav .menu a{
  display:flex!important;align-items:center!important;min-height:40px!important;
  padding:9px 13px!important;border-radius:10px!important;
  color:#334155!important;font-size:14px!important;font-weight:650!important;
  background:transparent!important;border:0!important;text-decoration:none!important;
}
.top-nav .menu a:hover,.top-nav .menu a[aria-current="page"]{background:var(--app-blue-soft)!important;color:var(--app-navy)!important}
.top-nav .dropdown-menu{
  position:absolute!important;top:100%!important;right:0!important;left:auto!important;
  min-width:210px!important;padding:8px!important;margin:0!important;list-style:none!important;
  background:#fff!important;border:1px solid var(--app-line)!important;border-radius:14px!important;
  box-shadow:0 16px 38px rgba(15,39,66,.13)!important;
}
.top-nav .dropdown-menu a{width:100%!important}
#nav-spacer{height:18px!important}

.wrap{max-width:1180px!important;width:min(1180px,calc(100% - 40px))!important;margin-inline:auto!important;padding-left:0!important;padding-right:0!important}
main.wrap{padding-bottom:54px!important}
.breadcrumbs,.crumbs{color:var(--app-muted)!important;font-size:13px!important}
.breadcrumbs a,.crumbs a{font-weight:650!important}
.muted,.hint{color:var(--app-muted)!important}
.section-title,h1{color:var(--app-navy)!important;letter-spacing:-.025em!important}
.section-title{font-size:clamp(28px,3.5vw,38px)!important}

/* page headers */
.echo-page-header{margin:20px 0 22px!important;align-items:center!important}
.echo-page-header h1{font-size:clamp(30px,4vw,42px)!important;line-height:1.08!important;color:var(--app-navy)!important}
.echo-page-kicker{color:var(--app-blue)!important}
.echo-page-subtitle{color:var(--app-muted)!important}

/* surfaces */
.card,.echo-card{
  background:rgba(255,255,255,.96)!important;
  color:var(--app-ink)!important;
  border:1px solid var(--app-line)!important;
  border-radius:var(--app-radius)!important;
  box-shadow:var(--app-shadow-sm)!important;
}
.echo-card{overflow:hidden!important;margin-bottom:16px!important}
.echo-card-head{
  background:linear-gradient(180deg,#fbfdff,#f7fafc)!important;
  border-bottom:1px solid var(--app-line)!important;
  padding:15px 18px 13px!important;
}
.echo-card-head h2,.card h2,.card h3{color:var(--app-navy)!important}
.echo-card-body{padding:18px!important}
.measure-group{
  background:var(--app-surface-soft)!important;
  border:1px solid #e3ebf2!important;
  border-radius:13px!important;
}
.measure-group-title{color:#355f82!important}
.measure-group-title::before{background:var(--app-blue)!important}
.calc-strip,.advanced-box{
  background:#f8fafc!important;border-color:#e1eaf1!important;color:#475569!important;
}

/* controls */
label{color:#334155!important;font-weight:680!important}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  background:#fff!important;color:var(--app-ink)!important;
  border:1px solid #d5e1eb!important;border-radius:11px!important;
  box-shadow:inset 0 1px 0 rgba(15,39,66,.015)!important;
}
input:not([type="checkbox"]):not([type="radio"]):hover,select:hover,textarea:hover{border-color:#b9cede!important}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{
  outline:none!important;border-color:#78a7c9!important;
  box-shadow:0 0 0 3px rgba(39,102,155,.11)!important;
}
input[readonly]{background:#f3f6f8!important;color:#5d6b79!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--app-blue)!important}

.btn,.pagelink,.btn-open,.action-btn,button{
  border-radius:10px!important;font-weight:720!important;
  transition:background .16s,border-color .16s,transform .16s,box-shadow .16s!important;
}
.btn,.pagelink,.btn-open,.action-btn{
  background:#fff!important;color:var(--app-navy)!important;
  border:1px solid var(--app-line-strong)!important;
  box-shadow:0 2px 5px rgba(15,39,66,.035)!important;
}
.btn:hover,.pagelink:hover,.btn-open:hover,.action-btn:hover{background:#f2f7fb!important;border-color:#afc8da!important;color:var(--app-navy)!important;transform:translateY(-1px)}
.btn.primary,.btn-primary,#btnSave,#btnPrint,#btnNew{
  background:var(--app-navy)!important;color:#fff!important;border-color:var(--app-navy)!important;
}
.btn.primary:hover,.btn-primary:hover,#btnSave:hover,#btnPrint:hover,#btnNew:hover{background:var(--app-navy-2)!important;color:#fff!important}
.btn-delete,.danger,button.danger{
  background:var(--app-danger-soft)!important;color:var(--app-danger)!important;border:1px solid #f0c7c2!important;
}

/* tables */
table{background:#fff!important;color:var(--app-ink)!important;border-collapse:separate!important;border-spacing:0!important;width:100%!important}
thead th{
  color:#526273!important;background:#f5f8fb!important;border-bottom:1px solid var(--app-line)!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase!important;
}
th,td{border-bottom:1px solid #e8eef3!important}
tbody tr:hover td{background:#f8fbfd!important}
tbody tr:last-child td{border-bottom:0!important}

/* studies */
.controls{gap:12px!important}
#search{background:#fff!important;color:var(--app-ink)!important;border:1px solid #d5e1eb!important}
.toolbar-scope{padding:10px 12px!important;background:#f8fafc!important;border:1px solid var(--app-line)!important;border-radius:12px!important}
#tbl{border-radius:12px!important;overflow:hidden!important}

/* private file manager */
.private-shell{padding-top:22px!important}
.private-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}
.private-kicker{color:var(--app-blue);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.private-title-row h1{margin:4px 0 0;font-size:34px}
.private-card{padding:22px!important}
.private-card .crumbs{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin-bottom:16px!important}
.private-card .toolbar{
  display:grid!important;grid-template-columns:minmax(220px,1.8fr) minmax(140px,.65fr) minmax(120px,.5fr) auto auto!important;
  gap:12px!important;align-items:end!important;padding:15px!important;margin:0 0 12px!important;
  background:#f8fafc!important;border:1px solid #e4ebf1!important;border-radius:14px!important;
}
.private-card .toolbar .field{min-width:0!important}
.private-card .toolbar label{display:block!important;font-size:12px!important;margin-bottom:6px!important}
.private-card .toolbar input,.private-card .toolbar select{width:100%!important;padding:10px 11px!important}
.private-card .toolbar .check{display:flex!important;align-items:center!important;gap:8px!important;padding-bottom:9px!important;white-space:nowrap!important}
.private-card .toolbar .check input{width:auto!important}
.private-card .files{border:1px solid var(--app-line)!important;border-radius:12px!important;overflow:hidden!important}
.private-card .files td,.private-card .files th{padding:11px 12px!important}
.private-card .files td:first-child{font-weight:650!important;color:#334155!important}
.pagination{display:flex!important;gap:6px!important;justify-content:center!important;align-items:center!important;margin-top:18px!important}
.pagination a,.pagination span{min-width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:1px solid var(--app-line)!important;border-radius:9px!important;background:#fff!important;color:var(--app-navy)!important}
.pagination .active{background:var(--app-navy)!important;color:#fff!important;border-color:var(--app-navy)!important}
.empty{padding:28px!important;text-align:center!important;color:var(--app-muted)!important;background:#f8fafc!important;border:1px dashed #cfdde8!important;border-radius:12px!important}

/* login / user management */
.login-shell,.account-shell{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:34px 20px}
.login-card,.account-card{width:min(480px,100%);padding:30px!important}
.login-card h1,.account-card h1{margin:0 0 6px!important}
.login-card .subtitle,.account-card .subtitle{color:var(--app-muted);margin:0 0 22px}
.notice-success{padding:11px 13px;border:1px solid #bfe3d4;background:#eef9f5;color:var(--app-success);border-radius:10px}
.notice-error{padding:11px 13px;border:1px solid #f0c7c2;background:#fff1f0;color:var(--app-danger);border-radius:10px}

/* leki */
.page{background:#fff!important;border:1px solid var(--app-line)!important;box-shadow:var(--app-shadow)!important;color:var(--app-ink)!important}
.page h2{color:var(--app-navy)!important}

@media (max-width:900px){
  .wrap{width:min(100% - 24px,1180px)!important}
  .top-nav .wrap{width:100%!important;padding:0 12px!important;overflow:visible!important}
  .top-nav .menu{flex-wrap:wrap!important;padding:8px 0!important}
  .private-card .toolbar{grid-template-columns:1fr 1fr!important}
  .private-card .toolbar .field:first-of-type{grid-column:1/-1!important}
  .patient-grid,.clinic-grid,.measure-groups{grid-template-columns:1fr!important}
  .measure-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:620px){
  .wrap{width:min(100% - 18px,1180px)!important}
  .top-nav .menu a{padding:8px 9px!important;font-size:13px!important}
  .echo-page-header,.private-title-row{align-items:flex-start!important;flex-direction:column!important}
  .grid,.grid-2,.patient-grid,.clinic-grid,.measure-grid,.measure-grid.two,.measure-grid.three,.measure-grid.four{grid-template-columns:1fr!important}
  .span-2{grid-column:auto!important}
  .private-card{padding:14px!important}
  .private-card .toolbar{grid-template-columns:1fr!important}
  .private-card .toolbar .field:first-of-type{grid-column:auto!important}
  .controls{align-items:stretch!important;flex-direction:column!important}
  #search{width:100%!important;max-width:none!important}
  table{font-size:13px!important}
}


/* ===== FIX 2026-08-31: studies contrast ===== */
#tbl tbody td{
  color:#26384a!important;
  background:#fff!important;
}
#tbl tbody tr:hover td{
  background:#f3f8fc!important;
  color:#172b3f!important;
}
#tbl tbody td a:not(.btn-open):not(.btn-delete){
  color:#1f5f91!important;
}

/* ===== FIX 2026-08-31: private file manager ===== */
.private-card{
  overflow:visible!important;
}
.private-card .toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:10px!important;
}
.private-card .toolbar .field{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  min-width:150px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.private-card .toolbar .field:first-of-type{
  flex:1 1 280px!important;
}
.private-card .toolbar .check{
  flex:0 0 auto!important;
  flex-direction:row!important;
  align-items:center!important;
  padding:0 4px 10px!important;
}
.private-card .toolbar .check label,
.private-card .toolbar .check span{
  margin:0!important;
}
.private-card .files{
  display:table!important;
  width:100%!important;
  table-layout:auto!important;
  overflow:visible!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.private-card .files thead{
  display:table-header-group!important;
}
.private-card .files tbody{
  display:table-row-group!important;
}
.private-card .files tr{
  display:table-row!important;
}
.private-card .files th,
.private-card .files td{
  display:table-cell!important;
  visibility:visible!important;
  opacity:1!important;
  color:#26384a!important;
  background:#fff!important;
  vertical-align:middle!important;
}
.private-card .files thead th{
  background:#f5f8fb!important;
  color:#526273!important;
}
.private-card .files td:first-child{
  color:#26384a!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.private-card .files td:first-child a{
  color:#1f5f91!important;
  font-weight:700!important;
}
.private-card .files td:nth-child(2),
.private-card .files td:nth-child(3){
  color:#526273!important;
}
.private-card .files td:last-child{
  white-space:nowrap!important;
}
.private-card .files form{
  margin:0 0 0 6px!important;
}
.private-card .files form:first-child{
  margin-left:0!important;
}
.private-card .files .btn{
  padding:7px 10px!important;
  font-size:13px!important;
}
@media (max-width:700px){
  .private-card .toolbar{
    align-items:stretch!important;
  }
  .private-card .toolbar .field,
  .private-card .toolbar .field:first-of-type{
    flex:1 1 100%!important;
  }
  .private-card .toolbar .check{
    padding:4px 0!important;
  }
}


/* ===== FIX: stable dropdown hover ===== */
.top-nav .dropdown{position:relative!important}
.top-nav .dropdown::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:10px;
}
.top-nav .dropdown-menu{
  margin-top:0!important;
}
.top-nav .dropdown:hover>.dropdown-menu,
.top-nav .dropdown:focus-within>.dropdown-menu{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}


/* =========================================================
   2026-09-01 — wspólne subtelne tło tlo.jpg + pozycja logowania
   ========================================================= */

/* Zdjęcie jest tylko delikatnym akcentem pod interfejsem.
   URL jest liczony względem internal.css, więc działa również
   na podstronach /private/. */
html{
  background:#eef4f8!important;
}

body{
  background:
    linear-gradient(90deg,
      rgba(247,250,252,.975) 0%,
      rgba(247,250,252,.955) 45%,
      rgba(242,247,250,.90) 72%,
      rgba(238,245,249,.82) 100%
    ),
    url("tlo.jpg") right center / cover fixed no-repeat!important;
  background-attachment:fixed!important;
}

/* Bardzo lekki błękitny wash zachowuje spójność i czytelność. */
body::before{
  content:"";
  position:fixed;
  inset:68px 0 0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.52),transparent 30%),
    linear-gradient(180deg,rgba(232,241,247,.12),rgba(246,249,251,.26));
}

/* Karty pozostają czytelne, ale nie są całkowicie "odcięte" od tła. */
.card,.echo-card,.private-card,.login-card,.account-card{
  background:rgba(255,255,255,.955)!important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

/* LOGIN:
   wcześniejszy grid miał również #nav-spacer jako osobny element,
   przez co właściwa karta trafiała zdecydowanie za nisko. */
.login-shell{
  min-height:calc(100vh - 68px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:clamp(72px,10vh,118px) 20px 48px!important;
}

.login-shell > #nav-spacer{
  display:none!important;
}

.login-card{
  margin:0 auto!important;
}

/* Panele konta również lekko wyżej niż geometryczny środek. */
.account-shell{
  min-height:calc(100vh - 68px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:clamp(58px,8vh,94px) 20px 48px!important;
}

/* Na telefonie zdjęcie ma pozostać tylko tłem, nie dominować. */
@media (max-width:700px){
  body{
    background:
      linear-gradient(rgba(247,250,252,.94),rgba(244,248,251,.94)),
      url("tlo.jpg") 68% center / cover fixed no-repeat!important;
  }
  .login-shell{
    padding:46px 14px 36px!important;
  }
  .account-shell{
    padding:38px 14px 36px!important;
  }
}


/* =========================================================
   2026-09-01 — Safari: tlo.jpg bez poziomego "ucięcia"
   ========================================================= */

/* Safari potrafi dzielić background-attachment:fixed na body
   przy długiej stronie. Obraz przenosimy na osobną warstwę fixed. */
html{
  background:#eef4f8!important;
}

body{
  position:relative!important;
  z-index:0!important;
  background:#f4f8fb!important;
  background-image:none!important;
  background-attachment:scroll!important;
}

/* Jedna stała warstwa od nawigacji aż do dołu ekranu. */
body::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  top:68px!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(247,250,252,.975) 0%,
      rgba(247,250,252,.955) 45%,
      rgba(242,247,250,.90) 72%,
      rgba(238,245,249,.82) 100%
    ),
    url("tlo.jpg") right center / cover no-repeat!important;
}

/* Wszystko użytkowe nad warstwą tła. */
.top-nav,
body > main,
body > header,
body > footer,
body > .login-shell,
body > .account-shell,
body > .private-shell,
body > #nav-spacer{
  position:relative!important;
  z-index:1!important;
}

/* Stopka nie może przykrywać zdjęcia własnym tłem. */
footer{
  background:transparent!important;
}

/* Na małych ekranach ten sam mechanizm, tylko większe rozjaśnienie. */
@media (max-width:700px){
  body{
    background:#f4f8fb!important;
    background-image:none!important;
  }
  body::before{
    background:
      linear-gradient(rgba(247,250,252,.94),rgba(244,248,251,.94)),
      url("tlo.jpg") 68% center / cover no-repeat!important;
  }
}


/* =========================================================
   2026-09-01 — FIX menu "Więcej" po zmianie tła
   ========================================================= */

/* Dropdown nie może mieć przerwy między przyciskiem i panelem. */
.top-nav .dropdown{
  position:relative!important;
}

/* Ważne: menu styka się bezpośrednio z przyciskiem. */
.top-nav .dropdown-menu{
  top:100%!important;
  margin-top:0!important;
  z-index:10050!important;
}

/* Stabilny hover/focus — niezależny od body::before używanego przez tło. */
.top-nav .dropdown:hover > .dropdown-menu,
.top-nav .dropdown:focus-within > .dropdown-menu,
.top-nav .dropdown-menu:hover{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Niewidoczny mostek robimy na samym LI.
   Nie używa body::before/body::after, więc nie koliduje z warstwą tła. */
.top-nav .dropdown > a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:12px;
  z-index:10049;
}

/* Dropdown zawsze nad zdjęciem i kartami. */
.top-nav{
  z-index:11000!important;
  overflow:visible!important;
}
.top-nav ul,
.top-nav li{
  overflow:visible!important;
}

/* Jeśli któryś wcześniejszy styl dodawał transform/filter,
   wyłączamy go na rodzicach menu, bo w Safari może tworzyć nowy stacking context. */
.top-nav .dropdown,
.top-nav .dropdown-menu{
  transform:none!important;
  filter:none!important;
}


/* =========================================================
   2026-09-01 — Studies: toolbar naprawdę w jednej linii
   + luźniejsza paginacja
   ========================================================= */

body .list-toolbar{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  gap:14px!important;
}

body .search-wrap{
  flex:1 1 auto!important;
  max-width:none!important;
  min-width:280px!important;
}

body .toolbar-right{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  gap:10px!important;
  width:auto!important;
}

body .toolbar-right .scope-field{
  min-width:145px!important;
}

body .toolbar-right .per-page-field{
  min-width:105px!important;
}

body .toolbar-right #scope,
body .toolbar-right #perPage{
  width:100%!important;
}

body .toolbar-right .refresh-btn{
  min-height:38px!important;
  padding:9px 15px!important;
  margin:0!important;
}

/* Stary osobny wiersz zakresu nie jest już potrzebny. */
body .admin-scope{
  display:none!important;
}

/* Paginacja */
body .pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  margin:26px 0 18px!important;
}

body .pagination .pagelink{
  min-height:38px!important;
  padding:9px 15px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:700!important;
}

body .pagination #pageInfo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:116px!important;
  min-height:38px!important;
  padding:8px 13px!important;
  border:1px solid #d9e3eb!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.92)!important;
  color:#526273!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
}

@media (max-width:820px){
  body .list-toolbar{
    flex-wrap:wrap!important;
  }
  body .search-wrap{
    flex:1 1 100%!important;
    min-width:100%!important;
  }
  body .toolbar-right{
    width:100%!important;
  }
}

/* ===== FIX 2026-09-03: kontrast E/A, E/E' i Relaksacja ===== */

.echo-card .calc,
.echo-card .calc label,
.echo-card .calc span,
.echo-card .calc strong,
.echo-card .calc output {
    color:#26384a !important;
}

.echo-card .calc input,
.echo-card .calc select {
    color:#172b3f !important;
    background:#ffffff !important;
    border-color:#cbd9e4 !important;
    opacity:1 !important;
}

/* Elementy nieaktywne nadal czytelne */
.echo-card .calc input:disabled,
.echo-card .calc select:disabled {
    color:#526273 !important;
    background:#f1f5f8 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#526273 !important;
}


/* ===== FIX 2026-09-03: czytelny pasek obliczeń E/A, E/E' i Relaksacja ===== */

.calc-strip{
  color:#26384a !important;
}

.calc-strip .calc-item,
.calc-strip .calc-item strong{
  color:#26384a !important;
  opacity:1 !important;
  -webkit-text-fill-color:#26384a !important;
}

.calc-strip .value-badge{
  color:#173a5e !important;
  background:#eef4f8 !important;
  border:1px solid #c8d8e4 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#173a5e !important;
}