/* Approved phone colour layer. No dimensions, borders, spacing, fonts or
 * layout properties: the restored calendar and all existing owners stay put.
 * First important layer wins over legacy neutral icon declarations. */
@layer peV2SoftBlue20261018n {
  @media (max-width:768px) {
    html.peV2PhoneRenderGuard {
      --v2-soft-blue:#2b96e5;
      --v2-soft-blue-ink:#427fa8;
      --v2-soft-icon:#6e8fa9;
    }
    html.peV2PhoneRenderGuard .pe87Top .pe87Brand {filter:none!important;}
    html.peV2PhoneRenderGuard .pe87Top .pe87Title strong {color:#15365f!important;}
    html.peV2PhoneRenderGuard .pe87Top .pe87Title b {color:var(--v2-soft-blue)!important;}
    html.peV2PhoneRenderGuard .pe87Top .pe87Logo {border-color:#a4c5dc!important;}

    /* Tint only owned icon pixels; labels and action button surfaces stay neutral. */
    html.peV2PhoneRenderGuard :is(.peV2LineIcon,.peV2RegisterIcon),
    html.peV2PhoneRenderGuard .peV2SettingsEntryIcon svg,
    html.peV2PhoneRenderGuard #peV2BottomNavigation button svg {
      color:var(--v2-soft-icon)!important;filter:none!important;
    }
    html.peV2PhoneRenderGuard [data-v2-line-icon="save"] .peV2LineIcon {color:#5c8f87!important;}
    html.peV2PhoneRenderGuard [data-v2-line-icon="trash"] .peV2LineIcon {color:#b47b7b!important;}
    html.peV2PhoneRenderGuard :is([data-v2-line-icon="users"],[data-v2-line-icon="user"]) .peV2LineIcon {color:#9184a0!important;}
    html.peV2PhoneRenderGuard :is([data-v2-line-icon="clock"],[data-v2-line-icon="alertTriangle"],[data-v2-line-icon="bolt"]) .peV2LineIcon {color:#ad986b!important;}
    html.peV2PhoneRenderGuard :is([data-v2-line-icon="check"],[data-v2-line-icon="activity"],[data-v2-line-icon="play"]) .peV2LineIcon {color:#658f80!important;}
    html.peV2PhoneRenderGuard [data-v2-line-icon="close"] .peV2LineIcon {color:#b38080!important;}
    html.peV2PhoneRenderGuard [data-v2-line-icon="arrowUpRight"] .peV2LineIcon {color:#7d91b0!important;}
    html.peV2PhoneRenderGuard [data-v2-line-icon="pause"] .peV2LineIcon {color:#9086a8!important;}
    html.peV2PhoneRenderGuard :is(h1,h2,h3,h4,summary) .peV2LineIcon {color:var(--v2-soft-blue-ink)!important;}
    html.peV2PhoneRenderGuard :is(button,[role="button"]):is(:disabled,[aria-disabled="true"]) :is(.peV2LineIcon,.peV2RegisterIcon) {color:#929292!important;}

    /* Navigation selection is an accent, not a filled action button. */
    html.peV2PhoneRenderGuard #peV2BottomNavigation button.is-active {
      background-color:#f0f8fe!important;color:#247cbd!important;
    }
    html.peV2PhoneRenderGuard #peV2BottomNavigation button.is-active :is(span,svg) {color:#247cbd!important;}

    /* Login intentionally uses the unchanged operating-site design. */
  }
}