@import url("/assets/portal-base.css?v=20260815-signature-2");

:root{
  --portal-paper:#F7F5F0;
  --portal-panel:#FFFFFF;
  --portal-soft:#F4F1EA;
  --portal-ink:#111111;
  --portal-muted:#5F5D58;
  --portal-line:#E5E1DA;
  --portal-orange:#AC5334;
}

body.portal-app{
  background:
    radial-gradient(720px circle at 100% 0, rgba(172,83,52,.045), transparent 48%),
    var(--portal-paper);
}

:focus-visible{outline-color:rgba(172,83,52,.35)}
.portal-preview-pill{border-color:#D8B4A7;background:#FBF4F1;color:#8E422B}
.portal-action-card{border-color:#D8B4A7;background:linear-gradient(135deg,#fff,#FBF5F2)}
.portal-primary:hover{background:#91462E}

/* Keep the selected RP Bora signature consistent in Client Portal and Care Centre headers. */
.portal-brand{
  position:relative;
  flex:0 0 158px;
  width:158px;
  height:54px;
}
.portal-brand .portal-mark{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.portal-brand::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:url("/assets/rp-bora-signature.svg?v=20260815-signature-2") left center/contain no-repeat;
  pointer-events:none;
}

@media(max-width:620px){
  .portal-brand{
    flex-basis:126px;
    width:126px;
    height:44px;
  }
}