/* Integrar17: the clinic's blue and yellow identity, shared across entrypoints. */
:root{
  --navy:#173c5a;--navy-2:#205678;
  --wine:#087eb3;--wine-2:#159ac5;--wine-soft:#e9f5fc;
  --text:#203d52;--integrar-yellow:#f1ca29;
  --prime-canvas-solid:#edf5fa;
  --prime-canvas-bg:linear-gradient(135deg,#e7f2f9,#f6fafc);
  --prime-form-canvas:#edf5fb;
}
.p2-shell-sidebar-only>#p2-nav,.pp-prof-sidebar{
  background:linear-gradient(165deg,#173c5a 0%,#185b7e 72%,#137ba4 100%)!important;
}
.p2-login-showcase,.p2-home-hero{
  background:linear-gradient(135deg,#173c5a,#127eaa)!important;
}
.p2-login-showcase .p2-eyebrow{border-color:var(--integrar-yellow);color:#fff}
.p2-sidebar-brand .p2-sidebar-brand-symbol,.pp-header-symbol{
  border-radius:0!important;background:transparent!important;border:0;box-shadow:none;
}
.p2-sidebar-brand strong{letter-spacing:0}
.p2-sidebar-brand small{max-width:180px}
.p2-link.on,.p2-submenu button.on{
  background:#e9f5fc!important;color:#174d70!important;
  box-shadow:inset 3px 0 0 var(--integrar-yellow)!important;
}
.pp-prof-menu-item.on{box-shadow:inset 3px 0 0 var(--integrar-yellow)!important}
.p2-btn:not(.secondary):not(.danger),.p2-menu-trigger,.pp-btn:not(.secondary),.p2-fin-tabs button.on{
  background:linear-gradient(135deg,var(--wine),var(--wine-2))!important;color:#fff;
  box-shadow:0 6px 15px rgb(8 126 179 / .18);
}
.p2-btn:not(.secondary):not(.danger):hover{box-shadow:0 6px 18px rgb(8 126 179 / .22)}
.p2-login-card .p2-kicker,.pp-kicker{color:var(--wine)}
.pp-prof-home-hero{background:linear-gradient(118deg,#eef7fc,#fff)!important}
.owner-header,.p2-top{background:linear-gradient(105deg,#173c5a,#147da4)!important}

/* A single transparent signature, with room to breathe on both entry layouts. */
.p2-login-brand{min-height:132px!important;width:min(480px,100%)!important}
.p2-login-brand .p2-login-brand-img{max-width:480px!important;max-height:126px!important}
.p2-login-mobile-brand.p2-official-brand-mobile{height:108px!important;margin-bottom:24px!important}
.p2-login-mobile-brand .p2-login-brand-img{max-width:360px!important;max-height:96px!important}
.p2-sidebar-brand strong{font-size:20px!important;font-weight:700!important;letter-spacing:-.5px}
@media(max-width:520px){
  .p2-login-mobile-brand.p2-official-brand-mobile{height:90px!important;margin-bottom:20px!important}
  .p2-login-mobile-brand .p2-login-brand-img{max-width:300px!important;max-height:80px!important}
}

/* Payment navigation uses the clinic identity; payment statuses keep their colors. */
.pag-tabs .pag-tab:not(.on){
  background:#f2f8fc!important;color:#235b78!important;border-color:#cbdfe9!important;
}
.pag-tabs .pag-tab.on{
  background:#087eb3!important;color:#fff!important;border-color:#087eb3!important;
  box-shadow:inset 0 -3px 0 var(--integrar-yellow),0 4px 12px #087eb31c!important;
}
.pag-tabs .pag-tab:not(.on):hover{background:#e5f2fa!important;border-color:#087eb3!important}
::selection{background:#fff1b0;color:#173c5a}