/* Shared, light-mode notice; namespaced to leave each app's layout untouched. */
.akzenta-maintenance-banner,
.akzenta-maintenance-dialog {
  font-family: var(--font-ui);
  color: #20242b;
  font-size: var(--text-body);
  line-height: var(--leading-body);
  box-sizing: border-box;
}
.akzenta-maintenance-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin: 20px 0;
  padding: 24px;
  background: linear-gradient(120deg, #fff, #fff4f5);
  border: 1px solid #efd4d9;
  border-left: 5px solid #df1237;
  border-radius: 18px;
}
.akzenta-maintenance-banner-content { flex: 1 1 200px; min-width: 0; }
.akzenta-maintenance-banner h2 { margin: 5px 0; font-size: var(--text-heading); font-weight: 600; line-height: var(--leading-heading); }
.akzenta-maintenance-banner p { margin: 0; color: #46505f; font-weight: 400; }
.akzenta-maintenance-logo { flex: none; object-fit: contain; width: 72px; height: 72px; }
.akzenta-maintenance-eyebrow {
  display: block; margin: 0; font-size: var(--text-label); font-weight: 600;
  color: #b10e2d; letter-spacing: normal; line-height: var(--leading-label); text-transform: none;
}
.akzenta-maintenance-more {
  flex: none; padding: 9px 14px; border: 1px solid #c8a8b0; border-radius: 10px;
  background: white; color: #99102a; font: 500 var(--text-control)/var(--leading-control) var(--font-ui);
  cursor: pointer;
}
.maintenance-banner { flex-wrap: wrap; }
.maintenance-banner .akzenta-maintenance-more { margin-left: auto; }
.akzenta-maintenance-dialog {
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  border: 1px solid #e7dce0;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 28px 90px #15192340;
  overflow: auto;
}
.akzenta-maintenance-dialog::backdrop { background: #17202d80; backdrop-filter: blur(4px); }
.akzenta-maintenance-card { padding: 36px; text-align: left; }
.akzenta-maintenance-card .akzenta-maintenance-logo {
  display: block; width: 96px; height: 96px; margin-bottom: 20px;
}
.akzenta-maintenance-card h2 { margin: 10px 0 16px; font-size: var(--text-title); font-weight: 600; line-height: var(--leading-title); color: #20242b; }
.akzenta-maintenance-description { margin: 0 0 28px; font-size: var(--text-message); font-weight: 400; color: #46505f; line-height: var(--leading-message); }
.akzenta-maintenance-understood {
  display: block; width: 100%; padding: 13px 22px; border: 1px solid #d00c30;
  border-radius: 12px; background: #dc1237; color: #fff;
  font: 500 var(--text-control)/var(--leading-control) var(--font-ui); cursor: pointer;
}
.akzenta-maintenance-understood:hover { background: #be0e2e; }
.akzenta-maintenance-more:focus-visible,
.akzenta-maintenance-understood:focus-visible { outline: 3px solid #242832; outline-offset: 4px; }
html.akzenta-maintenance-is-open { overflow: hidden; }
@media (max-width: 640px) {
  .akzenta-maintenance-banner { flex-wrap: wrap; gap: 14px; padding: 18px; margin: 14px 0; }
  .akzenta-maintenance-logo { width: 52px; height: 52px; }
  .akzenta-maintenance-banner h2 { font-size: var(--text-heading); line-height: var(--leading-heading); }
  .akzenta-maintenance-banner-content { flex-basis: calc(100% - 66px); }
  .akzenta-maintenance-more { margin-left: auto; }
  .akzenta-maintenance-card { padding: 26px; }
  .akzenta-maintenance-card h2 { font-size: var(--text-title); line-height: var(--leading-title); }
  .akzenta-maintenance-description { font-size: var(--text-message); line-height: var(--leading-message); }
}