/* Final fidelity details from the approved retreat preview. */
.retreat-masthead::before,.retreat-masthead::after{
  content:"";
  position:fixed;
  top:-12px;
  width:190px;height:170px;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background-repeat:no-repeat;
  background-size:contain;
}
.retreat-masthead::before{
  left:-26px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 170'%3E%3Cg fill='none' stroke='%23ef75ae' stroke-width='3' stroke-linecap='round' opacity='.72'%3E%3Cpath d='M18 156C55 108 72 61 92 8'/%3E%3Cpath d='M43 124C20 106 16 88 20 69 43 77 52 95 43 124Z' fill='%23f8b9d5'/%3E%3Cpath d='M62 95C39 78 38 58 44 39 66 50 75 69 62 95Z' fill='%23f5a7ca'/%3E%3Cpath d='M78 67C59 50 62 30 72 14 91 30 93 49 78 67Z' fill='%23f9c4db'/%3E%3Cpath d='M51 137C70 120 90 121 106 130 90 149 70 152 51 137Z' fill='%23f8bfd8'/%3E%3C/g%3E%3C/svg%3E");
}
.retreat-masthead::after{
  right:-34px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 170'%3E%3Cg fill='none' stroke='%2322b9c5' stroke-width='3' stroke-linecap='round' opacity='.68'%3E%3Cpath d='M174 156C137 108 120 61 100 8'/%3E%3Cpath d='M149 124C172 106 176 88 172 69 149 77 140 95 149 124Z' fill='%23b8edf0'/%3E%3Cpath d='M130 95C153 78 154 58 148 39 126 50 117 69 130 95Z' fill='%23a6e5ea'/%3E%3Cpath d='M114 67C133 50 130 30 120 14 101 30 99 49 114 67Z' fill='%23c8f1f3'/%3E%3Cpath d='M141 137C122 120 102 121 86 130 102 149 122 152 141 137Z' fill='%23bcebee'/%3E%3C/g%3E%3C/svg%3E");
}

/* Thursday's JS says Check-in; visually present the approved PATIENT EXPERIENCE label without altering behavior. */
body:has(#app) .brand-mark{font-size:0!important;gap:10px!important;}
body:has(#app) .brand-mark::after{
  content:"PATIENT EXPERIENCE";
  font-size:13px;
  font-weight:800;
  letter-spacing:.12em;
  color:var(--exact-navy);
  white-space:nowrap;
}

/* Thin watercolor speckle accents inspired by the approved artwork. */
.shell .content{background-image:
  radial-gradient(circle at 5% 18%,rgba(255,47,135,.11) 0 1px,transparent 2px),
  radial-gradient(circle at 8% 22%,rgba(34,198,211,.09) 0 1px,transparent 2px)!important;
  background-size:19px 19px,27px 27px!important;
  background-position:-12px 4px,-8px 9px!important;
  background-repeat:no-repeat!important;
}

/* Keep actual reading areas white, crisp, and high contrast. */
.option,.status-card,.scripture-card,.review-card,.scale,.chart-card,.chart-status{background-color:#fff!important;}

@media(max-width:760px){
  .retreat-masthead::before,.retreat-masthead::after{width:120px;height:110px;top:-8px;opacity:.25;}
  body:has(#app) .brand-mark::after{font-size:11px;}
}