/**
 * British Land customer portal theme (v3 authenticated pages).
 * Login / MFA keep Frankham tokens from app.css.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

body.v3-customer-portal {
  --color-primary: #007ba7;
  --color-secondary: #003d52;
  --color-accent: #e85d4c;
  --color-background: #f5f7f8;
  --color-surface: #ffffff;
  --color-surface-2: #eef2f4;
  --color-text: #000000;
  --color-muted-text: #475569;
  --color-border: #d5dde2;
  --v3-chrome-height: 87px;
  --v3-accent-rgb: 0, 123, 167;
  --v3-secondary-rgb: 0, 61, 82;
  --v3-title-color: #000000;
  --v3-radius: 0;

  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* British Land design language: sharp corners on all buttons */
body.v3-customer-portal :is(
  button,
  .btn-primary,
  .btn-secondary,
  .v3-toolbar-btn,
  .v3-btn-back,
  .v3-mode-btn,
  .v3-segmented__btn,
  .v3-view-btn,
  .v3-admin-tabs__link,
  .v3-admin-jump-nav__link,
  .v3-breadcrumb-back,
  .v3-map-pin,
  .v3-project-card--map__close,
  .v3-admin-project-item,
  .v3-storage-folder-card__open,
  .v3-storage-folder-card__download,
  a.btn-primary,
  a.btn-secondary
) {
  border-radius: 0 !important;
}

body.v3-customer-portal :is(
  .v3-segmented,
  .v3-mode-switch,
  .v3-view-switch,
  .v3-admin-tabs
) {
  border-radius: 0 !important;
}

body.v3-customer-portal .fx-focus:focus {
  box-shadow: 0 0 0 3px rgba(var(--v3-accent-rgb), 0.18);
}

body.v3-customer-portal .nav-link[aria-current="page"] {
  background: rgba(var(--v3-accent-rgb), 0.1);
  border-color: rgba(var(--v3-accent-rgb), 0.22);
  color: var(--v3-title-color);
}

body.v3-customer-portal .v3-sidebar nav .nav-link {
  color: var(--v3-title-color);
}

body.v3-customer-portal .v3-page-header__title {
  color: var(--v3-title-color);
}

body.v3-customer-portal .v3-btn-back {
  color: var(--v3-title-color);
}

body.v3-customer-portal .v3-page-header__copy #v3DocTitle {
  color: var(--v3-title-color);
}

body.v3-customer-portal .v3-sidebar__brand {
  box-sizing: border-box;
  height: var(--v3-chrome-height);
  min-height: var(--v3-chrome-height);
  max-height: var(--v3-chrome-height);
}

body.v3-customer-portal .v3-sidebar__logo {
  width: auto;
  height: auto;
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

body.v3-customer-portal .v3-sidebar__logo img {
  width: 3rem;
  height: 3rem;
}

body.v3-customer-portal .v3-page-header__inner {
  position: relative;
}

body.v3-customer-portal .v3-page-header__customer-brand {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  height: calc(var(--v3-chrome-height) - 2.25rem);
  padding-left: 29px;
  padding-right: 29px;
}

body.v3-customer-portal .v3-page-header__customer-logo {
  display: block;
  height: 100%;
  width: auto;
  max-width: min(12rem, 36vw);
  object-fit: contain;
  object-position: center center;
}

body.v3-customer-portal .v3-page-header {
  box-sizing: border-box;
  height: 87px;
  min-height: 87px;
  max-height: 87px;
  display: flex;
  flex-direction: column;
}

body.v3-customer-portal .v3-page-header__inner {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

body.v3-customer-portal .v3-page-header__subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.v3-customer-portal .v3-project-hero__scrim {
  background: linear-gradient(
    to top,
    rgba(var(--v3-secondary-rgb), 0.9) 0%,
    rgba(var(--v3-secondary-rgb), 0.5) 12%,
    transparent 25%
  );
}