:root {
  --admin-navy: #0f356d;
  --admin-ink: #0b2241;
  --admin-muted: #6b7280;
  --admin-line: #e3e9f3;
  --admin-soft-blue: #eff5ff;
  --admin-orange: #ff8a00;
  --admin-green: #20b486;
  --admin-page: #fbfcff;
}

.todayAgendaBadge.adminSummaryBadge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 25px !important;
  border: 1px solid #cfe0fb !important;
  background: #eaf2ff !important;
  color: #173b73 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.todayAgendaBadge.adminSummaryBadge:active {
  transform: translateY(1px);
}

/* Offertes app polish 2026-06-16: mobile stats, icon assets and offer cards. */
body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid,
body.mijnlwm-admin-render.offerteCockpit .statGrid.offerStatsGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 22px !important;
  overflow: visible !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard {
  min-width: 0 !important;
  min-height: 78px !important;
  padding: 11px 9px !important;
  border-radius: 16px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  font-size: 0 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon img {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard span {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 3px !important;
  color: #536076 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard b {
  display: block !important;
  margin: 0 !important;
  color: var(--admin-navy) !important;
  font-size: 25px !important;
  line-height: .95 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerCard {
  align-items: center !important;
  border-radius: 20px !important;
  gap: 14px !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerPhoto,
body.mijnlwm-admin-render.offerteCockpit .offerPhoto.empty {
  border-radius: 16px !important;
  background: #f1f5f9 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerMeta {
  align-items: flex-start !important;
  gap: 8px !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerChip {
  width: max-content !important;
  max-width: 100% !important;
  min-height: 31px !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  line-height: 1.05 !important;
}

@media (max-width: 560px) {
  body.mijnlwm-admin-render.offerteCockpit {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .wrap {
    width: 100% !important;
    max-width: 430px !important;
    overflow: visible !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .card {
    padding: 18px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid,
  body.mijnlwm-admin-render.offerteCockpit .statGrid.offerStatsGrid {
    gap: 8px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard {
    min-height: 74px !important;
    padding: 9px 7px !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon {
    width: 34px !important;
    height: 34px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon img {
    width: 25px !important;
    height: 25px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard span {
    font-size: 10.5px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard b {
    font-size: 24px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerCard {
    grid-template-columns: minmax(118px, 42%) minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
    align-items: center !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerPhoto,
  body.mijnlwm-admin-render.offerteCockpit .offerPhoto.empty {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.28 / 1 !important;
    align-self: center !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerHead {
    display: block !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerTitle strong {
    font-size: 21px !important;
    line-height: 1.08 !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerTitle span {
    font-size: 14px !important;
    line-height: 1.22 !important;
    margin-top: 8px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerMeta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    margin-top: 14px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerChip {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerChip.followDue {
    width: 100% !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerArrow {
    display: none !important;
  }
}

body.mijnlwm-admin-render.offerteCockpit .offerCardWrap {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerArchiveQuickForm {
  display: flex !important;
  justify-content: flex-end !important;
  margin: -2px 4px 8px !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerArchiveQuickBtn {
  width: auto !important;
  min-height: 36px !important;
  border: 1px solid #d8e1ef !important;
  border-radius: 999px !important;
  background: #f8fbff !important;
  color: #53647f !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerArchiveQuickBtn:active {
  transform: translateY(1px) !important;
}

@media (max-width: 560px) {
  body.mijnlwm-admin-render.offerteCockpit .offerArchiveQuickForm {
    justify-content: flex-end !important;
    margin: -2px 0 10px !important;
    padding-right: 2px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerArchiveQuickBtn {
    min-height: 34px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
  }
}

/* 20260619: show full bitmap badges in the offerte stat cards. */
body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon,
body.mijnlwm-admin-render.offerteCockpit .statGrid.offerStatsGrid .statIcon {
  overflow: visible !important;
  background: transparent !important;
  border-radius: 0 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon:before,
body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon:after,
body.mijnlwm-admin-render.offerteCockpit .statGrid.offerStatsGrid .statIcon:before,
body.mijnlwm-admin-render.offerteCockpit .statGrid.offerStatsGrid .statIcon:after {
  display: none !important;
  content: none !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon img,
body.mijnlwm-admin-render.offerteCockpit .statGrid.offerStatsGrid .statIcon img {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

@media (min-width: 761px) {
  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon img,
  body.mijnlwm-admin-render.offerteCockpit .statGrid.offerStatsGrid .statIcon img {
    width: 38px !important;
    height: 38px !important;
  }
}
*** End of File

/* Final admin menu placement: phone/iPad at bottom, desktop/MacBook top right. */
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  body.mijnlwm-admin-render {
    padding-bottom: 38px !important;
  }

  body.mijnlwm-admin-render.has-mijnlwm-floating-nav:not(.has-mijnlwm-app-back) {
    padding-top: calc(82px + env(safe-area-inset-top)) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-header {
    width: auto !important;
    max-width: none !important;
    margin: 0 auto 0 max(22px, env(safe-area-inset-left)) !important;
    padding: calc(10px + env(safe-area-inset-top)) 0 8px !important;
    min-height: calc(56px + env(safe-area-inset-top)) !important;
    justify-content: flex-start !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
    display: none !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    display: grid !important;
    left: auto !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    top: calc(12px + env(safe-area-inset-top)) !important;
    bottom: auto !important;
    transform: none !important;
    width: min(520px, calc(100vw - 320px)) !important;
    min-width: 430px !important;
    max-width: 520px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 6px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(216, 225, 239, .92) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 12px 28px rgba(15, 35, 65, .10) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
    min-height: 48px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    gap: 2px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav img {
    width: 22px !important;
    height: 22px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a[aria-current="page"] {
    background: #eef4ff !important;
    box-shadow: inset 0 0 0 1px rgba(30, 55, 110, .08) !important;
  }
}

@media (hover: none), (pointer: coarse), (max-width: 1024px) {
  body.mijnlwm-admin-render {
    padding-bottom: calc(118px + env(safe-area-inset-bottom)) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    display: grid !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    transform: translateX(-50%) !important;
    width: min(680px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: 680px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    border-radius: 22px !important;
    padding: 8px 10px 10px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
    min-height: 58px !important;
    border-radius: 16px !important;
  }
}

/* Final admin menu placement: phone/iPad at bottom, desktop/MacBook top right. */
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  body.mijnlwm-admin-render {
    padding-bottom: 38px !important;
  }

  body.mijnlwm-admin-render.has-mijnlwm-floating-nav:not(.has-mijnlwm-app-back) {
    padding-top: calc(82px + env(safe-area-inset-top)) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-header {
    width: auto !important;
    max-width: none !important;
    margin: 0 auto 0 max(22px, env(safe-area-inset-left)) !important;
    padding: calc(10px + env(safe-area-inset-top)) 0 8px !important;
    min-height: calc(56px + env(safe-area-inset-top)) !important;
    justify-content: flex-start !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
    display: none !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    display: grid !important;
    left: auto !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    top: calc(12px + env(safe-area-inset-top)) !important;
    bottom: auto !important;
    transform: none !important;
    width: min(520px, calc(100vw - 320px)) !important;
    min-width: 430px !important;
    max-width: 520px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 6px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(216, 225, 239, .92) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 12px 28px rgba(15, 35, 65, .10) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
    min-height: 48px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    gap: 2px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav img {
    width: 22px !important;
    height: 22px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a[aria-current="page"] {
    background: #eef4ff !important;
    box-shadow: inset 0 0 0 1px rgba(30, 55, 110, .08) !important;
  }
}

@media (hover: none), (pointer: coarse), (max-width: 1024px) {
  body.mijnlwm-admin-render {
    padding-bottom: calc(118px + env(safe-area-inset-bottom)) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    display: grid !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    transform: translateX(-50%) !important;
    width: min(680px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: 680px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    border-radius: 22px !important;
    padding: 8px 10px 10px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
    min-height: 58px !important;
    border-radius: 16px !important;
  }
}

/* Admin menu placement: phone/iPad at the bottom, desktop/MacBook top right. */
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  body.mijnlwm-admin-render {
    padding-bottom: 38px !important;
  }

  body.mijnlwm-admin-render.has-mijnlwm-floating-nav:not(.has-mijnlwm-app-back) {
    padding-top: calc(82px + env(safe-area-inset-top)) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-header {
    width: auto !important;
    max-width: none !important;
    margin: 0 auto 0 max(22px, env(safe-area-inset-left)) !important;
    padding: calc(10px + env(safe-area-inset-top)) 0 8px !important;
    min-height: calc(56px + env(safe-area-inset-top)) !important;
    justify-content: flex-start !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
    display: none !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    display: grid !important;
    left: auto !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    top: calc(12px + env(safe-area-inset-top)) !important;
    bottom: auto !important;
    transform: none !important;
    width: min(520px, calc(100vw - 320px)) !important;
    min-width: 430px !important;
    max-width: 520px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 6px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(216, 225, 239, .92) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 12px 28px rgba(15, 35, 65, .10) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
    min-height: 48px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    gap: 2px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav img {
    width: 22px !important;
    height: 22px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a[aria-current="page"] {
    background: #eef4ff !important;
    box-shadow: inset 0 0 0 1px rgba(30, 55, 110, .08) !important;
  }
}

@media (hover: none), (pointer: coarse), (max-width: 1024px) {
  body.mijnlwm-admin-render {
    padding-bottom: calc(118px + env(safe-area-inset-bottom)) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    display: grid !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    transform: translateX(-50%) !important;
    width: min(680px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: 680px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    border-radius: 22px !important;
    padding: 8px 10px 10px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
    min-height: 58px !important;
    border-radius: 16px !important;
  }
}

html, body {
  background: var(--admin-page) !important;
}

body.mijnlwm-admin-render {
  color: var(--admin-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  padding: calc(92px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-left)) calc(112px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-right)) !important;
}

body.mijnlwm-admin-render .wrap {
  width: min(100%, 720px);
  max-width: 720px;
  margin: 0 auto;
  padding: 0 !important;
}

body.mijnlwm-admin-render h1,
body.mijnlwm-admin-render h2,
body.mijnlwm-admin-render h3,
body.mijnlwm-admin-render b,
body.mijnlwm-admin-render strong {
  color: var(--admin-ink);
  letter-spacing: 0;
}

body.mijnlwm-admin-render h1 {
  font-size: clamp(38px, 8vw, 48px);
  line-height: 1.02;
  margin: 10px 0 22px;
  font-weight: 950;
}

body.mijnlwm-admin-render .hero,
body.mijnlwm-admin-render .top {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--admin-ink) !important;
  padding: 0 !important;
  margin: 0 0 22px !important;
}

body.mijnlwm-admin-render .hero .eyebrow,
body.mijnlwm-admin-render .hero p,
body.mijnlwm-admin-render .top .muted,
body.mijnlwm-admin-render .eyebrow {
  color: var(--admin-muted) !important;
}

body.mijnlwm-admin-render .card,
body.mijnlwm-admin-render .panel,
body.mijnlwm-admin-render .todayAgenda,
body.mijnlwm-admin-render .moduleCard,
body.mijnlwm-admin-render .addressCard,
body.mijnlwm-admin-render .offerCard,
body.mijnlwm-admin-render .keyRow,
body.mijnlwm-admin-render .missingRow,
body.mijnlwm-admin-render .todayItem,
body.mijnlwm-admin-render .agendaTile {
  border: 1px solid var(--admin-line) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(15, 35, 65, .07) !important;
}

body.mijnlwm-admin-render .todayAgenda,
body.mijnlwm-admin-render .panel,
body.mijnlwm-admin-render .card {
  padding: 22px !important;
  margin: 0 0 22px !important;
}

body.mijnlwm-admin-render .todayAgendaHead b,
body.mijnlwm-admin-render .panel h2,
body.mijnlwm-admin-render .card h2 {
  font-size: 28px;
  line-height: 1.1;
  margin: 0;
  font-weight: 950;
}

body.mijnlwm-admin-render .muted,
body.mijnlwm-admin-render .meta,
body.mijnlwm-admin-render .small,
body.mijnlwm-admin-render .todayAgendaText span,
body.mijnlwm-admin-render .addressCard span,
body.mijnlwm-admin-render .offerTitle span {
  color: var(--admin-muted) !important;
}

body.mijnlwm-admin-render .todayAgendaItem {
  grid-template-columns: 88px minmax(0, 1fr) 42px !important;
  gap: 16px !important;
  align-items: center;
  padding: 18px !important;
  border-radius: 18px !important;
}

body.mijnlwm-admin-render .todayAgendaTime,
body.mijnlwm-admin-render .timeAddress {
  color: var(--admin-navy) !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render .todayAgendaTime {
  white-space: nowrap !important;
}

body.mijnlwm-admin-render .todayAgendaText {
  border-left: 2px solid var(--admin-navy);
  padding-left: 18px;
}

body.mijnlwm-admin-render .todayAgendaText strong {
  font-size: 15px !important;
  line-height: 1.16 !important;
  hyphens: none;
}

body.mijnlwm-admin-render .todayAgendaBadge,
body.mijnlwm-admin-render .statusBadge,
body.mijnlwm-admin-render .pill,
body.mijnlwm-admin-render .offerChip {
  border: 0 !important;
  background: #e8f0ff !important;
  color: var(--admin-navy) !important;
  border-radius: 12px !important;
  padding: 8px 12px !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  white-space: normal !important;
}

body.mijnlwm-admin-render .homeGrid,
body.mijnlwm-admin-render .topGrid,
body.mijnlwm-admin-render .grid,
body.mijnlwm-admin-render .utilityGrid {
  grid-template-columns: 1fr !important;
}

body.mijnlwm-admin-render .moduleCard {
  min-height: 0 !important;
  padding: 24px !important;
  grid-template-columns: 68px minmax(0, 1fr) auto;
  grid-template-rows: auto;
  align-items: center;
}

body.mijnlwm-admin-render .moduleIcon,
body.mijnlwm-admin-render .keyBadge {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: var(--admin-navy) !important;
  color: #fff !important;
  display: grid;
  place-items: center;
}

body.mijnlwm-admin-render .moduleCard.gold .moduleIcon,
body.mijnlwm-admin-render .moduleCard.gold .keyBadge {
  background: var(--admin-orange) !important;
}

body.mijnlwm-admin-render .moduleCard.green .moduleIcon {
  background: var(--admin-green) !important;
}

body.mijnlwm-admin-render .btn,
body.mijnlwm-admin-render button {
  border-radius: 18px !important;
  min-height: 52px;
  font-weight: 950;
}

body.mijnlwm-admin-render .btn.orange,
body.mijnlwm-admin-render button.orange {
  background: var(--admin-orange) !important;
}

body.mijnlwm-admin-render .offerCard {
  grid-template-columns: 74px minmax(0, 1fr) 38px !important;
  padding: 18px !important;
}

body.mijnlwm-admin-render .offerPhoto {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
}

body.mijnlwm-admin-render .statusSummary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.mijnlwm-admin-render .statusSummary .declined {
  display: none;
}

body.mijnlwm-admin-render .statusBox {
  border-radius: 18px !important;
  min-height: 106px;
}

body.mijnlwm-admin-render .statusBox b {
  font-size: 30px !important;
}

body.mijnlwm-admin-render .keyRow summary,
body.mijnlwm-admin-render .todayItem {
  grid-template-columns: 72px minmax(0, 1fr) 42px !important;
}

body.mijnlwm-admin-render .keyAddress {
  font-size: 21px;
}

body.mijnlwm-admin-render .todayItem .keyBadge {
  font-size: 0 !important;
}

body.mijnlwm-admin-render .todayItem .keyBadge:before {
  content: "";
  width: 28px;
  height: 28px;
  border: 3px solid currentColor;
  border-radius: 50%;
  box-shadow: -13px 13px 0 -7px currentColor;
}

body.mijnlwm-admin-render .mijnlwm-admin-page-title {
  display: block;
}

body.mijnlwm-admin-render #lwm-chatbot-root {
  right: max(22px, env(safe-area-inset-right));
  bottom: calc(98px + env(safe-area-inset-bottom)) !important;
}

body.mijnlwm-admin-render .lwm-chat-launch {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--admin-navy);
}

body.mijnlwm-admin-render .lwm-chat-badge {
  background: var(--admin-orange);
  font-size: 16px;
}

body.mijnlwm-admin-render .mijnlwm-floating-nav {
  top: 0 !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-header {
  width: min(100%, 720px) !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: calc(18px + env(safe-area-inset-top)) 22px 14px !important;
  min-height: calc(76px + env(safe-area-inset-top)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand {
  color: var(--admin-ink) !important;
  gap: 14px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand img {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 20px rgba(15, 35, 65, .16) !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span {
  display: block !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  color: var(--admin-navy) !important;
  width: 178px !important;
  height: 44px !important;
  max-width: 178px !important;
  background: none !important;
  position: relative;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span:before {
  content: none;
  position: absolute;
  inset: 0 auto auto 0;
  color: transparent;
  font-size: 0;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span:after {
  content: "MAKELAARDIJ";
  position: absolute;
  left: 2px;
  top: 30px;
  color: var(--admin-ink);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .22em;
}

body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  border-radius: 50% !important;
  background: var(--admin-navy) !important;
  border-color: var(--admin-navy) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.mijnlwm-admin-bottom-nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 99980;
  width: min(720px, 100vw);
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  padding: 10px max(14px, env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-right));
  border: 1px solid var(--admin-line);
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 -10px 26px rgba(15, 35, 65, .10);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.mijnlwm-admin-bottom-nav a {
  min-width: 0;
  min-height: 66px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  color: #778195;
  text-decoration: none;
  font-size: 11px;
  font-weight: 850;
  border-radius: 18px;
  white-space: nowrap;
  overflow: hidden;
}

.mijnlwm-admin-bottom-nav svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mijnlwm-admin-bottom-nav a[aria-current="page"] {
  color: var(--admin-navy);
  font-weight: 950;
}

.mijnlwm-admin-bottom-nav a[aria-current="page"] svg {
  stroke-width: 2.8;
}

@media (max-width: 560px) {
  body.mijnlwm-admin-render {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  body.mijnlwm-admin-render .todayAgendaItem,
  body.mijnlwm-admin-render .keyRow summary,
  body.mijnlwm-admin-render .todayItem,
  body.mijnlwm-admin-render .offerCard {
    grid-template-columns: 76px minmax(0, 1fr) 34px !important;
    gap: 12px !important;
  }

  body.mijnlwm-admin-render .todayAgendaTime,
  body.mijnlwm-admin-render .timeAddress {
    font-size: 24px !important;
  }

  body.mijnlwm-admin-render .btn.secondary {
    min-width: 34px;
    width: 34px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.mijnlwm-admin-render .statusSummary {
    gap: 10px;
  }
}

/* Reference admin app screens, shared by Dashboard, Agenda, Sleutels, Offertes and Meer. */
body.mijnlwm-admin-render {
  --admin-navy: #0c356d;
  --admin-ink: #0a2342;
  --admin-muted: #667085;
  --admin-line: #e7edf6;
  --admin-page: #fdfefe;
  --admin-soft-blue: #eef5ff;
  --admin-orange: #ff8a00;
  --admin-green: #20b486;
  background: #fff !important;
  padding: calc(118px + env(safe-area-inset-top)) 26px calc(130px + env(safe-area-inset-bottom)) !important;
}

body.mijnlwm-admin-render .wrap {
  width: min(100%, 640px);
  max-width: 640px;
}

body.mijnlwm-admin-render h1 {
  font-size: 44px !important;
  line-height: 1.04 !important;
  margin: 0 0 26px !important;
  font-weight: 950 !important;
  color: var(--admin-ink) !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-nav {
  background: #fff !important;
  box-shadow: none !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-header {
  width: min(100%, 640px) !important;
  max-width: 640px !important;
  min-height: calc(92px + env(safe-area-inset-top)) !important;
  padding: calc(20px + env(safe-area-inset-top)) 0 14px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand img {
  width: 62px !important;
  height: 62px !important;
  flex-basis: 62px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span {
  width: 176px !important;
  height: 48px !important;
  max-width: 176px !important;
  color: var(--admin-navy) !important;
  font-size: 26px !important;
  line-height: 1 !important;
  overflow: visible !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span b {
  color: var(--admin-orange) !important;
  font: inherit !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span:after {
  top: 31px;
  left: 1px;
  color: var(--admin-ink);
  font-size: 10px;
  letter-spacing: .25em;
}

body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
  width: 62px !important;
  height: 62px !important;
  flex-basis: 62px !important;
}

body.mijnlwm-admin-render .hero {
  display: none !important;
}

body.mijnlwm-admin-render .admin-stat-row,
body.mijnlwm-admin-render .statusSummary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 0 26px !important;
}

body.mijnlwm-admin-render .admin-stat-card,
body.mijnlwm-admin-render .statusBox {
  border: 1px solid var(--admin-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  min-height: 112px !important;
  box-shadow: 0 12px 28px rgba(12, 35, 66, .06) !important;
  padding: 20px 18px !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 14px !important;
  align-items: center !important;
}

body.mijnlwm-admin-render .admin-stat-card .admin-icon,
body.mijnlwm-admin-render .statusBox:before {
  grid-row: 1 / 3;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--admin-soft-blue);
  color: var(--admin-navy);
  font-weight: 950;
}

body.mijnlwm-admin-render .admin-stat-card.orange .admin-icon,
body.mijnlwm-admin-render .statusBox.draft:before {
  background: #fff2e5;
  color: var(--admin-orange);
}

body.mijnlwm-admin-render .statusBox.sent:before {
  background: #eef5ff;
  color: #1769ff;
}

body.mijnlwm-admin-render .statusBox.accepted:before {
  background: #eafaf3;
  color: var(--admin-green);
}

body.mijnlwm-admin-render .statusBox:before {
  content: "";
}

body.mijnlwm-admin-render .statusBox.draft:before {
  content: "D";
}

body.mijnlwm-admin-render .statusBox.sent:before {
  content: "V";
}

body.mijnlwm-admin-render .statusBox.accepted:before {
  content: "A";
}

body.mijnlwm-admin-render .admin-stat-card b,
body.mijnlwm-admin-render .statusBox b {
  color: var(--admin-navy) !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

body.mijnlwm-admin-render .admin-stat-card.orange b,
body.mijnlwm-admin-render .statusBox.draft b {
  color: var(--admin-orange) !important;
}

body.mijnlwm-admin-render .admin-stat-card small,
body.mijnlwm-admin-render .statusBox span {
  color: #536076 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.mijnlwm-admin-render .todayAgenda,
body.mijnlwm-admin-render .panel,
body.mijnlwm-admin-render .card {
  border-radius: 24px !important;
  border-color: var(--admin-line) !important;
  box-shadow: 0 14px 34px rgba(12, 35, 66, .08) !important;
  margin-bottom: 26px !important;
  padding: 22px !important;
}

body.mijnlwm-admin-render .todayAgendaHead {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  margin-bottom: 20px !important;
}

body.mijnlwm-admin-render .todayAgendaHead:before {
  content: "";
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--admin-navy);
  display: block;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Offertes"] .todayAgendaHead:before,
body.mijnlwm-admin-render .card .moduleIcon {
  background: var(--admin-orange) !important;
}

body.mijnlwm-admin-render .todayAgendaHead b,
body.mijnlwm-admin-render .panel h2,
body.mijnlwm-admin-render .card h2 {
  font-size: 27px !important;
  line-height: 1.08 !important;
  color: var(--admin-ink) !important;
}

body.mijnlwm-admin-render .todayAgendaHead span {
  color: #25314a !important;
  font-size: 24px !important;
  letter-spacing: .08em;
}

body.mijnlwm-admin-render .todayAgendaItem,
body.mijnlwm-admin-render .todayItem {
  border: 1px solid var(--admin-line) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  padding: 20px !important;
  min-height: 94px !important;
  background: #fff !important;
}

body.mijnlwm-admin-render .todayAgendaTime {
  font-size: 28px !important;
  color: var(--admin-navy) !important;
  align-self: stretch;
  display: grid;
  align-content: center;
}

body.mijnlwm-admin-render .todayAgendaTime small {
  color: var(--admin-ink);
  font-weight: 950;
}

body.mijnlwm-admin-render .todayAgendaText {
  border-left: 2px solid #1d5da6;
  min-height: 62px;
  display: grid;
  align-content: center;
}

body.mijnlwm-admin-render .todayAgendaText strong,
body.mijnlwm-admin-render .todayAgendaItem strong,
body.mijnlwm-admin-render .timeAddress {
  font-size: 22px !important;
  line-height: 1.15 !important;
  color: var(--admin-ink) !important;
}

body.mijnlwm-admin-render .todayAgendaBadge,
body.mijnlwm-admin-render .statusBadge,
body.mijnlwm-admin-render .offerChip,
body.mijnlwm-admin-render .pill {
  width: max-content;
  max-width: 100%;
  background: #e8f1ff !important;
  color: var(--admin-navy) !important;
  border-radius: 12px !important;
  padding: 7px 12px !important;
}

body.mijnlwm-admin-render .btn.secondary,
body.mijnlwm-admin-render .offerArrow {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid var(--admin-line) !important;
  color: var(--admin-ink) !important;
  box-shadow: 0 8px 18px rgba(12, 35, 66, .06) !important;
}

body.mijnlwm-admin-render .utilityGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid var(--admin-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(12, 35, 66, .08);
  overflow: hidden;
}

body.mijnlwm-admin-render .utilityGrid a {
  border: 0 !important;
  border-right: 1px solid #eef2f7 !important;
  border-bottom: 1px solid #eef2f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 130px;
  text-align: center;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  font-size: 16px;
}

body.mijnlwm-admin-render .utilityGrid a small {
  display: block;
  color: var(--admin-muted);
  font-size: 13px;
  line-height: 1.25;
}

body.mijnlwm-admin-render .section-label {
  margin: 30px 0 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 22px !important;
  color: #536076 !important;
}

body.mijnlwm-admin-render .keyTable,
body.mijnlwm-admin-render .missingTable,
body.mijnlwm-admin-render #handmatig,
body.mijnlwm-admin-render .keyHead {
  display: none !important;
}

body.mijnlwm-admin-render .topGrid {
  display: block !important;
}

body.mijnlwm-admin-render .panel:first-of-type h2 {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

body.mijnlwm-admin-render .panel:first-of-type h2:after {
  content: attr(data-count);
}

body.mijnlwm-admin-render .todayItem {
  grid-template-columns: 82px minmax(0, 1fr) auto !important;
}

body.mijnlwm-admin-render .todayItem:after,
body.mijnlwm-admin-render .keyRow summary:after {
  content: ">";
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--admin-line);
  border-radius: 14px;
  color: var(--admin-ink);
}

body.mijnlwm-admin-render .offerCard {
  grid-template-columns: 82px minmax(0, 1fr) 46px !important;
  padding: 24px 22px !important;
  border-left-width: 1px !important;
}

body.mijnlwm-admin-render .offerPhoto,
body.mijnlwm-admin-render .offerPhoto.empty {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: #fff2e5 !important;
  color: var(--admin-orange) !important;
}

body.mijnlwm-admin-render .offerPhoto.empty small {
  display: none !important;
}

body.mijnlwm-admin-render .offerTitle strong {
  font-size: 24px !important;
}

body.mijnlwm-admin-render .offerAmount {
  display: none !important;
}

body.mijnlwm-admin-render .card > h2 {
  margin-bottom: 20px !important;
}

.mijnlwm-admin-bottom-nav {
  width: min(680px, calc(100vw - 28px));
  bottom: calc(10px + env(safe-area-inset-bottom));
  border: 1px solid var(--admin-line);
  border-radius: 22px;
  padding: 8px 12px 10px;
}

.mijnlwm-admin-bottom-nav a {
  min-height: 62px;
  font-size: 12px;
}

.mijnlwm-admin-bottom-nav a[aria-current="page"] {
  background: #fff;
  box-shadow: 0 8px 20px rgba(12, 35, 66, .06);
}

@media (max-width: 560px) {
  body.mijnlwm-admin-render {
    padding: calc(112px + env(safe-area-inset-top)) 22px calc(128px + env(safe-area-inset-bottom)) !important;
  }

  body.mijnlwm-admin-render h1 {
    font-size: 38px !important;
  }

  body.mijnlwm-admin-render .admin-stat-row,
  body.mijnlwm-admin-render .statusSummary {
    gap: 12px !important;
  }

  body.mijnlwm-admin-render .admin-stat-card,
  body.mijnlwm-admin-render .statusBox {
    min-height: 100px !important;
    padding: 14px 12px !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }

  body.mijnlwm-admin-render .admin-stat-card .admin-icon,
  body.mijnlwm-admin-render .statusBox:before {
    width: 48px;
    height: 48px;
  }

  body.mijnlwm-admin-render .admin-stat-card b,
  body.mijnlwm-admin-render .statusBox b {
    font-size: 27px !important;
  }

  body.mijnlwm-admin-render .admin-stat-card small,
  body.mijnlwm-admin-render .statusBox span {
    font-size: 12px !important;
  }

  body.mijnlwm-admin-render .todayAgendaHead {
    grid-template-columns: 66px minmax(0, 1fr) auto !important;
  }

  body.mijnlwm-admin-render .todayAgendaHead:before {
    width: 58px;
    height: 58px;
  }

  body.mijnlwm-admin-render .todayAgendaItem,
  body.mijnlwm-admin-render .todayItem,
  body.mijnlwm-admin-render .offerCard {
    grid-template-columns: 76px minmax(0, 1fr) 40px !important;
    padding: 18px !important;
  }

  body.mijnlwm-admin-render .todayAgendaText strong,
  body.mijnlwm-admin-render .todayAgendaItem strong,
  body.mijnlwm-admin-render .timeAddress,
  body.mijnlwm-admin-render .offerTitle strong {
    font-size: 20px !important;
  }

  body.mijnlwm-admin-render .utilityGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.mijnlwm-admin-render .utilityGrid a {
    min-height: 116px;
    padding: 10px 6px !important;
    font-size: 13px;
  }

  body.mijnlwm-admin-render .utilityGrid a small {
    font-size: 11px;
  }
}

/* Final proportion pass against the 5 supplied iPhone references. */
body.mijnlwm-admin-render {
  padding: calc(96px + env(safe-area-inset-top)) 22px calc(112px + env(safe-area-inset-bottom)) !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-header {
  width: min(100%, 660px) !important;
  max-width: 660px !important;
  min-height: calc(76px + env(safe-area-inset-top)) !important;
  padding: calc(16px + env(safe-area-inset-top)) 0 8px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand img {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span {
  width: 140px !important;
  height: 38px !important;
  max-width: 140px !important;
  font-size: 20px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span:after {
  top: 24px;
  font-size: 8px;
  letter-spacing: .24em;
}

body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
}

body.mijnlwm-admin-render h1,
body.mijnlwm-admin-render .top h1 {
  font-size: 34px !important;
  line-height: 1.08 !important;
  margin-bottom: 20px !important;
}

body.mijnlwm-admin-render .admin-stat-row,
body.mijnlwm-admin-render .statusSummary,
body.mijnlwm-admin-render .statGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 22px !important;
}

body.mijnlwm-admin-render .admin-stat-card,
body.mijnlwm-admin-render .statusBox,
body.mijnlwm-admin-render .statCard {
  min-height: 78px !important;
  padding: 12px 10px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  column-gap: 9px !important;
  border-radius: 16px !important;
}

body.mijnlwm-admin-render .admin-stat-card .admin-icon,
body.mijnlwm-admin-render .statusBox:before,
body.mijnlwm-admin-render .statIcon {
  width: 42px !important;
  height: 42px !important;
}

body.mijnlwm-admin-render .admin-stat-card b,
body.mijnlwm-admin-render .statusBox b,
body.mijnlwm-admin-render .statCard b {
  font-size: 24px !important;
}

body.mijnlwm-admin-render .admin-stat-card small,
body.mijnlwm-admin-render .statusBox span,
body.mijnlwm-admin-render .statCard span {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

body.mijnlwm-admin-render .todayAgenda,
body.mijnlwm-admin-render .panel,
body.mijnlwm-admin-render .card {
  padding: 18px !important;
  margin-bottom: 18px !important;
  border-radius: 20px !important;
}

body.mijnlwm-admin-render .todayAgendaHead {
  grid-template-columns: 54px minmax(0, 1fr) auto !important;
  gap: 13px !important;
  margin-bottom: 16px !important;
}

body.mijnlwm-admin-render .todayAgendaHead:before {
  width: 48px;
  height: 48px;
}

body.mijnlwm-admin-render .todayAgendaHead b,
body.mijnlwm-admin-render .panel h2,
body.mijnlwm-admin-render .card h2 {
  font-size: 22px !important;
}

body.mijnlwm-admin-render .todayAgendaHead span {
  font-size: 18px !important;
}

body.mijnlwm-admin-render .todayAgendaItem,
body.mijnlwm-admin-render .todayItem,
body.mijnlwm-admin-render .offerCard {
  grid-template-columns: 68px minmax(0, 1fr) 38px !important;
  min-height: 80px !important;
  padding: 14px !important;
  gap: 12px !important;
}

body.mijnlwm-admin-render .todayAgendaTime {
  font-size: 24px !important;
}

body.mijnlwm-admin-render .todayAgendaText {
  min-height: 52px;
  padding-left: 14px;
}

body.mijnlwm-admin-render .todayAgendaText strong,
body.mijnlwm-admin-render .todayAgendaItem strong,
body.mijnlwm-admin-render .timeAddress,
body.mijnlwm-admin-render .offerTitle strong {
  font-size: 18px !important;
  line-height: 1.14 !important;
}

body.mijnlwm-admin-render .todayAgendaText span,
body.mijnlwm-admin-render .muted,
body.mijnlwm-admin-render .meta,
body.mijnlwm-admin-render .offerTitle span {
  font-size: 14px !important;
}

body.mijnlwm-admin-render .todayAgendaBadge,
body.mijnlwm-admin-render .statusBadge,
body.mijnlwm-admin-render .offerChip {
  font-size: 12px !important;
  padding: 6px 10px !important;
}

body.mijnlwm-admin-render .btn.secondary,
body.mijnlwm-admin-render .offerArrow,
body.mijnlwm-admin-render .todayItem:after,
body.mijnlwm-admin-render .keyRow summary:after {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
}

body.mijnlwm-admin-render .moduleIcon,
body.mijnlwm-admin-render .keyBadge,
body.mijnlwm-admin-render .offerPhoto,
body.mijnlwm-admin-render .offerPhoto.empty {
  width: 52px !important;
  height: 52px !important;
}

body.mijnlwm-admin-render .utilityGrid a {
  min-height: 98px;
  padding: 10px 6px !important;
  font-size: 12px;
  line-height: 1.12;
  overflow-wrap: normal;
  word-break: normal;
}

body.mijnlwm-admin-render .utilityGrid a small {
  font-size: 10px;
  line-height: 1.2;
  overflow-wrap: normal;
  word-break: normal;
}

body.mijnlwm-admin-render .section-label {
  font-size: 18px !important;
  margin: 24px 0 12px !important;
}

body.mijnlwm-admin-render .statGrid {
  display: grid !important;
}

body.mijnlwm-admin-render .statCard {
  display: grid !important;
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--admin-line) !important;
  box-shadow: 0 12px 28px rgba(12, 35, 66, .06) !important;
}

body.mijnlwm-admin-render .statCard span {
  display: block !important;
  color: #536076 !important;
  font-weight: 800 !important;
}

body.mijnlwm-admin-render .statCard b {
  display: block !important;
  color: var(--admin-navy) !important;
}

body.mijnlwm-admin-render.offerteCockpit .mijnlwm-floating-nav,
body.mijnlwm-admin-render.offerteCockpit #lwm-chatbot-root {
  display: block !important;
}

body.mijnlwm-admin-render.offerteCockpit.has-mijnlwm-floating-nav:not(.has-mijnlwm-app-back) {
  padding-top: calc(96px + env(safe-area-inset-top)) !important;
}

body.mijnlwm-admin-render.offerteCockpit .wrap {
  max-width: 640px !important;
  width: min(100%, 640px) !important;
  padding: 0 !important;
}

body.mijnlwm-admin-render.offerteCockpit .top {
  display: block !important;
  margin: 0 0 20px !important;
  overflow: visible !important;
}

body.mijnlwm-admin-render.offerteCockpit .top h1 {
  display: block !important;
  color: var(--admin-ink) !important;
  font-size: 34px !important;
}

body.mijnlwm-admin-render.offerteCockpit .offer-overview-card .statusSummary {
  display: none !important;
}

body.mijnlwm-admin-render.offerteCockpit .top .muted,
body.mijnlwm-admin-render.offerteCockpit .agendaBoard,
body.mijnlwm-admin-render.offerteCockpit .sectionHead,
body.mijnlwm-admin-render.offerteCockpit .cockpitRail {
  display: none !important;
}

/* OpenClaw asset pass: closer to the supplied five native admin references. */
body.mijnlwm-admin-render {
  --admin-navy: #1e376e;
  --admin-orange: #eb9100;
  --admin-ink: #0b2345;
  --admin-muted: #6b778c;
  --admin-line: #e5ebf5;
  --admin-page: #ffffff;
  background: #fff !important;
  padding: calc(74px + env(safe-area-inset-top)) 20px calc(100px + env(safe-area-inset-bottom)) !important;
}

body.mijnlwm-admin-render .wrap {
  width: min(100%, 632px) !important;
  max-width: 632px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-header {
  width: min(100%, 632px) !important;
  max-width: 632px !important;
  min-height: calc(64px + env(safe-area-inset-top)) !important;
  padding: calc(10px + env(safe-area-inset-top)) 0 4px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand {
  gap: 10px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand img {
  content: url("/assets/openclaw/brand/lwm_mark_192.png");
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
  box-shadow: 0 9px 18px rgba(30, 55, 110, .18) !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span {
  color: var(--admin-navy) !important;
  width: 132px !important;
  height: 32px !important;
  max-width: 132px !important;
  background: none !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  overflow: visible !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span:after {
  content: "MAKELAARDIJ" !important;
  position: absolute;
  left: 1px;
  top: 22px;
  color: var(--admin-ink);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .25em;
}

body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
  background: var(--admin-navy) !important;
  border: 0 !important;
}

body.mijnlwm-admin-render h1,
body.mijnlwm-admin-render .top h1 {
  font-size: 26px !important;
  line-height: 1.04 !important;
  margin: 0 0 18px !important;
  letter-spacing: 0 !important;
}

body.mijnlwm-admin-render .admin-page-subtitle {
  margin: -8px 0 22px !important;
  color: var(--admin-muted) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}

body.mijnlwm-admin-render .admin-stat-row,
body.mijnlwm-admin-render .statusSummary,
body.mijnlwm-admin-render .statGrid {
  gap: 11px !important;
  margin-bottom: 20px !important;
}

body.mijnlwm-admin-render .admin-stat-card,
body.mijnlwm-admin-render .statusBox,
body.mijnlwm-admin-render .statCard {
  min-height: 58px !important;
  padding: 9px 8px !important;
  border-radius: 16px !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 7px !important;
  box-shadow: 0 9px 22px rgba(30, 55, 110, .055) !important;
}

body.mijnlwm-admin-render .admin-icon,
body.mijnlwm-admin-render .admin-stat-card .admin-icon,
body.mijnlwm-admin-render .statusBox:before,
body.mijnlwm-admin-render .statIcon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background-position: center !important;
  width: 34px !important;
  height: 34px !important;
  background-size: 27px 27px !important;
  background-repeat: no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
}

body.mijnlwm-admin-render .stat-taken .admin-icon,
body.mijnlwm-admin-render .statusBox.draft:before {
  background-color: #eef5ff !important;
  background-image: url("/assets/openclaw/icons/badge/taken_badge.png") !important;
}

body.mijnlwm-admin-render .stat-leads .admin-icon {
  background-color: #fff3e4 !important;
  background-image: url("/assets/openclaw/icons/badge/leads_badge.png") !important;
}

body.mijnlwm-admin-render .stat-bezichtigingen .admin-icon {
  background-color: #eef5ff !important;
  background-image: url("/assets/openclaw/icons/badge/bezichtigingen_badge.png") !important;
}

body.mijnlwm-admin-render .statusBox.sent:before {
  background-image: url("/assets/openclaw/icons/badge/documenten_badge.png") !important;
}

body.mijnlwm-admin-render .statusBox.accepted:before {
  background-image: url("/assets/openclaw/icons/badge/check_badge.png") !important;
}

body.mijnlwm-admin-render .admin-stat-card b,
body.mijnlwm-admin-render .statusBox b,
body.mijnlwm-admin-render .statCard b {
  font-size: 20px !important;
}

body.mijnlwm-admin-render .admin-stat-card small,
body.mijnlwm-admin-render .statusBox span,
body.mijnlwm-admin-render .statCard span {
  font-size: 9px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  overflow-wrap: anywhere !important;
}

body.mijnlwm-admin-render .todayAgenda,
body.mijnlwm-admin-render .panel,
body.mijnlwm-admin-render .card {
  padding: 14px !important;
  margin-bottom: 14px !important;
  border-radius: 19px !important;
  box-shadow: 0 12px 28px rgba(30, 55, 110, .07) !important;
}

body.mijnlwm-admin-render .todayAgendaHead {
  grid-template-columns: 54px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

body.mijnlwm-admin-render .todayAgendaHead:before {
  width: 42px !important;
  height: 42px !important;
  background: var(--admin-navy) center / 33px 33px no-repeat !important;
  background-image: url("/assets/openclaw/icons/badge/agenda_badge.png") !important;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Sleutels vandaag"] .todayAgendaHead:before {
  background-image: url("/assets/openclaw/icons/badge/sleutels_badge.png") !important;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Taken"] .todayAgendaHead:before {
  background-image: url("/assets/openclaw/icons/badge/taken_badge.png") !important;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Offertes"] .todayAgendaHead:before {
  background-color: var(--admin-orange) !important;
  background-image: url("/assets/openclaw/icons/badge/offertes_badge.png") !important;
}

body.mijnlwm-admin-render .todayAgendaHead b,
body.mijnlwm-admin-render .panel h2,
body.mijnlwm-admin-render .card h2 {
  font-size: 20px !important;
  line-height: 1.05 !important;
}

body.mijnlwm-admin-render .todayAgendaHead small {
  display: block !important;
  grid-column: 2;
  color: var(--admin-muted) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  margin-top: -3px !important;
}

body.mijnlwm-admin-render .todayAgendaHead > span {
  grid-row: 1 / 3;
  grid-column: 3;
  color: #25314a !important;
  font-size: 24px !important;
}

body.mijnlwm-admin-render .todayAgendaItem,
body.mijnlwm-admin-render .todayItem,
body.mijnlwm-admin-render .offerCard {
  grid-template-columns: 58px minmax(0, 1fr) 34px !important;
  min-height: 64px !important;
  padding: 11px !important;
  gap: 11px !important;
  border-radius: 15px !important;
}

body.mijnlwm-admin-render .todayAgendaTime {
  font-size: 20px !important;
  letter-spacing: 0 !important;
}

body.mijnlwm-admin-render .todayAgendaTime small {
  display: block !important;
  font-size: 13px !important;
  margin-top: 5px !important;
}

body.mijnlwm-admin-render .todayAgendaText {
  min-height: 50px !important;
  padding-left: 14px !important;
}

body.mijnlwm-admin-render .todayAgendaText strong,
body.mijnlwm-admin-render .todayAgendaItem strong,
body.mijnlwm-admin-render .timeAddress,
body.mijnlwm-admin-render .offerTitle strong {
  font-size: 16px !important;
  line-height: 1.14 !important;
}

body.mijnlwm-admin-render .todayAgendaText span,
body.mijnlwm-admin-render .muted,
body.mijnlwm-admin-render .meta,
body.mijnlwm-admin-render .offerTitle span,
body.mijnlwm-admin-render .addressCard span {
  font-size: 12px !important;
  line-height: 1.32 !important;
}

body.mijnlwm-admin-render .todayAgendaBadge,
body.mijnlwm-admin-render .statusBadge,
body.mijnlwm-admin-render .offerChip,
body.mijnlwm-admin-render .pill {
  border-radius: 10px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
}

body.mijnlwm-admin-render .moduleIcon,
body.mijnlwm-admin-render .keyBadge,
body.mijnlwm-admin-render .offerPhoto,
body.mijnlwm-admin-render .offerPhoto.empty {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #eef5ff center / 34px 34px no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  padding: 0 !important;
}

body.mijnlwm-admin-render .keyIcon,
body.mijnlwm-admin-render .keyBadge {
  background-image: url("/assets/openclaw/icons/badge/sleutels_badge.png") !important;
}

body.mijnlwm-admin-render .taskIcon {
  background-image: url("/assets/openclaw/icons/badge/taken_badge.png") !important;
}

body.mijnlwm-admin-render .offerteIcon,
body.mijnlwm-admin-render .offerPhoto,
body.mijnlwm-admin-render .offerPhoto.empty {
  background: #fff3e4 url("/assets/openclaw/icons/badge/offertes_badge.png") center / 34px 34px no-repeat !important;
}

body.mijnlwm-admin-render .userIcon {
  background-color: var(--admin-navy) !important;
  background-image: url("/assets/openclaw/icons/badge/user_badge.png") !important;
}

body.mijnlwm-admin-render .btn.secondary,
body.mijnlwm-admin-render .offerArrow,
body.mijnlwm-admin-render .todayItem:after,
body.mijnlwm-admin-render .keyRow summary:after {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 12px !important;
  font-size: 22px !important;
}

body.mijnlwm-admin-render .todayAgendaItem > span:not(.todayAgendaTime):not(.moduleIcon) .muted,
body.mijnlwm-admin-render .todayAgendaItem > span:not(.todayAgendaTime):not(.moduleIcon) .todayAgendaBadge {
  display: block !important;
}

body.mijnlwm-admin-render .admin-date-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 12px;
  margin: 0 0 20px;
}

body.mijnlwm-admin-render .admin-date-row > * {
  min-height: 58px;
  border: 1px solid var(--admin-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(30, 55, 110, .055);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  color: var(--admin-ink);
  text-decoration: none;
}

body.mijnlwm-admin-render .admin-date-picker {
  display: block;
  padding: 0;
  overflow: visible;
}

body.mijnlwm-admin-render .admin-date-picker summary {
  min-height: 58px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  cursor: pointer;
  list-style: none;
}

body.mijnlwm-admin-render .admin-date-picker summary::-webkit-details-marker {
  display: none;
}

body.mijnlwm-admin-render .admin-date-options {
  display: grid;
  gap: 8px;
  padding: 0 14px 14px;
}

body.mijnlwm-admin-render .admin-date-options a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  border: 1px solid #e5edf8;
  border-radius: 12px;
  background: #f8fbff;
  color: var(--admin-ink);
  padding: 8px 10px;
  text-decoration: none;
}

body.mijnlwm-admin-render .admin-date-options a.active {
  border-color: #bcd4f5;
  background: #eef5ff;
}

body.mijnlwm-admin-render .admin-date-options small {
  color: var(--admin-muted);
  font-weight: 800;
}

body.mijnlwm-admin-render .admin-date-row > .admin-date-today-icon {
  justify-content: center;
  padding: 0;
}

body.mijnlwm-admin-render .admin-date-row img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex: 0 0 32px;
}

body.mijnlwm-admin-render .admin-date-row b {
  font-size: 18px;
}

body.mijnlwm-admin-render .admin-row-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #eef5ff;
  display: grid;
  place-items: center;
}

body.mijnlwm-admin-render .admin-row-icon img {
  width: 30px;
  height: 30px;
}

body.mijnlwm-admin-render .todayAgenda:has(.admin-row-icon) {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
}

body.mijnlwm-admin-render .todayAgendaItem:has(.admin-row-icon) {
  grid-template-columns: 72px minmax(0, 1fr) 38px 36px !important;
  min-height: 110px !important;
  margin-bottom: 12px !important;
  padding: 18px 12px !important;
}

body.mijnlwm-admin-render .todayAgendaItem:has(.admin-row-icon) .btn.secondary {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

body.mijnlwm-admin-render .admin-profile-card > div {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) 24px !important;
  gap: 14px !important;
  align-items: center !important;
}

body.mijnlwm-admin-render .admin-profile-card b {
  display: block;
  font-size: 18px !important;
}

body.mijnlwm-admin-render .admin-profile-card .todayAgendaBadge {
  display: inline-flex;
  margin-top: 8px;
}

body.mijnlwm-admin-render .admin-quick-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border-radius: 18px !important;
}

body.mijnlwm-admin-render .admin-quick-grid a:before {
  content: "";
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #eef5ff center / 38px 38px no-repeat;
  display: block;
  margin: 0 auto 7px;
}

body.mijnlwm-admin-render .admin-quick-grid a[class*="icon-"] {
  display: block !important;
}

body.mijnlwm-admin-render .icon-dossier:before { background-image: url("/assets/openclaw/icons/badge/dossier_badge.png") !important; }
body.mijnlwm-admin-render .icon-leads:before { background-color: #fff3e4 !important; background-image: url("/assets/openclaw/icons/badge/leads_badge.png") !important; }
body.mijnlwm-admin-render .icon-berichten:before { background-image: url("/assets/openclaw/icons/badge/berichten_badge.png") !important; }
body.mijnlwm-admin-render .icon-ai_assistent:before { background-color: #fff3e4 !important; background-image: url("/assets/openclaw/icons/badge/ai_assistent_badge.png") !important; }
body.mijnlwm-admin-render .icon-taken:before { background-image: url("/assets/openclaw/icons/badge/taken_badge.png") !important; }
body.mijnlwm-admin-render .icon-documenten:before { background-color: #fff3e4 !important; background-image: url("/assets/openclaw/icons/badge/documenten_badge.png") !important; }
body.mijnlwm-admin-render .icon-instellingen:before { background-image: url("/assets/openclaw/icons/badge/instellingen_badge.png") !important; }
body.mijnlwm-admin-render .icon-support:before { background-color: #fff3e4 !important; background-image: url("/assets/openclaw/icons/badge/support_badge.png") !important; }
body.mijnlwm-admin-render .icon-hypotheek:before {
  background-color: #e9f6ff !important;
  background-image: url("/assets/openclaw/icons/badge/dossier_badge.png") !important;
}

body.mijnlwm-admin-render .admin-hypotheek-entry {
  border-color: #b9d5f0 !important;
  background: linear-gradient(180deg, #edf7ff, #ffffff) !important;
  box-shadow: 0 14px 30px rgba(23, 59, 115, .12) !important;
}

body.mijnlwm-admin-render .admin-hypotheek-entry small {
  color: #173b73 !important;
  font-weight: 750 !important;
}

body.mijnlwm-admin-render .admin-more-list {
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(30, 55, 110, .07);
  overflow: hidden;
}

body.mijnlwm-admin-render .admin-more-list a {
  display: block;
  position: relative;
  padding: 16px 42px 16px 54px;
  color: var(--admin-ink);
  text-decoration: none;
  font-weight: 900;
  border-bottom: 1px solid #edf1f7;
}

body.mijnlwm-admin-render .admin-more-list a:last-child {
  border-bottom: 0;
}

body.mijnlwm-admin-render .admin-more-list a:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 18px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f1f4f8;
}

body.mijnlwm-admin-render .admin-more-list a:after {
  content: "›";
  position: absolute;
  right: 18px;
  top: 22px;
  color: #748096;
  font-size: 28px;
  line-height: 1;
}

body.mijnlwm-admin-render .admin-more-list span {
  display: block;
  margin-top: 4px;
  color: var(--admin-muted);
  font-size: 13px;
  font-weight: 600;
}

body.mijnlwm-admin-render .topGrid {
  display: block !important;
}

body.mijnlwm-admin-render .topGrid .panel:nth-child(2) {
  display: none !important;
}

body.mijnlwm-admin-render .topGrid .panel:first-child {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 22px !important;
}

body.mijnlwm-admin-render .topGrid .panel:first-child h2 {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px !important;
}

body.mijnlwm-admin-render .topGrid .panel:first-child h2:before {
  content: "";
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #eef5ff url("/assets/openclaw/icons/badge/agenda_badge.png") center / 34px 34px no-repeat;
}

body.mijnlwm-admin-render .topGrid .panel:first-child h2:after {
  content: attr(data-count);
}

body.mijnlwm-admin-render .topGrid .panel:first-child .muted {
  display: none !important;
}

body.mijnlwm-admin-render .todayItem {
  box-shadow: 0 10px 24px rgba(30, 55, 110, .06) !important;
}

body.mijnlwm-admin-render .keyRow summary {
  grid-template-columns: 58px minmax(0, 1fr) auto !important;
  padding: 14px !important;
}

body.mijnlwm-admin-render .keyAddress {
  font-size: 18px !important;
}

body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
  width: min(350px, calc(100vw - 24px)) !important;
  min-height: 72px !important;
  padding: 7px 8px 8px !important;
  border-radius: 18px !important;
  bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  box-shadow: 0 -6px 22px rgba(30, 55, 110, .12) !important;
}

body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
  min-height: 54px !important;
  border-radius: 15px !important;
  font-size: 11px !important;
  color: #737d90 !important;
  gap: 3px !important;
}

body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a[aria-current="page"] {
  color: var(--admin-navy) !important;
  box-shadow: 0 8px 20px rgba(30, 55, 110, .07) !important;
}

body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav img {
  width: 25px;
  height: 25px;
  display: block;
}

body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav svg {
  display: none !important;
}

@media (max-width: 420px) {
  body.mijnlwm-admin-render {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  body.mijnlwm-admin-render .admin-quick-grid a {
    min-height: 105px !important;
    font-size: 12px !important;
  }
}

/* Ref4 precision pass: align the fixed shell with the content grid and use the supplied wordmark as artwork. */
body.mijnlwm-admin-render {
  --admin-navy: #143a73;
  --admin-ink: #0a2448;
  --admin-muted: #6d778b;
  --admin-line: #e3eaf4;
  padding: calc(92px + env(safe-area-inset-top)) 28px calc(108px + env(safe-area-inset-bottom)) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body.mijnlwm-admin-render .wrap {
  width: min(100%, 620px) !important;
  max-width: 620px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-header {
  width: min(620px, calc(100vw - 56px)) !important;
  max-width: calc(100vw - 56px) !important;
  min-height: calc(74px + env(safe-area-inset-top)) !important;
  padding: calc(18px + env(safe-area-inset-top)) 0 6px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand {
  gap: 10px !important;
  align-items: center !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand img {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 50% !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span {
  width: 124px !important;
  height: 34px !important;
  max-width: 124px !important;
  color: var(--admin-navy) !important;
  font-size: 19px !important;
  line-height: .95 !important;
  font-weight: 900 !important;
  background: none !important;
  position: relative !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span:after {
  content: "MAKELAARDIJ" !important;
  position: absolute !important;
  left: 1px !important;
  top: 23px !important;
  color: var(--admin-ink) !important;
  font-size: 7px !important;
  line-height: 1 !important;
  letter-spacing: .28em !important;
  font-weight: 900 !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  inline-size: 46px !important;
  block-size: 46px !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 46px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  justify-self: end !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-menu-btn svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
}

body.mijnlwm-admin-render h1,
body.mijnlwm-admin-render .top h1 {
  font-size: 26px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  margin: 0 0 17px !important;
}

body.mijnlwm-admin-render .admin-stat-row,
body.mijnlwm-admin-render .statusSummary,
body.mijnlwm-admin-render .statGrid {
  gap: 10px !important;
  margin-bottom: 18px !important;
}

body.mijnlwm-admin-render .admin-stat-card,
body.mijnlwm-admin-render .statusBox,
body.mijnlwm-admin-render .statCard {
  min-height: 56px !important;
  padding: 9px 8px !important;
  border-radius: 14px !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: center !important;
}

body.mijnlwm-admin-render .admin-icon,
body.mijnlwm-admin-render .admin-stat-card .admin-icon,
body.mijnlwm-admin-render .statusBox:before,
body.mijnlwm-admin-render .statIcon {
  width: 32px !important;
  height: 32px !important;
  background-size: 25px 25px !important;
}

body.mijnlwm-admin-render .admin-stat-card b,
body.mijnlwm-admin-render .statusBox b,
body.mijnlwm-admin-render .statCard b {
  font-size: 19px !important;
  line-height: .95 !important;
  font-weight: 900 !important;
}

body.mijnlwm-admin-render .stat-leads b {
  color: var(--admin-orange) !important;
}

body.mijnlwm-admin-render .admin-stat-card small,
body.mijnlwm-admin-render .statusBox span,
body.mijnlwm-admin-render .statCard span {
  font-size: 8.5px !important;
  line-height: 1.12 !important;
  font-weight: 650 !important;
}

body.mijnlwm-admin-render .todayAgenda,
body.mijnlwm-admin-render .panel,
body.mijnlwm-admin-render .card {
  padding: 14px !important;
  margin-bottom: 14px !important;
  border-radius: 19px !important;
  box-shadow: 0 10px 24px rgba(20, 58, 115, .07) !important;
}

body.mijnlwm-admin-render .todayAgendaHead {
  grid-template-columns: 50px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  row-gap: 1px !important;
  margin-bottom: 10px !important;
}

body.mijnlwm-admin-render .todayAgendaHead:before {
  width: 46px !important;
  height: 46px !important;
  background-size: 46px 46px !important;
}

body.mijnlwm-admin-render .todayAgendaHead b,
body.mijnlwm-admin-render .panel h2,
body.mijnlwm-admin-render .card h2 {
  font-size: 19px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

body.mijnlwm-admin-render .todayAgendaHead small {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  margin-top: 0 !important;
}

body.mijnlwm-admin-render .todayAgendaHead > span {
  font-size: 22px !important;
  letter-spacing: .09em !important;
}

body.mijnlwm-admin-render .todayAgendaItem,
body.mijnlwm-admin-render .todayItem,
body.mijnlwm-admin-render .offerCard {
  grid-template-columns: 58px minmax(0, 1fr) 34px !important;
  min-height: 72px !important;
  padding: 12px !important;
  gap: 11px !important;
  border-radius: 14px !important;
}

body.mijnlwm-admin-render .todayAgendaTime {
  font-size: 20px !important;
  font-weight: 900 !important;
}

body.mijnlwm-admin-render .todayAgendaTime small {
  font-size: 11px !important;
  margin-top: 5px !important;
}

body.mijnlwm-admin-render .todayAgendaText {
  min-height: 48px !important;
  padding-left: 13px !important;
}

body.mijnlwm-admin-render .todayAgendaText strong,
body.mijnlwm-admin-render .todayAgendaItem strong,
body.mijnlwm-admin-render .timeAddress,
body.mijnlwm-admin-render .offerTitle strong {
  font-size: 16px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
}

body.mijnlwm-admin-render .todayAgendaText span,
body.mijnlwm-admin-render .muted,
body.mijnlwm-admin-render .meta,
body.mijnlwm-admin-render .offerTitle span,
body.mijnlwm-admin-render .addressCard span {
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.mijnlwm-admin-render .todayAgendaBadge,
body.mijnlwm-admin-render .statusBadge,
body.mijnlwm-admin-render .offerChip,
body.mijnlwm-admin-render .pill {
  font-size: 11px !important;
  line-height: 1.05 !important;
  padding: 6px 10px !important;
  border-radius: 11px !important;
  font-weight: 800 !important;
}

body.mijnlwm-admin-render .moduleIcon,
body.mijnlwm-admin-render .keyBadge,
body.mijnlwm-admin-render .offerPhoto,
body.mijnlwm-admin-render .offerPhoto.empty {
  width: 44px !important;
  height: 44px !important;
  background-size: 44px 44px !important;
}

body.mijnlwm-admin-render .btn.secondary,
body.mijnlwm-admin-render .offerArrow,
body.mijnlwm-admin-render .todayItem:after,
body.mijnlwm-admin-render .keyRow summary:after {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 11px !important;
  font-size: 20px !important;
}

body.mijnlwm-admin-render .lwm-chat-launch {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
}

body.mijnlwm-admin-render #lwm-chatbot-root {
  right: max(28px, env(safe-area-inset-right)) !important;
  bottom: 82px !important;
}

body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
  width: min(346px, calc(100vw - 34px)) !important;
  min-height: 70px !important;
  bottom: 4px !important;
  padding: 7px 8px 8px !important;
  border-radius: 18px !important;
}

body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
  min-height: 53px !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  gap: 3px !important;
}

body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a[aria-current="page"] {
  font-weight: 900 !important;
}

body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav img {
  width: 24px !important;
  height: 24px !important;
}

/* Ref8: use real bitmap lockup instead of reconstructed CSS text. */
body.mijnlwm-admin-render .mijnlwm-floating-brand {
  gap: 9px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand img {
  content: url("/assets/openclaw/brand/lwm_mark_192.png") !important;
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 50% !important;
  background: #fff !important;
  object-fit: cover !important;
  box-shadow: 0 8px 18px rgba(20, 58, 115, .13) !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span {
  display: block !important;
  width: 116px !important;
  height: 32px !important;
  max-width: 116px !important;
  background: url("/assets/openclaw/brand/mijnlwm_textmark_512.png?v=20260608-admin-ref9") left center / contain no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span b,
body.mijnlwm-admin-render .mijnlwm-floating-brand span:before,
body.mijnlwm-admin-render .mijnlwm-floating-brand span:after {
  content: none !important;
  display: none !important;
}

/* Ref9: tighten the whole shell to the supplied iPhone reference proportions. */
body.mijnlwm-admin-render {
  padding: calc(78px + env(safe-area-inset-top)) 28px calc(104px + env(safe-area-inset-bottom)) !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-header {
  width: min(620px, calc(100vw - 56px)) !important;
  min-height: calc(64px + env(safe-area-inset-top)) !important;
  padding: calc(18px + env(safe-area-inset-top)) 0 4px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand {
  gap: 9px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand img {
  content: url("/assets/openclaw/brand/lwm_mark_circle.svg?v=20260608-admin-ref9") !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  box-shadow: none !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span {
  width: 108px !important;
  height: 30px !important;
  max-width: 108px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  inline-size: 40px !important;
  block-size: 40px !important;
  flex: 0 0 40px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-menu-btn svg {
  width: 18px !important;
  height: 18px !important;
}

body.mijnlwm-admin-render h1,
body.mijnlwm-admin-render .top h1 {
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  margin-bottom: 18px !important;
}

body.mijnlwm-admin-render .admin-page-subtitle {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

body.mijnlwm-admin-render .admin-stat-row,
body.mijnlwm-admin-render .statusSummary,
body.mijnlwm-admin-render .statGrid {
  gap: 9px !important;
  margin-bottom: 18px !important;
}

body.mijnlwm-admin-render .admin-stat-card,
body.mijnlwm-admin-render .statusBox,
body.mijnlwm-admin-render .statCard {
  min-height: 54px !important;
  padding: 8px !important;
  border-radius: 14px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  column-gap: 8px !important;
}

body.mijnlwm-admin-render .admin-icon,
body.mijnlwm-admin-render .admin-stat-card .admin-icon,
body.mijnlwm-admin-render .statusBox:before,
body.mijnlwm-admin-render .statIcon {
  width: 30px !important;
  height: 30px !important;
  background-size: 24px 24px !important;
}

body.mijnlwm-admin-render .admin-stat-card b,
body.mijnlwm-admin-render .statusBox b,
body.mijnlwm-admin-render .statCard b {
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

body.mijnlwm-admin-render .admin-stat-card small,
body.mijnlwm-admin-render .statusBox span,
body.mijnlwm-admin-render .statCard span {
  font-size: 9px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.mijnlwm-admin-render .todayAgenda,
body.mijnlwm-admin-render .panel,
body.mijnlwm-admin-render .card {
  padding: 12px !important;
  margin-bottom: 16px !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(20, 58, 115, .065) !important;
}

body.mijnlwm-admin-render .todayAgendaHead {
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  column-gap: 12px !important;
  row-gap: 2px !important;
  align-content: center !important;
  margin-bottom: 12px !important;
}

body.mijnlwm-admin-render .todayAgendaHead:before {
  width: 42px !important;
  height: 42px !important;
  background-size: 42px 42px !important;
}

body.mijnlwm-admin-render .todayAgendaHead b,
body.mijnlwm-admin-render .panel h2,
body.mijnlwm-admin-render .card h2 {
  font-size: 18px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
}

body.mijnlwm-admin-render .todayAgendaHead small {
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 450 !important;
  margin-top: -10px !important;
}

body.mijnlwm-admin-render .todayAgendaHead > span {
  font-size: 20px !important;
}

body.mijnlwm-admin-render .todayAgendaItem,
body.mijnlwm-admin-render .todayItem,
body.mijnlwm-admin-render .offerCard {
  grid-template-columns: 52px minmax(0, 1fr) 32px !important;
  min-height: 74px !important;
  padding: 10px !important;
  gap: 10px !important;
  border-radius: 14px !important;
}

body.mijnlwm-admin-render .todayAgendaTime {
  font-size: 18px !important;
  font-weight: 850 !important;
}

body.mijnlwm-admin-render .todayAgendaTime small {
  font-size: 11px !important;
}

body.mijnlwm-admin-render .todayAgendaText {
  min-height: 42px !important;
  padding-left: 12px !important;
}

body.mijnlwm-admin-render .todayAgendaText strong,
body.mijnlwm-admin-render .todayAgendaItem strong,
body.mijnlwm-admin-render .timeAddress,
body.mijnlwm-admin-render .offerTitle strong,
body.mijnlwm-admin-render .keyAddress {
  font-size: 15px !important;
  line-height: 1.13 !important;
  font-weight: 850 !important;
}

body.mijnlwm-admin-render .todayAgendaText span,
body.mijnlwm-admin-render .muted,
body.mijnlwm-admin-render .meta,
body.mijnlwm-admin-render .offerTitle span,
body.mijnlwm-admin-render .addressCard span {
  font-size: 12px !important;
  line-height: 1.28 !important;
  font-weight: 450 !important;
}

body.mijnlwm-admin-render .todayAgendaBadge,
body.mijnlwm-admin-render .statusBadge,
body.mijnlwm-admin-render .offerChip,
body.mijnlwm-admin-render .pill {
  font-size: 10px !important;
  line-height: 1.05 !important;
  padding: 5px 9px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}

body.mijnlwm-admin-render .moduleIcon,
body.mijnlwm-admin-render .keyBadge,
body.mijnlwm-admin-render .offerPhoto,
body.mijnlwm-admin-render .offerPhoto.empty {
  width: 38px !important;
  height: 38px !important;
  background-size: 38px 38px !important;
}

body.mijnlwm-admin-render .btn.secondary,
body.mijnlwm-admin-render .offerArrow,
body.mijnlwm-admin-render .todayItem:after,
body.mijnlwm-admin-render .keyRow summary:after {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 10px !important;
}

body.mijnlwm-admin-render .todayItem {
  grid-template-columns: 52px minmax(0, 1fr) 32px !important;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Offertes"] .todayAgendaHead:before {
  content: "" !important;
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 50% !important;
  background-color: var(--admin-orange) !important;
  background-image: url("/assets/openclaw/icons/badge/offertes_badge.png?v=20260608-admin-ref10") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 42px 42px !important;
}

body.mijnlwm-admin-render .offerteIcon,
body.mijnlwm-admin-render .todayAgenda[aria-label="Offertes"] .todayAgendaItem .offerteIcon {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 50% !important;
  background-color: #fff3e4 !important;
  background-image: url("/assets/openclaw/icons/badge/offertes_badge.png?v=20260608-admin-ref10") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 38px 38px !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .hero {
  display: none !important;
}

body.sleutels-app-ref.mijnlwm-admin-render {
  padding-bottom: calc(128px + env(safe-area-inset-bottom)) !important;
}

@media (max-width: 1180px) {
  body.sleutels-app-ref.mijnlwm-admin-render .mijnlwm-app-back {
    display: none !important;
  }

  body.sleutels-app-ref.mijnlwm-admin-render.has-mijnlwm-app-back {
    padding-top: calc(98px + env(safe-area-inset-top)) !important;
  }
}

body.sleutels-app-ref.mijnlwm-admin-render .wrap {
  width: min(100%, 720px) !important;
  max-width: 720px !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .mijnlwm-admin-page-title {
  margin: 0 0 12px !important;
  font-size: 27px !important;
  line-height: 1.06 !important;
  font-weight: 900 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .admin-page-subtitle {
  max-width: 330px !important;
  margin: 0 0 24px !important;
  color: var(--admin-muted) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 450 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-section {
  margin: 0 0 22px !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-section-head {
  display: grid !important;
  grid-template-columns: 46px minmax(0, auto) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 12px !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-section-head h2 {
  margin: 0 !important;
  color: var(--admin-ink) !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .section-icon,
body.sleutels-app-ref.mijnlwm-admin-render .key-circle {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .section-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  background-color: #eef5ff !important;
  background-image: none !important;
  background-size: 0 0 !important;
  color: var(--admin-navy) !important;
  position: relative !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .agenda-icon {
  color: var(--admin-navy) !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .office-icon {
  background-color: #fff5e8 !important;
  color: var(--admin-orange) !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .issued-icon {
  background-color: #eafaf2 !important;
  color: #0a8f5b !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .missing-icon {
  color: var(--admin-navy) !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .section-icon:before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 12px !important;
  width: 10px !important;
  height: 10px !important;
  border: 3px solid currentColor !important;
  border-radius: 50% !important;
  transform: rotate(-42deg) !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .section-icon:after {
  content: "" !important;
  position: absolute !important;
  left: 19px !important;
  top: 23px !important;
  width: 18px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  transform: rotate(-42deg) !important;
  transform-origin: left center !important;
  box-shadow: 8px 0 0 -1px currentColor, 12px 0 0 -1px currentColor !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .count-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .count-pill.blue {
  background: #eef5ff !important;
  color: var(--admin-navy) !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .count-pill.orange {
  background: #fff3e4 !important;
  color: var(--admin-orange) !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .count-pill.green {
  background: #e8f8ef !important;
  color: #0a8f5b !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .section-link {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--admin-navy) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .section-link span {
  font-size: 23px !important;
  line-height: .8 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-card-list {
  display: grid !important;
  gap: 12px !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-card,
body.sleutels-app-ref.mijnlwm-admin-render .key-card-wrap {
  min-width: 0 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-card {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) auto 34px !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 78px !important;
  padding: 12px !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(20, 58, 115, .065) !important;
  list-style: none !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-card::-webkit-details-marker {
  display: none !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-circle {
  width: 42px !important;
  height: 42px !important;
  position: relative !important;
  background-image: none !important;
  background-size: 0 0 !important;
  color: var(--admin-navy) !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-circle.blue {
  background-color: #f1f6ff !important;
  color: var(--admin-navy) !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-circle.orange {
  background-color: #fff2df !important;
  color: var(--admin-orange) !important;
  filter: none !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-circle.green {
  background-color: #e9f8f0 !important;
  color: #0a8f5b !important;
  filter: none !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-circle:not(.muted-key):before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 12px !important;
  width: 10px !important;
  height: 10px !important;
  border: 3px solid currentColor !important;
  border-radius: 50% !important;
  transform: rotate(-42deg) !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-circle:not(.muted-key):after {
  content: "" !important;
  position: absolute !important;
  left: 19px !important;
  top: 23px !important;
  width: 18px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  transform: rotate(-42deg) !important;
  transform-origin: left center !important;
  box-shadow: 8px 0 0 -1px currentColor, 12px 0 0 -1px currentColor !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-circle.muted-key {
  color: var(--admin-muted) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  background: #f4f6fb !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .section-icon:before,
body.sleutels-app-ref.mijnlwm-admin-render .section-icon:after,
body.sleutels-app-ref.mijnlwm-admin-render .key-circle:not(.muted-key):before,
body.sleutels-app-ref.mijnlwm-admin-render .key-circle:not(.muted-key):after {
  content: none !important;
  display: none !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .section-icon,
body.sleutels-app-ref.mijnlwm-admin-render .key-circle:not(.muted-key) {
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  overflow: visible !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .section-icon {
  width: 46px !important;
  height: 46px !important;
  background-size: 42px 42px !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-circle:not(.muted-key) {
  width: 52px !important;
  height: 52px !important;
  background-size: 48px 48px !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .agenda-icon,
body.sleutels-app-ref.mijnlwm-admin-render .missing-icon,
body.sleutels-app-ref.mijnlwm-admin-render .issued-icon,
body.sleutels-app-ref.mijnlwm-admin-render .key-circle.blue,
body.sleutels-app-ref.mijnlwm-admin-render .key-circle.green {
  background-image: url("/assets/openclaw/icons/key-house-blue.svg?v=20260617-key-icons") !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .office-icon,
body.sleutels-app-ref.mijnlwm-admin-render .key-circle.orange {
  background-image: url("/assets/openclaw/icons/key-house-orange.svg?v=20260617-key-icons") !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-main {
  min-width: 0 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-main strong {
  display: block !important;
  color: var(--admin-ink) !important;
  font-size: 17px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-main span,
body.sleutels-app-ref.mijnlwm-admin-render .key-main small {
  display: block !important;
  min-width: 0 !important;
  color: var(--admin-muted) !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  font-weight: 450 !important;
  overflow-wrap: anywhere !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-main span b {
  color: var(--admin-ink) !important;
  font-weight: 850 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-main small {
  margin-top: 4px !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 112px !important;
  min-height: 30px !important;
  padding: 6px 10px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
  text-align: center !important;
  white-space: normal !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-status.available,
body.sleutels-app-ref.mijnlwm-admin-render .key-status.given {
  background: #e8f8ef !important;
  color: #0a8f5b !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-status.return {
  background: #fff3e4 !important;
  color: #b75f00 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-status.issued {
  background: #f3f4f6 !important;
  color: #4b5563 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-status.unknown {
  background: #fef3f2 !important;
  color: #b42318 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-arrow {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 6px 14px rgba(20, 58, 115, .06) !important;
  color: var(--admin-ink) !important;
  font-size: 24px !important;
  line-height: .8 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .key-edit {
  margin: -2px 0 2px 54px !important;
  border: 1px solid var(--admin-line) !important;
  border-top: 0 !important;
  border-radius: 0 0 15px 15px !important;
  background: #fbfdff !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .scan-key-button {
  position: sticky !important;
  z-index: 6 !important;
  bottom: calc(86px + env(safe-area-inset-bottom)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: 24px 0 4px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: var(--admin-navy) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(15, 53, 109, .24) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body.sleutels-app-ref.mijnlwm-admin-render .scan-key-button span {
  width: 24px !important;
  height: 24px !important;
  background:
    linear-gradient(var(--admin-navy), var(--admin-navy)) padding-box,
    linear-gradient(#fff, #fff) border-box !important;
  border: 2px solid transparent !important;
  border-radius: 5px !important;
  box-shadow:
    -8px -8px 0 -6px #fff,
    8px -8px 0 -6px #fff,
    -8px 8px 0 -6px #fff,
    8px 8px 0 -6px #fff !important;
}

@media (max-width: 430px) {
  body.sleutels-app-ref.mijnlwm-admin-render .key-card {
    grid-template-columns: 48px minmax(0, 1fr) minmax(72px, auto) 32px !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  body.sleutels-app-ref.mijnlwm-admin-render .key-circle,
  body.sleutels-app-ref.mijnlwm-admin-render .key-circle:not(.muted-key) {
    width: 44px !important;
    height: 44px !important;
    background-size: 40px 40px !important;
  }

  body.sleutels-app-ref.mijnlwm-admin-render .key-status {
    max-width: 92px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 10px !important;
  }

  body.sleutels-app-ref.mijnlwm-admin-render .key-section-head {
    grid-template-columns: 42px minmax(0, auto) auto minmax(0, 1fr) !important;
    gap: 10px !important;
  }
}

/* Ref17: move the admin topbar up toward the phone-safe guide line. */
body.mijnlwm-admin-render {
  padding-top: calc(98px + env(safe-area-inset-top)) !important;
}

body.mijnlwm-admin-render.has-mijnlwm-floating-nav:not(.has-mijnlwm-app-back) {
  padding-top: calc(98px + env(safe-area-inset-top)) !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-nav {
  top: calc(18px + env(safe-area-inset-top)) !important;
  transform: none !important;
  opacity: 1 !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-nav.is-hidden {
  transform: none !important;
  opacity: 1 !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-header {
  min-height: 64px !important;
  padding: 0 !important;
}

/* Ref13: shared premium shell for the secondary admin tools. */
body.adminToolPage.mijnlwm-admin-render {
  --admin-navy: #1E376E;
  --admin-deep: #0B2248;
  --admin-ink: #10213F;
  --admin-muted: #667085;
  --admin-line: #D9E6F5;
  --admin-page: #F7FAFC;
  --admin-orange: #EB9100;
  --admin-green: #12B76A;
  --admin-red: #D92D20;
  background: var(--admin-page) !important;
  color: var(--admin-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.adminToolPage.mijnlwm-admin-render .wrap {
  width: min(1120px, 100%) !important;
  max-width: 1120px !important;
}

body.adminToolPage.mijnlwm-admin-render .hero {
  background: #fff !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 38px rgba(11, 34, 72, .07) !important;
  color: var(--admin-ink) !important;
  padding: 22px !important;
}

body.adminToolPage.mijnlwm-admin-render .hero h1,
body.adminToolPage.mijnlwm-admin-render h1 {
  color: var(--admin-deep) !important;
  font-size: clamp(30px, 5vw, 42px) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  font-weight: 950 !important;
}

body.adminToolPage.mijnlwm-admin-render .hero .muted,
body.adminToolPage.mijnlwm-admin-render .hero p {
  color: var(--admin-muted) !important;
}

body.adminToolPage.mijnlwm-admin-render .card,
body.adminToolPage.mijnlwm-admin-render .stat,
body.adminToolPage.mijnlwm-admin-render .item,
body.adminToolPage.mijnlwm-admin-render .accountRow,
body.adminToolPage.mijnlwm-admin-render .addressRow,
body.adminToolPage.mijnlwm-admin-render .row,
body.adminToolPage.mijnlwm-admin-render .file,
body.adminToolPage.mijnlwm-admin-render .question-item {
  background: #fff !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(11, 34, 72, .06) !important;
}

body.adminToolPage.mijnlwm-admin-render .card,
body.adminToolPage.mijnlwm-admin-render .stat {
  padding: 20px !important;
}

body.adminToolPage.mijnlwm-admin-render h2,
body.adminToolPage.mijnlwm-admin-render h3,
body.adminToolPage.mijnlwm-admin-render .title,
body.adminToolPage.mijnlwm-admin-render .accountEmail,
body.adminToolPage.mijnlwm-admin-render .addressTitle {
  color: var(--admin-deep) !important;
  font-weight: 950 !important;
}

body.adminToolPage.mijnlwm-admin-render input,
body.adminToolPage.mijnlwm-admin-render select,
body.adminToolPage.mijnlwm-admin-render textarea {
  min-height: 44px !important;
  border-color: var(--admin-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--admin-ink) !important;
}

body.adminToolPage.mijnlwm-admin-render .btn,
body.adminToolPage.mijnlwm-admin-render button {
  min-height: 44px !important;
  border-radius: 14px !important;
  background: var(--admin-navy) !important;
  color: #fff !important;
}

body.adminToolPage.mijnlwm-admin-render .btn.light,
body.adminToolPage.mijnlwm-admin-render button.light,
body.adminToolPage.mijnlwm-admin-render .btn.secondary {
  background: #EAF2FF !important;
  color: var(--admin-navy) !important;
}

body.adminToolPage.mijnlwm-admin-render .btn.green,
body.adminToolPage.mijnlwm-admin-render button.green,
body.adminToolPage.mijnlwm-admin-render .btn.gold {
  background: var(--admin-orange) !important;
  color: #fff !important;
}

body.adminToolPage.mijnlwm-admin-render .chip,
body.adminToolPage.mijnlwm-admin-render .pill,
body.adminToolPage.mijnlwm-admin-render .badge {
  border-radius: 999px !important;
  border: 1px solid #CFE0F7 !important;
  background: #EAF2FF !important;
  color: var(--admin-navy) !important;
  font-weight: 900 !important;
}

body.adminToolPage.mijnlwm-admin-render .ok,
body.adminToolPage.mijnlwm-admin-render .pill.green,
body.adminToolPage.mijnlwm-admin-render .badge:not(.pending):not(.rejected) {
  background: #ECFDF3 !important;
  border-color: #ABEFC6 !important;
  color: #067647 !important;
}

body.adminToolPage.mijnlwm-admin-render .warn,
body.adminToolPage.mijnlwm-admin-render .chip.warn,
body.adminToolPage.mijnlwm-admin-render .chip.empty,
body.adminToolPage.mijnlwm-admin-render .pill.gold,
body.adminToolPage.mijnlwm-admin-render .badge.pending {
  background: #FFF7ED !important;
  border-color: #FED7AA !important;
  color: #B54708 !important;
}

body.adminToolPage.mijnlwm-admin-render .btn.danger,
body.adminToolPage.mijnlwm-admin-render .badge.rejected {
  background: #FEF3F2 !important;
  border-color: #FECDCA !important;
  color: var(--admin-red) !important;
}

body.adminToolPage.mijnlwm-admin-render .adminTabs a {
  background: #fff !important;
  border: 1px solid var(--admin-line) !important;
  color: var(--admin-navy) !important;
}

body.adminToolPage.mijnlwm-admin-render .adminTabs a.active {
  background: var(--admin-navy) !important;
  color: #fff !important;
}

body.adminToolPage.mijnlwm-admin-render table,
body.adminToolPage.mijnlwm-admin-render td,
body.adminToolPage.mijnlwm-admin-render th {
  border-color: var(--admin-line) !important;
}

body.adminToolPage.mijnlwm-admin-render th {
  background: #EAF2FF !important;
  color: var(--admin-deep) !important;
}

@media (max-width: 760px) {
  body.adminToolPage.mijnlwm-admin-render .grid,
  body.adminToolPage.mijnlwm-admin-render .cards,
  body.adminToolPage.mijnlwm-admin-render .layout,
  body.adminToolPage.mijnlwm-admin-render .row,
  body.adminToolPage.mijnlwm-admin-render .contactEdit,
  body.adminToolPage.mijnlwm-admin-render .addGrant,
  body.adminToolPage.mijnlwm-admin-render .review-form,
  body.adminToolPage.mijnlwm-admin-render .question-form {
    grid-template-columns: 1fr !important;
  }

  body.adminToolPage.mijnlwm-admin-render .btn,
  body.adminToolPage.mijnlwm-admin-render button {
    width: 100%;
  }
}

/* Ref41: show tomorrow inside dashboard agenda after 17:00 or when today is empty. */
body.mijnlwm-admin-render .adminAgendaTomorrowBlock {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(23, 59, 115, .12) !important;
}

body.mijnlwm-admin-render .adminAgendaTomorrowTitle {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin: 0 0 9px !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  background: #e8fbf1 !important;
  border: 1px solid #bdeccf !important;
  color: #08734f !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render .adminAgendaTomorrowItem {
  background: linear-gradient(180deg, #fff, #f7fff9) !important;
  border-color: #cdeedb !important;
}

/* Ref18: offerte-detail actions must not inherit compact arrow-button sizing. */
body.mijnlwm-admin-render.offerteCockpit .actionPanel {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  width: 100% !important;
}

body.mijnlwm-admin-render.offerteCockpit .actionPanel form,
body.mijnlwm-admin-render.offerteCockpit .actionPanel .btn,
body.mijnlwm-admin-render.offerteCockpit .actionPanel button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.mijnlwm-admin-render.offerteCockpit .actionPanel .btn,
body.mijnlwm-admin-render.offerteCockpit .actionPanel button {
  height: auto !important;
  min-height: 52px !important;
  padding: 13px 15px !important;
  border-radius: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: normal !important;
  text-align: center !important;
}

body.mijnlwm-admin-render.offerteCockpit .stepbar {
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

body.mijnlwm-admin-render.offerteCockpit .step,
body.mijnlwm-admin-render.offerteCockpit .step b,
body.mijnlwm-admin-render.offerteCockpit .step span {
  min-width: 0 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* Dashboard route shortcut for bezichtigingen. */
body.mijnlwm-admin-render .adminRouteBadge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 54px !important;
  min-height: 28px !important;
  margin-top: 6px !important;
  margin-left: 6px !important;
  padding: 6px 10px !important;
  background: #12213f !important;
  color: #fff !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}

/* One-tap valuation mail for viewers with their own property. */
body.mijnlwm-admin-render .adminValuationForm {
  display: inline-flex !important;
  width: auto !important;
  margin: 6px 0 0 6px !important;
  vertical-align: middle !important;
}

body.mijnlwm-admin-render .adminValuationBadge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 92px !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #08734f !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

body.mijnlwm-admin-render .adminValuationBadge.is-sent {
  background: #173b73 !important;
}

body.mijnlwm-admin-render .adminValuationMissing {
  display: inline-block !important;
  width: auto !important;
  margin: 6px 0 0 6px !important;
  vertical-align: top !important;
}

body.mijnlwm-admin-render .adminValuationMissing summary {
  list-style: none !important;
}

body.mijnlwm-admin-render .adminValuationMissing summary::-webkit-details-marker {
  display: none !important;
}

body.mijnlwm-admin-render .adminValuationBadge.is-missing {
  background: #fff8e8 !important;
  color: #8a5b0d !important;
}

body.mijnlwm-admin-render .adminValuationEmailForm {
  display: grid !important;
  grid-template-columns: minmax(170px, 1fr) auto !important;
  gap: 7px !important;
  width: min(100%, 330px) !important;
  margin-top: 8px !important;
  padding: 9px !important;
  border: 1px solid #dbe8ef !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 22px rgba(34, 74, 115, .08) !important;
}

body.mijnlwm-admin-render .adminValuationEmailForm input {
  min-height: 38px !important;
  padding: 8px 10px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
}

body.mijnlwm-admin-render .adminValuationEmailForm button {
  min-height: 38px !important;
  padding: 8px 11px !important;
  border-radius: 11px !important;
  background: #08734f !important;
  font-size: 12px !important;
}

body.mijnlwm-admin-render .adminValuationReminderForm {
  width: min(100%, 330px) !important;
  margin-top: 7px !important;
}

body.mijnlwm-admin-render .adminValuationReminderForm button {
  width: 100% !important;
  min-height: 38px !important;
  padding: 8px 11px !important;
  border: 1px solid #fed7aa !important;
  border-radius: 11px !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render .adminValuationBadge.disabled {
  display: inline-flex !important;
  width: auto !important;
  min-height: 28px !important;
  margin-top: 6px !important;
  margin-left: 6px !important;
  background: #eef2f7 !important;
  color: #667085 !important;
}

/* Ref40: one-tap viewing feedback inside admin agenda rows. */
body.mijnlwm-admin-render .adminFeedbackQuick {
  display: block !important;
  width: min(100%, 310px) !important;
  margin-top: 8px !important;
}

body.mijnlwm-admin-render .adminFeedbackQuick summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: #173b73 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  list-style: none !important;
}

body.mijnlwm-admin-render .adminFeedbackQuick summary::-webkit-details-marker {
  display: none !important;
}

body.mijnlwm-admin-render .adminFeedbackQuick.is-done summary {
  background: #159447 !important;
}

body.mijnlwm-admin-render .adminFeedbackQuick.is-neutral summary {
  background: #eb9300 !important;
}

body.mijnlwm-admin-render .adminFeedbackQuick.is-negative summary {
  background: #d92d20 !important;
}

body.mijnlwm-admin-render .adminFeedbackForm {
  display: grid !important;
  gap: 8px !important;
  margin-top: 8px !important;
  padding: 10px !important;
  border: 1px solid #dbe8ef !important;
  border-radius: 14px !important;
  background: #fbfdff !important;
}

body.mijnlwm-admin-render .adminFeedbackMood {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

body.mijnlwm-admin-render .adminFeedbackMood label {
  margin: 0 !important;
}

body.mijnlwm-admin-render .adminFeedbackMood input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

body.mijnlwm-admin-render .adminFeedbackMood span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  border-radius: 11px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render .adminFeedbackMood .positive span { background: #159447 !important; }
body.mijnlwm-admin-render .adminFeedbackMood .neutral span { background: #eb9300 !important; }
body.mijnlwm-admin-render .adminFeedbackMood .negative span { background: #d92d20 !important; }
body.mijnlwm-admin-render .adminFeedbackMood input:not(:checked) + span { opacity: .42 !important; }

body.mijnlwm-admin-render .adminFeedbackStars {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

body.mijnlwm-admin-render .adminFeedbackStars label {
  margin: 0 !important;
}

body.mijnlwm-admin-render .adminFeedbackStars input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

body.mijnlwm-admin-render .adminFeedbackStars span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  border-radius: 11px !important;
  background: #fff7e8 !important;
  color: #eb9300 !important;
  border: 1px solid #ffd59a !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: -1px !important;
}

body.mijnlwm-admin-render .adminFeedbackStars input:not(:checked) + span { opacity: .46 !important; }
body.mijnlwm-admin-render .adminFeedbackStars input:checked + span { background: #eb9300 !important; color: #fff !important; border-color: #eb9300 !important; opacity: 1 !important; }

body.mijnlwm-admin-render .todayAgenda[aria-label="Opgestarte woningen"] {
  background: #ffffff !important;
  border-color: #d9e6f5 !important;
  border-radius: 24px !important;
  padding: 24px !important;
  box-shadow: 0 8px 24px rgba(16, 33, 63, .06) !important;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Opgestarte woningen"] .todayAgendaHead {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Opgestarte woningen"] .todayAgendaHead form {
  grid-row: 1 / 3 !important;
  grid-column: 3 !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: end !important;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Opgestarte woningen"] .todayAgendaHead form .btn {
  min-height: 38px !important;
  padding: 9px 13px !important;
  border-radius: 12px !important;
  white-space: nowrap !important;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Opgestarte woningen"] .todayAgendaHead:before {
  background: #1e376e url('/assets/openclaw/icons/badge/home_badge.png?v=20260611-startup-home-icon') center/42px 42px no-repeat !important;
  border-radius: 50% !important;
  border: 1px solid rgba(30, 55, 110, .12) !important;
}

body.mijnlwm-admin-render .adminStartupItem {
  position: relative !important;
  display: grid !important;
  gap: 12px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 24px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #0b2248 0%, #1e376e 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 32px rgba(16, 33, 63, .14) !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-render .adminStartupRemoveForm {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 80 !important;
  margin: 0 !important;
  pointer-events: auto !important;
}

body.mijnlwm-admin-render .adminStartupRemove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  position: relative !important;
  z-index: 81 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, .18) !important;
}

body.mijnlwm-admin-render .adminStartupRemove span {
  display: block !important;
  margin-top: -1px !important;
  color: #ffffff !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

body.mijnlwm-admin-render .adminStartupRemove small {
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body.mijnlwm-admin-render .adminStartupRemove:hover {
  background: rgba(255, 255, 255, .20) !important;
  transform: translateY(-1px) !important;
}

body.mijnlwm-admin-render .adminStartupIntro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
  padding-right: 156px !important;
}

body.mijnlwm-admin-render .adminStartupIntro strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

body.mijnlwm-admin-render .adminStartupAddressLink {
  display: inline-block !important;
  color: inherit !important;
  text-decoration: none !important;
  border-radius: 8px !important;
}

body.mijnlwm-admin-render .adminStartupAddressLink:focus-visible {
  outline: 3px solid rgba(255, 255, 255, .75) !important;
  outline-offset: 3px !important;
}

body.mijnlwm-admin-render .adminStartupAddressLink strong {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
}

body.mijnlwm-admin-render .adminStartupIntro .muted {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(255, 255, 255, .72) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body.mijnlwm-admin-render .adminStartupProgressMeta {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  min-width: 330px !important;
}

body.mijnlwm-admin-render .adminStartupProgressMeta em {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  background: rgba(16, 94, 194, .42) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  font-style: normal !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render .adminStartupProgressMeta b {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body.mijnlwm-admin-render .adminStepButtons {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px 18px !important;
  align-items: start !important;
  margin-top: auto !important;
}

body.mijnlwm-admin-render .adminStepButtons .inlineForm {
  position: relative !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.mijnlwm-admin-render .adminStepButtons .inlineForm:after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  top: 20px !important;
  left: calc(50% + 18px) !important;
  width: calc(100% - 22px) !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .35) !important;
}

body.mijnlwm-admin-render .adminStepButtons .inlineForm:nth-child(5):after,
body.mijnlwm-admin-render .adminStepButtons .inlineForm:nth-child(10):after {
  display: none !important;
}

body.mijnlwm-admin-render .adminStepButtons .inlineForm:has(.adminStepButton.is-done):after {
  background: #12b76a !important;
}

body.mijnlwm-admin-render .adminStepButtons .inlineForm:has(.adminStepButton.is-done):has(+ .inlineForm .adminStepButton.is-next):after {
  background: linear-gradient(90deg, #12b76a 0%, #12b76a 60%, #eb9100 100%) !important;
}

body.mijnlwm-admin-render .adminStepButtons .inlineForm:has(.adminStepButton.is-next):after {
  background: linear-gradient(90deg, #eb9100, rgba(255, 255, 255, .35)) !important;
}

body.mijnlwm-admin-render .adminStepButton {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 84px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .58) !important;
  padding: 0 4px !important;
  display: grid !important;
  grid-template-rows: 42px 17px minmax(22px, auto) !important;
  gap: 3px !important;
  justify-items: center !important;
  align-items: start !important;
  cursor: pointer !important;
  transition: transform .16s ease, filter .16s ease, opacity .16s ease !important;
}

body.mijnlwm-admin-render .adminStepButton:hover:not(:disabled) {
  transform: translateY(-2px) scale(1.02) !important;
  filter: drop-shadow(0 10px 18px rgba(18, 183, 106, .18)) !important;
}

body.mijnlwm-admin-render .adminStepButton:focus-visible {
  outline: 3px solid rgba(235, 145, 0, .42) !important;
  outline-offset: 5px !important;
  border-radius: 18px !important;
}

body.mijnlwm-admin-render .adminStepButton b {
  grid-row: 1 !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(11, 34, 72, .78) !important;
  border: 2px solid rgba(255, 255, 255, .82) !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 16px rgba(5, 15, 35, .22) !important;
}

body.mijnlwm-admin-render .adminStepButton b:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 50% !important;
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  opacity: 0 !important;
  transform: translateX(-50%) !important;
}

body.mijnlwm-admin-render .adminStepButton small {
  grid-row: 3 !important;
  max-width: 132px !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-render .adminStepLabelFull {
  display: inline !important;
}

body.mijnlwm-admin-render .adminStepLabelShort {
  display: none !important;
}

body.mijnlwm-admin-render .adminStepButton.is-done {
  color: #ffffff !important;
}

body.mijnlwm-admin-render .adminStepButton.is-done b {
  background: #12b76a !important;
  border-color: rgba(255, 255, 255, .85) !important;
}

body.mijnlwm-admin-render .adminStepButton.is-done b:after {
  opacity: 1 !important;
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #12b76a !important;
  transform: translateX(-50%) !important;
  box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .16) !important;
}

body.mijnlwm-admin-render .adminStepButton.is-done b:before {
  content: "" !important;
  position: absolute !important;
  top: calc(100% + 11px) !important;
  left: 50% !important;
  z-index: 2 !important;
  width: 8px !important;
  height: 4px !important;
  border-left: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
  transform: translateX(-50%) rotate(-45deg) !important;
}

body.mijnlwm-admin-render .adminStepButton.is-next {
  color: #ffbd55 !important;
}

body.mijnlwm-admin-render .adminStepButton.is-next b {
  background: #eb9100 !important;
  border-color: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 10px 24px rgba(235, 145, 0, .36) !important;
}

body.mijnlwm-admin-render .adminStepButton.is-next:after {
  grid-row: 2 !important;
  content: "Nu" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 20px !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  background: #eb9100 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.mijnlwm-admin-render .adminStepButton:not(.is-next):after {
  grid-row: 2 !important;
  content: "" !important;
  min-height: 20px !important;
}

body.mijnlwm-admin-render .adminStepButton:disabled {
  cursor: not-allowed !important;
  opacity: .48 !important;
}

body.mijnlwm-admin-render .adminStepButton:disabled:hover {
  transform: none !important;
  filter: none !important;
}

body.mijnlwm-admin-render .adminStartupEmpty {
  display: grid !important;
  gap: 8px !important;
  padding: 24px !important;
  border: 1px dashed #d9e6f5 !important;
  border-radius: 20px !important;
  background: #f7fafc !important;
  color: #10213f !important;
}

body.mijnlwm-admin-render .adminStartupEmpty strong {
  color: #10213f !important;
  font-size: 18px !important;
}

body.mijnlwm-admin-render .adminStartupEmpty span {
  color: #667085 !important;
  line-height: 1.45 !important;
}

@media (min-width: 1360px) {
  body.mijnlwm-admin-render .adminStepButtons {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    gap: 14px 12px !important;
  }

  body.mijnlwm-admin-render .adminStepButtons .inlineForm:nth-child(5):after {
    display: block !important;
  }
}

@media (max-width: 760px) {
  body.mijnlwm-admin-render .todayAgenda[aria-label="Opgestarte woningen"] {
    padding: 18px !important;
  }

  body.mijnlwm-admin-render .adminStartupItem {
    min-height: 0 !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  body.mijnlwm-admin-render .adminStartupRemoveForm {
    top: 12px !important;
    right: 12px !important;
  }

  body.mijnlwm-admin-render .adminStartupRemove {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
  }

  body.mijnlwm-admin-render .adminStartupRemove small {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  body.mijnlwm-admin-render .adminStartupIntro {
    grid-template-columns: 1fr !important;
    padding-right: 52px !important;
  }

  body.mijnlwm-admin-render .adminStartupProgressMeta {
    display: grid !important;
    justify-items: start !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  body.mijnlwm-admin-render .adminStartupProgressMeta em {
    min-height: 30px !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
  }

  body.mijnlwm-admin-render .adminStartupProgressMeta b {
    text-align: left !important;
    white-space: normal !important;
    font-size: 16px !important;
  }

  body.mijnlwm-admin-render .adminStepButtons {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 20px 6px !important;
  }

  body.mijnlwm-admin-render .adminStepButtons .inlineForm:after {
    display: block !important;
    top: 18px !important;
    left: calc(50% + 16px) !important;
    width: calc(100% - 12px) !important;
  }

  body.mijnlwm-admin-render .adminStepButton {
    min-height: 102px !important;
    grid-template-rows: 40px 24px 34px !important;
    gap: 2px !important;
    padding: 0 !important;
  }

  body.mijnlwm-admin-render .adminStepButton small {
    width: 100% !important;
    max-width: 66px !important;
    min-height: 34px !important;
    font-size: 9.6px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    align-self: start !important;
    padding-top: 1px !important;
  }

  body.mijnlwm-admin-render .adminStepLabelFull {
    display: none !important;
  }

  body.mijnlwm-admin-render .adminStepLabelShort {
    display: inline !important;
  }

  body.mijnlwm-admin-render .adminStepButton b {
    width: 38px !important;
    height: 38px !important;
    font-size: 16px !important;
  }

  body.mijnlwm-admin-render .adminStepButton.is-next:after {
    grid-row: 2 !important;
    min-height: 20px !important;
    padding: 3px 8px !important;
    font-size: 10px !important;
    align-self: center !important;
  }
}

/* 20260627 startup-progress-mobile-clean: fixed row heights and short iPhone labels. */
@media (max-width: 760px) {
  body.mijnlwm-admin-render .adminStepButton.is-done b:after {
    top: calc(100% + 4px) !important;
    width: 17px !important;
    height: 17px !important;
  }

  body.mijnlwm-admin-render .adminStepButton.is-done b:before {
    top: calc(100% + 9px) !important;
    width: 8px !important;
    height: 4px !important;
  }

  body.mijnlwm-admin-render .adminStepButton:not(.is-next):after {
    grid-row: 2 !important;
    min-height: 24px !important;
    align-self: center !important;
  }
}

body.mijnlwm-admin-render .adminFeedbackForm input[name="feedback"] {
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
}

body.mijnlwm-admin-render .adminFeedbackForm button {
  width: 100% !important;
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #12213f !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

/* Ref24: keep dashboard stat cards inside narrow iPhone webviews. */
body.mijnlwm-admin-render .admin-stat-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.mijnlwm-admin-render .admin-stat-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 8px 6px !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  column-gap: 6px !important;
}

body.mijnlwm-admin-render .admin-stat-card .admin-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  background-size: 22px 22px !important;
}

body.mijnlwm-admin-render .admin-stat-card b,
body.mijnlwm-admin-render .admin-stat-card small {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.mijnlwm-admin-render .admin-stat-card b {
  font-size: 18px !important;
}

body.mijnlwm-admin-render .admin-stat-card small {
  font-size: 8.2px !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto !important;
}

@media (max-width: 390px) {
  body.mijnlwm-admin-render {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.mijnlwm-admin-render .admin-stat-row {
    gap: 7px !important;
  }

  body.mijnlwm-admin-render .admin-stat-card {
    padding-left: 5px !important;
    padding-right: 5px !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    column-gap: 5px !important;
  }

  body.mijnlwm-admin-render .admin-stat-card .admin-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    background-size: 21px 21px !important;
  }

body.mijnlwm-admin-render .admin-stat-card small {
  font-size: 7.8px !important;
  }
}

/* Ref27: offerte-overzicht woningfoto's 2x groot met frisse aangenomen-status. */
body.mijnlwm-admin-render.offerteCockpit .offerCard {
  grid-template-columns: 114px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerPhoto,
body.mijnlwm-admin-render.offerteCockpit .offerPhoto.empty {
  width: 114px !important;
  height: 114px !important;
  min-width: 114px !important;
  min-height: 114px !important;
  background-size: 114px 114px !important;
  border-radius: 18px !important;
  border-color: rgba(13, 122, 58, .13) !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerPhoto img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerCard.status-accepted {
  border-color: rgba(17, 166, 106, .42) !important;
  border-left-color: #11a66a !important;
  background:
    linear-gradient(135deg, rgba(240, 253, 244, .98) 0%, rgba(255, 255, 255, .98) 55%, rgba(236, 253, 245, .92) 100%) !important;
  box-shadow: 0 14px 34px rgba(17, 166, 106, .18) !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerCard.status-accepted .offerPhoto {
  border-color: rgba(17, 166, 106, .45) !important;
  box-shadow: 0 0 0 4px rgba(17, 166, 106, .13), 0 12px 26px rgba(17, 166, 106, .20) !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerChip.status-accepted,
body.mijnlwm-admin-render.offerteCockpit .statusBox.accepted,
body.mijnlwm-admin-render.offerteCockpit .pill.accepted {
  background: #ecfdf5 !important;
  color: #08734f !important;
  border-color: #bbf7d0 !important;
}

body.mijnlwm-admin-render.offerteCockpit .statusBox.accepted b,
body.mijnlwm-admin-render.offerteCockpit .statusBox.accepted span {
  color: #08734f !important;
}

/* Ref28: dashboard Taken-column uses the existing task badge icon. */
body.mijnlwm-admin-render .todayAgenda[aria-label="Taken"] .todayAgendaHead:before {
  background-image: url("/assets/openclaw/icons/badge/taken_badge.png") !important;
}

body.mijnlwm-admin-render .taskIcon {
  background-image: url("/assets/openclaw/icons/badge/taken_badge.png") !important;
}

/* Ref26: More/Snel naar tiles must fit all labels on narrow phones. */
@media (max-width: 760px) {
  body.mijnlwm-admin-render .admin-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.mijnlwm-admin-render .admin-quick-grid a[class*="icon-"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 152px !important;
    padding: 14px 9px !important;
    text-align: center !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
  }

  body.mijnlwm-admin-render .admin-quick-grid a:before {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    margin: 0 auto 10px !important;
    background-size: 39px 39px !important;
  }

  body.mijnlwm-admin-render .admin-quick-grid a small {
    display: block !important;
    max-width: 100% !important;
    margin-top: 4px !important;
    color: var(--admin-muted) !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
    font-weight: 750 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
  }
}

/* Ref30: keep the admin app header tighter against the iOS status area. */
body.mijnlwm-admin-render,
body.mijnlwm-admin-render.has-mijnlwm-floating-nav:not(.has-mijnlwm-app-back) {
  padding-top: calc(64px + env(safe-area-inset-top)) !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-nav {
  top: calc(2px + env(safe-area-inset-top)) !important;
  transform: none !important;
  opacity: 1 !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-nav.is-hidden {
  transform: none !important;
  opacity: 1 !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-header {
  min-height: 52px !important;
  padding: 0 !important;
}

/* Ref31: stop iOS/WebView top rubberband from dragging the fixed admin brand bar down. */
html:has(body.mijnlwm-admin-render),
body.mijnlwm-admin-render {
  overscroll-behavior-y: none !important;
}

body.mijnlwm-admin-render.mijnlwm-is-pulling-refresh .mijnlwm-floating-nav {
  top: calc(2px + env(safe-area-inset-top)) !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Ref32: make the LWM brand mark a bit stronger without moving the fixed topbar. */
body.mijnlwm-admin-render .mijnlwm-floating-header {
  min-height: 58px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand {
  gap: 10px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand img {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  flex: 0 0 46px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span {
  width: 122px !important;
  height: 34px !important;
  max-width: 122px !important;
}

/* Ref33: scale the MIJNLWM wordmark to match the larger logo. */
body.mijnlwm-admin-render .mijnlwm-floating-header {
  min-height: 62px !important;
}

body.mijnlwm-admin-render .mijnlwm-floating-brand span {
  width: 142px !important;
  height: 39px !important;
  max-width: 142px !important;
}

/* Ref34: quick manual task entry below the dashboard task list. */
body.mijnlwm-admin-render .admin-task-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e3edf7;
}

body.mijnlwm-admin-render .admin-task-entry label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

body.mijnlwm-admin-render .admin-task-entry label span {
  color: #667085;
  font-size: 12px;
  font-weight: 950;
}

body.mijnlwm-admin-render .admin-task-entry textarea {
  width: 100%;
  min-height: 48px;
  max-height: 96px;
  resize: vertical;
  border: 1px solid #d8e1ef;
  border-radius: 14px;
  background: #fff;
  color: #12213f;
  padding: 12px;
  font: inherit;
  font-size: 16px;
  line-height: 1.25;
}

body.mijnlwm-admin-render .admin-task-entry > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

body.mijnlwm-admin-render .admin-task-entry button {
  min-height: 48px;
  border: 0;
  border-radius: 14px;
  padding: 0 12px;
  font-weight: 950;
  cursor: pointer;
}

body.mijnlwm-admin-render .admin-task-entry .green {
  background: #08734f !important;
  color: #fff !important;
}

body.mijnlwm-admin-render .admin-task-saved {
  margin: -2px 0 12px;
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  background: #ecfdf5;
  color: #166534;
  padding: 10px 12px;
  font-weight: 950;
}

/* Ref35: iOS-style swipe delete for saved dashboard tasks. */
body.mijnlwm-admin-render .admin-task-swipe {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  touch-action: pan-y;
}

body.mijnlwm-admin-render .admin-task-swipe .admin-task-card {
  position: relative;
  z-index: 2;
  transition: transform .18s ease;
  will-change: transform;
}

body.mijnlwm-admin-render .admin-task-delete-pane {
  position: absolute;
  inset: 0 0 0 auto;
  width: 112px;
  display: grid;
  place-items: stretch;
  z-index: 1;
}

body.mijnlwm-admin-render .admin-task-delete-pane form {
  display: grid;
  margin: 0;
}

body.mijnlwm-admin-render .admin-task-delete-pane button {
  border: 0;
  border-radius: 0 12px 12px 0;
  background: #dc2626;
  color: #fff;
  font-weight: 950;
  padding: 0 12px;
  cursor: pointer;
}

body.mijnlwm-admin-render .admin-task-swipe.is-open .admin-task-card,
body.mijnlwm-admin-render .admin-task-swipe:focus-within .admin-task-card {
  transform: translateX(-112px) !important;
}

/* Dashboard task edit: tap a task to open an inline editor, with delete in the corner. */
body.mijnlwm-admin-render .admin-task-list {
  gap: 9px !important;
}

body.mijnlwm-admin-render .admin-task-edit-card {
  display: grid;
  border: 1px solid #e3edf7;
  border-radius: 13px;
  background: #fff;
  overflow: hidden;
}

body.mijnlwm-admin-render .admin-task-edit-card > summary {
  list-style: none;
  cursor: pointer;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

body.mijnlwm-admin-render .admin-task-edit-card > summary::-webkit-details-marker {
  display: none;
}

body.mijnlwm-admin-render .admin-task-edit-card[open] > summary {
  border-bottom: 1px solid #e3edf7 !important;
  background: #f8fbff !important;
}

body.mijnlwm-admin-render .admin-task-edit-card .admin-task-card {
  grid-template-columns: 42px minmax(0, 1fr) 36px !important;
}

body.mijnlwm-admin-render .admin-task-delete-x {
  display: grid;
  align-self: start;
  justify-self: end;
  margin: -3px -2px 0 0;
  width: 34px;
  height: 34px;
}

body.mijnlwm-admin-render .admin-task-delete-x button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  background: #fff1f0;
  color: #b42318;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
  cursor: pointer;
}

body.mijnlwm-admin-render .admin-task-inline-edit {
  display: grid;
  gap: 9px;
  padding: 10px;
  background: #fbfdff;
}

body.mijnlwm-admin-render .admin-task-inline-edit label {
  display: grid;
  gap: 6px;
  margin: 0;
}

body.mijnlwm-admin-render .admin-task-inline-edit label span {
  color: #667085;
  font-size: 12px;
  font-weight: 950;
}

body.mijnlwm-admin-render .admin-task-inline-edit textarea {
  width: 100%;
  min-height: 50px;
  resize: vertical;
  border: 1px solid #d8e1ef;
  border-radius: 13px;
  background: #fff;
  color: #12213f;
  padding: 11px 12px;
  font: inherit;
  font-size: 16px;
  line-height: 1.28;
}

body.mijnlwm-admin-render .admin-task-inline-edit button {
  min-height: 42px;
  border: 0;
  border-radius: 13px;
  background: #08734f;
  color: #fff;
  font-weight: 950;
  cursor: pointer;
}

body.mijnlwm-admin-render .admin-task-open-link {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 760px) {
  body.mijnlwm-admin-render .admin-task-entry {
    grid-template-columns: 1fr;
  }

body.mijnlwm-admin-render .admin-task-entry > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Ref35: no AI chat launcher in the admin environment. */
body.mijnlwm-admin-render #lwm-chatbot-root {
  display: none !important;
}

/* Ref36: tablet and desktop alignment pass. Keep the iPhone reference intact, but stop large screens from looking like a stretched phone screenshot. */
@media (min-width: 761px) {
  body.mijnlwm-admin-render,
  body.mijnlwm-admin-render.has-mijnlwm-floating-nav:not(.has-mijnlwm-app-back) {
    padding: calc(84px + env(safe-area-inset-top)) clamp(28px, 4vw, 56px) calc(116px + env(safe-area-inset-bottom)) !important;
  }

  body.mijnlwm-admin-render .wrap,
  body.mijnlwm-admin-render.offerteCockpit .wrap,
  body.sleutels-app-ref.mijnlwm-admin-render .wrap {
    width: min(100%, 920px) !important;
    max-width: 920px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-header {
    width: min(920px, calc(100vw - clamp(56px, 8vw, 112px))) !important;
    max-width: min(920px, calc(100vw - clamp(56px, 8vw, 112px))) !important;
    min-height: 62px !important;
  }

  body.mijnlwm-admin-render h1,
  body.mijnlwm-admin-render .top h1,
  body.sleutels-app-ref.mijnlwm-admin-render .mijnlwm-admin-page-title {
    font-size: 30px !important;
    margin-bottom: 22px !important;
  }

  body.mijnlwm-admin-render .admin-stat-row,
  body.mijnlwm-admin-render .statusSummary,
  body.mijnlwm-admin-render .statGrid {
    gap: 14px !important;
  }

  body.mijnlwm-admin-render .admin-stat-card,
  body.mijnlwm-admin-render .statusBox,
  body.mijnlwm-admin-render .statCard {
    min-height: 76px !important;
    padding: 12px 14px !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }

  body.mijnlwm-admin-render .admin-icon,
  body.mijnlwm-admin-render .admin-stat-card .admin-icon,
  body.mijnlwm-admin-render .statusBox:before,
  body.mijnlwm-admin-render .statIcon {
    width: 42px !important;
    height: 42px !important;
    background-size: 34px 34px !important;
  }

  body.mijnlwm-admin-render .admin-stat-card b,
  body.mijnlwm-admin-render .statusBox b,
  body.mijnlwm-admin-render .statCard b {
    font-size: 24px !important;
  }

  body.mijnlwm-admin-render .admin-stat-card small,
  body.mijnlwm-admin-render .statusBox span,
  body.mijnlwm-admin-render .statCard span {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body.mijnlwm-admin-render .todayAgenda,
  body.mijnlwm-admin-render .panel,
  body.mijnlwm-admin-render .card {
    padding: 18px !important;
    margin-bottom: 18px !important;
  }

  body.mijnlwm-admin-render .todayAgendaHead b,
  body.mijnlwm-admin-render .panel h2,
  body.mijnlwm-admin-render .card h2 {
    font-size: 22px !important;
  }

  body.mijnlwm-admin-render .todayAgendaHead small {
    margin-top: -2px !important;
    font-size: 13px !important;
  }

  body.mijnlwm-admin-render .todayAgendaItem,
  body.mijnlwm-admin-render .todayItem,
  body.mijnlwm-admin-render .offerCard {
    grid-template-columns: 64px minmax(0, 1fr) 38px !important;
    min-height: 84px !important;
    padding: 14px !important;
  }

  body.mijnlwm-admin-render .todayAgendaTime {
    font-size: 21px !important;
  }

  body.mijnlwm-admin-render .todayAgendaText strong,
  body.mijnlwm-admin-render .todayAgendaItem strong,
  body.mijnlwm-admin-render .timeAddress,
  body.mijnlwm-admin-render .offerTitle strong,
  body.mijnlwm-admin-render .keyAddress {
    font-size: 17px !important;
  }

  body.mijnlwm-admin-render .moduleIcon,
  body.mijnlwm-admin-render .keyBadge,
  body.mijnlwm-admin-render .offerPhoto,
  body.mijnlwm-admin-render .offerPhoto.empty {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    width: min(520px, calc(100vw - 64px)) !important;
    min-height: 74px !important;
    bottom: 12px !important;
  }
}

@media (min-width: 960px) {
  body.mijnlwm-admin-render,
  body.mijnlwm-admin-render.has-mijnlwm-floating-nav:not(.has-mijnlwm-app-back) {
    padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important;
  }

  body.mijnlwm-admin-render .wrap,
  body.mijnlwm-admin-render.offerteCockpit .wrap,
  body.sleutels-app-ref.mijnlwm-admin-render .wrap {
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-header {
    width: min(1080px, calc(100vw - clamp(72px, 9vw, 144px))) !important;
    max-width: min(1080px, calc(100vw - clamp(72px, 9vw, 144px))) !important;
  }

  body.mijnlwm-admin-render .admin-quick-grid,
  body.mijnlwm-admin-render .utilityGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.mijnlwm-admin-render .admin-task-entry {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.mijnlwm-admin-render .admin-task-entry > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  body.mijnlwm-admin-render .wrap,
  body.mijnlwm-admin-render.offerteCockpit .wrap,
  body.sleutels-app-ref.mijnlwm-admin-render .wrap {
    width: min(100%, 1180px) !important;
    max-width: 1180px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-header {
    width: min(1180px, calc(100vw - 144px)) !important;
    max-width: min(1180px, calc(100vw - 144px)) !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr) !important;
    column-gap: 24px !important;
    align-items: start !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .mijnlwm-admin-page-title,
  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-row,
  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-task-saved {
    grid-column: 1 / -1 !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"],
  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Sleutels vandaag"],
  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Sleutels morgen"] {
    grid-column: 1 !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Taken"],
  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Offertes"] {
    grid-column: 2 !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Opgestarte woningen"] {
    grid-column: 1 / -1 !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"],
  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Taken"] {
    min-height: 396px !important;
  }
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Verkoopflow taken"] {
  border-color: #ccefe4 !important;
  background: linear-gradient(180deg, #f4fffb, #ffffff) !important;
}

body.mijnlwm-admin-render .todayAgenda[aria-label="Verkoopflow taken"] .todayAgendaHead:before {
  background: linear-gradient(135deg, #18b981, #59d6ff) !important;
}

body.mijnlwm-admin-render .adminSaleFlowItem {
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 16px !important;
  border-color: #d9f4ea !important;
  background: linear-gradient(135deg, #ffffff, #f4fffb) !important;
}

body.mijnlwm-admin-render .adminSaleFlowBody {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.mijnlwm-admin-render .adminSaleFlowActions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

body.mijnlwm-admin-render .adminSaleFlowForm {
  margin: 0 !important;
  min-width: 0 !important;
}

body.mijnlwm-admin-render .adminSaleFlowButton {
  width: 100% !important;
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 18px !important;
  padding: 10px 14px !important;
  display: grid !important;
  gap: 3px !important;
  place-items: center !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-weight: 950 !important;
  box-shadow: 0 14px 28px rgba(15, 118, 110, .16) !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.mijnlwm-admin-render .adminSaleFlowButton b {
  color: inherit !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

body.mijnlwm-admin-render .adminSaleFlowButton small {
  color: rgba(255, 255, 255, .84) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.mijnlwm-admin-render .adminSaleFlowButton.yes {
  background: linear-gradient(135deg, #12b76a, #20c997) !important;
}

body.mijnlwm-admin-render .adminSaleFlowButton.no {
  color: #0f356d !important;
  background: linear-gradient(135deg, #e8f4ff, #d7efff) !important;
  box-shadow: 0 14px 28px rgba(23, 105, 255, .11) !important;
}

body.mijnlwm-admin-render .adminSaleFlowButton.no small {
  color: rgba(15, 53, 109, .68) !important;
}

body.mijnlwm-admin-render .adminSaleFlowButton:hover {
  filter: brightness(1.02) !important;
  transform: translateY(-1px) !important;
}

body.mijnlwm-admin-render .adminSaleFlowButton:active {
  transform: translateY(0) scale(.99) !important;
}

@media (max-width: 760px) {
  body.mijnlwm-admin-render .adminSaleFlowItem {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    padding: 14px !important;
  }

  body.mijnlwm-admin-render .adminSaleFlowActions {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  body.mijnlwm-admin-render .adminSaleFlowButton {
    min-height: 54px !important;
    border-radius: 16px !important;
  }
}

/* Offerte cockpit: make sent status impossible to miss. */
body.offerteCockpit .offerChip.status-sent,
body.offerteCockpit .statusChip.status-sent,
body.offerteCockpit .miniBtn.sent,
body.offerteCockpit.mijnlwm-admin-render .offerChip.status-sent,
body.offerteCockpit.mijnlwm-admin-render .statusChip.status-sent,
body.offerteCockpit.mijnlwm-admin-render .miniBtn.sent {
  background: linear-gradient(135deg, #0f9f5f, #20c997) !important;
  border-color: #0f9f5f !important;
  color: #ffffff !important;
  box-shadow: 0 10px 20px rgba(15, 159, 95, .18) !important;
}

body.offerteCockpit .offerChip.status-sent,
body.offerteCockpit.mijnlwm-admin-render .offerChip.status-sent {
  min-width: 92px !important;
  justify-content: center !important;
}

/* Offerte overview: restore the visual alignment from the mobile reference. */
body.mijnlwm-admin-render.offerteCockpit .offerList {
  display: grid !important;
  gap: 18px !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerCard {
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 204px !important;
  padding: 22px !important;
  border: 1px solid var(--admin-line) !important;
  border-left-width: 1px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(12, 35, 66, .07) !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerPhoto,
body.mijnlwm-admin-render.offerteCockpit .offerPhoto.empty {
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerCard > span:not(.offerPhoto) {
  min-width: 0 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerHead {
  display: block !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerTitle strong {
  display: block !important;
  color: var(--admin-ink) !important;
  font-size: 23px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerTitle span {
  display: block !important;
  margin-top: 8px !important;
  color: var(--admin-muted) !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerAmount,
body.mijnlwm-admin-render.offerteCockpit .offerArrow {
  display: none !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerMeta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerChip {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 8px 15px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  background: #eef5ff !important;
  color: #53647f !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerChip.status-sent {
  min-width: 146px !important;
  background: linear-gradient(135deg, #18b981, #44d1a3) !important;
  color: #ffffff !important;
}

@media (max-width: 430px) {
  body.mijnlwm-admin-render.offerteCockpit .offerCard {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
    min-height: 188px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerPhoto,
  body.mijnlwm-admin-render.offerteCockpit .offerPhoto.empty {
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
    border-radius: 20px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerTitle strong {
    font-size: 18px !important;
    line-height: 1.13 !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerChip {
    min-height: 31px !important;
    font-size: 12px !important;
    padding: 7px 12px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerTitle span {
    margin-top: 6px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerMeta {
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerChip.status-sent {
    min-width: 116px !important;
  }
}

/* Dashboard photo reference style, UI-only. */
body.mijnlwm-admin-render:has(.admin-stat-row) {
  --admin-navy: #0d2e73;
  --admin-ink: #071b4d;
  --admin-muted: #56627f;
  --admin-orange: #ff7a00;
  --admin-green: #0f9f5f;
  --admin-line: #e4ebf5;
  --admin-ios-status-offset: 54px;
  --admin-dashboard-photo: url("/assets/app-foto.png?v=20260611-season-uniform");
  position: relative !important;
  min-height: 100vh !important;
  background: #ffffff !important;
  padding-top: calc(270px + env(safe-area-inset-top)) !important;
  isolation: isolate;
}

body.mijnlwm-admin-render.mijnlwm-bg-lente-ochtend { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/lente-ochtend.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-lente-middag { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/lente-middag.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-lente-avond { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/lente-avond.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-lente-nacht { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/lente-nacht.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-zomer-ochtend { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/zomer-ochtend.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-zomer-middag { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/zomer-middag.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-zomer-avond { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/zomer-avond.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-zomer-nacht { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/zomer-nacht.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-herfst-ochtend { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/herfst-ochtend.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-herfst-middag { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/herfst-middag.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-herfst-avond { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/herfst-avond.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-herfst-nacht { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/herfst-nacht.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-winter-ochtend { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/winter-ochtend.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-winter-middag { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/winter-middag.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-winter-avond { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/winter-avond.jpg?v=20260611-season-uniform"); }
body.mijnlwm-admin-render.mijnlwm-bg-winter-nacht { --admin-dashboard-photo: url("/assets/mijnlwm-season-backgrounds/winter-nacht.jpg?v=20260611-season-uniform"); }

body.mijnlwm-admin-render.mijnlwm-bg-lente-ochtend,
body.mijnlwm-admin-render.mijnlwm-bg-lente-middag,
body.mijnlwm-admin-render.mijnlwm-bg-lente-avond,
body.mijnlwm-admin-render.mijnlwm-bg-lente-nacht,
body.mijnlwm-admin-render.mijnlwm-bg-zomer-ochtend,
body.mijnlwm-admin-render.mijnlwm-bg-zomer-middag,
body.mijnlwm-admin-render.mijnlwm-bg-zomer-avond,
body.mijnlwm-admin-render.mijnlwm-bg-zomer-nacht,
body.mijnlwm-admin-render.mijnlwm-bg-herfst-ochtend,
body.mijnlwm-admin-render.mijnlwm-bg-herfst-middag,
body.mijnlwm-admin-render.mijnlwm-bg-herfst-avond,
body.mijnlwm-admin-render.mijnlwm-bg-herfst-nacht,
body.mijnlwm-admin-render.mijnlwm-bg-winter-ochtend,
body.mijnlwm-admin-render.mijnlwm-bg-winter-middag,
body.mijnlwm-admin-render.mijnlwm-bg-winter-avond,
body.mijnlwm-admin-render.mijnlwm-bg-winter-nacht {
  position: relative;
  isolation: isolate;
}

body.mijnlwm-admin-render:not(:has(.admin-wave-hero)):not(:has(.admin-stat-row))::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  width: min(74vw, 720px);
  height: 238px;
  background:
    linear-gradient(90deg, #f8fbff 0%, rgba(248,251,255,.92) 30%, rgba(248,251,255,.22) 70%, rgba(248,251,255,0) 100%),
    var(--admin-dashboard-photo) right top / auto 250px no-repeat;
  pointer-events: none;
}

body.mijnlwm-admin-render:not(:has(.admin-wave-hero)):not(:has(.admin-stat-row))::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 168px;
  right: -22vw;
  width: 92vw;
  height: 78px;
  background: #f8fbff;
  border-bottom-left-radius: 100% 78%;
  pointer-events: none;
}

body.mijnlwm-admin-render:not(:has(.admin-wave-hero)):not(:has(.admin-stat-row)) .wrap,
body.mijnlwm-admin-render:not(:has(.admin-wave-hero)):not(:has(.admin-stat-row)) main {
  position: relative;
  z-index: 1;
}

body.mijnlwm-admin-render:has(.admin-stat-row)::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  height: 360px;
  background:
    linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.96) 22%, rgba(255,255,255,.62) 48%, rgba(255,255,255,0) 72%),
    var(--admin-dashboard-photo) right top / auto 360px no-repeat;
  pointer-events: none;
}

body.mijnlwm-admin-render:has(.admin-stat-row)::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 150px;
  left: -18%;
  width: 86%;
  height: 250px;
  background: #ffffff;
  border-bottom-right-radius: 100% 72%;
  transform: rotate(7deg);
  transform-origin: left bottom;
  pointer-events: none;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .mijnlwm-floating-header,
body.mijnlwm-admin-render:has(.admin-stat-row) .mijnlwm-floating-nav {
  background: transparent !important;
  box-shadow: none !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .wrap {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(100%, 720px) !important;
  max-width: 720px !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .mijnlwm-admin-page-title {
  order: 1 !important;
  margin: 0 0 52px !important;
  color: var(--admin-navy) !important;
  font-size: clamp(38px, 8.2vw, 52px) !important;
  line-height: 1.02 !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-row {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 32px !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card {
  min-height: 136px !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 18px 44px rgba(13,46,115,.10) !important;
  padding: 24px 18px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 16px !important;
  align-items: center !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card .admin-icon {
  grid-row: 1 / 3 !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 50% !important;
  border: 7px solid #ffffff !important;
  background: linear-gradient(135deg, #0067d8, #0045ac) center / 28px 28px no-repeat !important;
  box-shadow: 0 12px 24px rgba(13,46,115,.20) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .stat-taken .admin-icon {
  background-image: url("/assets/openclaw/icons/badge/taken_badge.png") !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .stat-leads .admin-icon {
  background-image: url("/assets/openclaw/icons/badge/offertes_badge.png") !important;
  background-color: #ff7a00 !important;
  box-shadow: 0 12px 24px rgba(255,122,0,.22) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .stat-bezichtigingen .admin-icon {
  background-image: url("/assets/openclaw/icons/badge/home_badge.png") !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card b {
  color: #0051c8 !important;
  font-size: 48px !important;
  line-height: .92 !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .stat-leads b {
  color: var(--admin-orange) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card small {
  color: var(--admin-muted) !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] {
  order: 3 !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 20px 54px rgba(13,46,115,.10) !important;
  padding: 28px !important;
  margin: 0 0 22px !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaHead {
  grid-template-columns: 76px minmax(0, 1fr) auto !important;
  gap: 18px !important;
  margin-bottom: 26px !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaHead:before {
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #0067d8, #0045ac) url("/assets/openclaw/icons/badge/agenda_badge.png") center / 36px 36px no-repeat !important;
  box-shadow: 0 13px 28px rgba(13,46,115,.18) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaHead b {
  color: var(--admin-navy) !important;
  font-size: 30px !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaHead small {
  color: var(--admin-muted) !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaHead span {
  color: var(--admin-navy) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaList {
  gap: 12px !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaItem {
  grid-template-columns: 106px minmax(0, 1fr) 54px !important;
  gap: 22px !important;
  align-items: center !important;
  min-height: 154px !important;
  padding: 28px !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaTime {
  color: #0051c8 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaTime small {
  margin-top: 10px !important;
  color: var(--admin-ink) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaText {
  min-height: 116px !important;
  border-left: 3px solid #0051c8 !important;
  padding-left: 30px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  align-items: center !important;
  gap: 12px 14px !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaText strong {
  flex: 0 0 100% !important;
  color: var(--admin-ink) !important;
  font-size: 26px !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaBadge {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 9px 16px !important;
  background: #eaf2ff !important;
  color: var(--admin-navy) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminRouteBadge,
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminValuationBadge,
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminFeedbackQuick summary {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 10px 20px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 22px rgba(13,46,115,.16) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminRouteBadge {
  background: linear-gradient(135deg, #071b4d, #0d2e73) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminValuationForm,
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminFeedbackQuick,
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminValuationMissing {
  margin: 0 !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminValuationBadge {
  background: linear-gradient(135deg, #0bb56d, #07834c) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminFeedbackQuick summary {
  background: linear-gradient(135deg, #0067d8, #0045ac) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminRouteBadge:hover,
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminValuationBadge:hover,
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminFeedbackQuick summary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 28px rgba(13,46,115,.20) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminRouteBadge:active,
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminValuationBadge:active,
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminFeedbackQuick summary:active {
  transform: translateY(0) scale(.98) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .btn.secondary {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  border-radius: 16px !important;
  color: var(--admin-navy) !important;
  font-size: 38px !important;
  line-height: 1 !important;
  background: #ffffff !important;
  border: 1px solid var(--admin-line) !important;
  box-shadow: 0 10px 20px rgba(13,46,115,.08) !important;
}

body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Verkoopflow taken"] { order: 6 !important; }
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Sleutels vandaag"],
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Sleutels morgen"] { order: 7 !important; }
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda.admin-dash-keys-card { order: 7 !important; }
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Taken"] { order: 8 !important; }
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Offertes"] { order: 9 !important; }
body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Opgestarte woningen"] { order: 10 !important; }

@media (min-width: 1280px) {
  body.mijnlwm-admin-render:has(.admin-stat-row) .wrap {
    display: flex !important;
    width: min(100%, 860px) !important;
    max-width: 860px !important;
  }
}

@media (max-width: 760px) {
  body.mijnlwm-admin-render:has(.admin-stat-row) {
    padding: calc(252px + env(safe-area-inset-top)) 16px calc(116px + env(safe-area-inset-bottom)) !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .wrap {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row)::before {
    height: 336px;
    background:
      linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.94) 28%, rgba(255,255,255,.34) 66%, rgba(255,255,255,0) 100%),
      var(--admin-dashboard-photo) 58% top / auto 336px no-repeat;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row)::after {
    top: 206px;
    left: -34%;
    width: 106%;
    height: 176px;
    transform: rotate(8deg);
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .mijnlwm-admin-page-title {
    margin-bottom: 44px !important;
    font-size: 34px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-row {
    display: flex !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    gap: 8px !important;
    margin-bottom: 28px !important;
    overflow: hidden !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card {
    flex: 1 1 0 !important;
    width: calc(33.333% - 6px) !important;
    max-width: calc(33.333% - 6px) !important;
    min-height: 108px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 14px 9px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 4px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card .admin-icon {
    grid-row: auto !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-width: 6px !important;
    background-size: 22px 22px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card b {
    font-size: 36px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card small {
    font-size: 13px !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: manual !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .stat-bezichtigingen small {
    font-size: 11px !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] {
    padding: 24px 18px !important;
    border-radius: 28px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaHead {
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    gap: 14px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaHead:before {
    width: 56px !important;
    height: 56px !important;
    background-size: 31px 31px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaHead b {
    font-size: 26px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaHead small {
    font-size: 16px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaItem {
    grid-template-columns: 90px minmax(0, 1fr) 46px !important;
    gap: 10px !important;
    min-height: 164px !important;
    padding: 20px 10px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaTime {
    font-size: 28px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaTime small {
    font-size: 16px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaText {
    padding-left: 16px !important;
    gap: 10px 10px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaText strong {
    font-size: 22px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminRouteBadge,
  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminValuationBadge,
  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .adminFeedbackQuick summary {
    min-height: 40px !important;
    padding: 9px 16px !important;
    font-size: 15px !important;
  }
}

@media (max-width: 390px) {
  body.mijnlwm-admin-render:has(.admin-stat-row) {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card b {
    font-size: 34px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .admin-stat-card small {
    font-size: 12px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaItem {
    grid-template-columns: 86px minmax(0, 1fr) 42px !important;
    gap: 8px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaText {
    padding-left: 14px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaText strong {
    font-size: 20px !important;
  }
}

/* Dashboard photo header with real SVG wave layer. */
body.mijnlwm-admin-render:has(.admin-wave-hero) {
  background: #ffffff !important;
  padding: 0 0 calc(116px + env(safe-area-inset-bottom)) !important;
}

body.mijnlwm-admin-render.has-mijnlwm-floating-nav:has(.admin-wave-hero):not(.has-mijnlwm-app-back) {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero)::before,
body.mijnlwm-admin-render:has(.admin-wave-hero)::after {
  content: none !important;
  display: none !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .mijnlwm-floating-nav {
  display: none !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .wrap {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 0 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
  order: 1 !important;
  position: relative;
  width: 100%;
  min-height: clamp(248px, 35vw, 360px);
  margin: 0 0 22px;
  overflow: hidden;
  background: #ffffff;
  isolation: isolate;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.02) 44%, rgba(255,255,255,0) 100%),
    var(--admin-dashboard-photo) right top / auto 118% no-repeat;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-shape {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-shape path {
  fill: #ffffff;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content {
  position: relative;
  z-index: 2;
  width: min(720px, calc(100vw - 32px));
  min-height: clamp(248px, 35vw, 360px);
  margin: 0 auto;
  padding: calc(28px + env(safe-area-inset-top)) 0 58px;
  display: grid;
  align-content: start;
  gap: 40px;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand img:first-child {
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  border-radius: 999px;
  background: #173B73;
  box-shadow: 0 12px 26px rgba(16,33,63,.16);
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand img:last-child {
  width: 190px;
  max-width: calc(100vw - 150px);
  height: auto;
  object-fit: contain;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-menu {
  display: grid;
  place-items: center;
  position: absolute;
  z-index: 6;
  top: calc(28px + env(safe-area-inset-top));
  right: 0;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  color: #fff;
  background: #0A459C;
  border-radius: 50%;
  box-shadow: 0 12px 25px rgba(10,69,156,.20);
  text-decoration: none;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-head .admin-wave-menu {
  display: none !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-menu span {
  display: grid;
  gap: 4px;
  place-items: center;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-menu i {
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 999px;
  background: #fff;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero .mijnlwm-admin-page-title {
  margin: 0 !important;
  max-width: min(560px, 72vw);
  color: var(--admin-ink) !important;
  font-size: clamp(34px, 7.2vw, 50px) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-row,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda,
body.mijnlwm-admin-render:has(.admin-wave-hero) .saved {
  width: min(720px, calc(100vw - 32px)) !important;
}

@media (min-width: 900px) {
  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content,
  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-row,
  body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda,
  body.mijnlwm-admin-render:has(.admin-wave-hero) .saved {
    width: min(860px, calc(100vw - 56px)) !important;
  }
}

@media (max-width: 760px) {
  body.mijnlwm-admin-render:has(.admin-wave-hero) {
    padding: 0 0 calc(112px + env(safe-area-inset-bottom)) !important;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
    min-height: 282px;
    margin-bottom: 20px;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-photo {
    background:
      linear-gradient(90deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 100%),
      var(--admin-dashboard-photo) 86% top / auto 334px no-repeat;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content {
    min-height: 282px;
    width: calc(100vw - 24px) !important;
    padding: calc(24px + env(safe-area-inset-top)) 0 52px;
    gap: 40px;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand {
    gap: 14px;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand img:first-child {
    width: 80px;
    height: 80px;
    flex-basis: 80px;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand img:last-child {
    width: 190px;
    max-width: calc(100vw - 150px);
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero .mijnlwm-admin-page-title {
    max-width: 78vw;
    font-size: 32px !important;
  }
}

@media (max-width: 390px) {
  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
    min-height: 270px;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content {
    min-height: 270px;
    gap: 34px;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand img:first-child {
    width: 72px;
    height: 72px;
    flex-basis: 72px;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand img:last-child {
    width: 168px;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-menu {
    top: calc(24px + env(safe-area-inset-top));
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero .mijnlwm-admin-page-title {
    font-size: 29px !important;
  }
}

/* Force the admin dashboard hero to the same mobile composition as the seller client app. */
html body.mijnlwm-admin-render:has(.admin-wave-hero) {
  background: #ffffff !important;
  padding-top: calc(52px + env(safe-area-inset-top)) !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

html body.mijnlwm-admin-render.has-mijnlwm-floating-nav:has(.admin-wave-hero),
html body.mijnlwm-admin-render.has-mijnlwm-app-back:has(.admin-wave-hero) {
  padding-top: calc(52px + env(safe-area-inset-top)) !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .wrap {
  width: min(430px, 100%) !important;
  max-width: 430px !important;
  padding-top: 0 !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
  width: 100% !important;
  min-height: 236px !important;
  margin: 0 0 14px !important;
  overflow: visible !important;
  background: transparent !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-photo {
  inset: auto !important;
  z-index: 0 !important;
  top: calc(-52px - env(safe-area-inset-top)) !important;
  left: 50% !important;
  width: 100vw !important;
  height: 342px !important;
  transform: translateX(-50%) !important;
  background:
    linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 25%, rgba(255,255,255,.54) 52%, rgba(255,255,255,0) 75%),
    var(--admin-dashboard-photo) 86% top / auto 342px no-repeat !important;
  pointer-events: none !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-shape {
  display: none !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 168px !important;
  left: -58vw !important;
  width: 150vw !important;
  height: 236px !important;
  transform: rotate(7deg) !important;
  transform-origin: left bottom !important;
  background: #ffffff !important;
  border-radius: 50% 50% 0 0 / 74% 74% 0 0 !important;
  pointer-events: none !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  min-height: 236px !important;
  padding: 0 5px 0 !important;
  margin: 0 !important;
  gap: 104px !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand {
  gap: 14px !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand img:first-child {
  width: 80px !important;
  height: 80px !important;
  flex-basis: 80px !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-brand img:last-child {
  width: 190px !important;
  max-width: calc(100vw - 150px) !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-menu {
  top: 0 !important;
  right: 5px !important;
  width: 54px !important;
  height: 54px !important;
  flex-basis: 54px !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero .mijnlwm-admin-page-title {
  position: relative !important;
  z-index: 4 !important;
  max-width: 78vw !important;
  margin: 0 0 36px !important;
  color: #0B1674 !important;
  font-size: 28px !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.52) !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-row,
html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda,
html body.mijnlwm-admin-render:has(.admin-wave-hero) .saved {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: 392px !important;
}

/* 20260611: compact dashboard agenda items. */
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaList {
  gap: 8px !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaItem {
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 8px !important;
  min-height: 104px !important;
  padding: 10px !important;
  align-items: center !important;
  border-radius: 16px !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaItem.is-next {
  position: relative !important;
  padding-top: 30px !important;
  border-color: #1d6fff !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
  box-shadow: 0 12px 26px rgba(29, 111, 255, .14) !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaNextLabel {
  position: absolute !important;
  top: 8px !important;
  left: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 18px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: #0d2e73 !important;
  color: #fff !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaItem.is-past {
  opacity: .58 !important;
  background: #f1f4f8 !important;
  border-color: #d8e0ea !important;
  filter: grayscale(.55) !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaItem.is-past .todayAgendaTime,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaItem.is-past .todayAgendaText strong {
  color: #6b7280 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Sleutels vandaag"] .todayAgendaItem.is-past {
  opacity: .58 !important;
  background: #f1f4f8 !important;
  border-color: #d8e0ea !important;
  filter: grayscale(.55) !important;
}

body:has(.admin-wave-hero) .todayAgenda[aria-label="Sleutels vandaag"] .todayAgendaItem.is-past {
  opacity: .58 !important;
  background: #f1f4f8 !important;
  border-color: #d8e0ea !important;
  filter: grayscale(.55) !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Sleutels vandaag"] .todayAgendaItem.is-past strong {
  color: #6b7280 !important;
}

body:has(.admin-wave-hero) .todayAgenda[aria-label="Sleutels vandaag"] .todayAgendaItem.is-past strong {
  color: #6b7280 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Sleutels vandaag"] .todayAgendaItem.is-past .moduleIcon {
  background: #6b7280 !important;
  color: #fff !important;
}

body:has(.admin-wave-hero) .todayAgenda[aria-label="Sleutels vandaag"] .todayAgendaItem.is-past .moduleIcon {
  background: #6b7280 !important;
  color: #fff !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaTime {
  font-size: 19px !important;
  line-height: 1 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaTime small {
  font-size: 10px !important;
  line-height: 1.05 !important;
  margin-top: 4px !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaText {
  min-height: 0 !important;
  padding-left: 10px !important;
  display: flex !important;
  align-items: flex-start !important;
  align-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px 6px !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaText strong {
  flex: 0 0 100% !important;
  font-size: 16px !important;
  line-height: 1.06 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaBadge,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .adminRouteBadge,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .adminValuationBadge,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .adminFeedbackButton,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .adminBidDeadlineToggle,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .adminFeedbackQuick > summary {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 28px !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card form,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card details {
  display: inline-flex !important;
  margin: 0 !important;
  max-width: 100% !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .adminFeedbackQuick > summary::-webkit-details-marker,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .adminValuationMissing > summary::-webkit-details-marker {
  display: none !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .btn.secondary {
  display: none !important;
}

@media (max-width: 420px) {
  body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaItem {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    min-height: 98px !important;
    padding: 9px !important;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaTime {
    font-size: 18px !important;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-card .todayAgendaText strong {
    font-size: 15px !important;
  }
}

/* 20260611: replace offerte stat letters with real status icons. */
body.offerteCockpit.mijnlwm-admin-render .statIcon {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  font-size: 0 !important;
  color: var(--stat-color, #173b73) !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon.orange {
  --stat-color: #a85b00;
  background: #fff3df !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon.purple,
body.offerteCockpit.mijnlwm-admin-render .statIcon.sent {
  --stat-color: #173b73;
  background: #eef3ff !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon.green {
  --stat-color: #0d7a3a;
  background: #e9fbf2 !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon:before,
body.offerteCockpit.mijnlwm-admin-render .statIcon:after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon.orange:before {
  width: 16px !important;
  height: 21px !important;
  left: 15px !important;
  top: 12px !important;
  border: 3px solid var(--stat-color) !important;
  border-radius: 5px !important;
  background: transparent !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon.orange:after {
  width: 8px !important;
  height: 3px !important;
  left: 20px !important;
  top: 20px !important;
  border-radius: 999px !important;
  background: var(--stat-color) !important;
  box-shadow: 0 7px 0 var(--stat-color) !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon.purple:before,
body.offerteCockpit.mijnlwm-admin-render .statIcon.sent:before {
  width: 24px !important;
  height: 22px !important;
  left: 12px !important;
  top: 13px !important;
  background: var(--stat-color) !important;
  clip-path: polygon(0 45%, 100% 0, 70% 100%, 52% 63%, 33% 78%) !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon.purple:after,
body.offerteCockpit.mijnlwm-admin-render .statIcon.sent:after {
  width: 13px !important;
  height: 2px !important;
  left: 23px !important;
  top: 23px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.8) !important;
  transform: rotate(-36deg) !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon.green:before {
  width: 24px !important;
  height: 24px !important;
  left: 12px !important;
  top: 12px !important;
  border: 3px solid var(--stat-color) !important;
  border-radius: 50% !important;
  background: transparent !important;
}

body.offerteCockpit.mijnlwm-admin-render .statIcon.green:after {
  width: 14px !important;
  height: 8px !important;
  left: 17px !important;
  top: 22px !important;
  border-left: 3px solid var(--stat-color) !important;
  border-bottom: 3px solid var(--stat-color) !important;
  transform: rotate(-45deg) !important;
  border-radius: 1px !important;
}

/* 20260611: keep the forced wave header mobile-only; restore proper tablet/desktop rhythm. */
@media (min-width: 700px) {
  html body.mijnlwm-admin-render:has(.admin-wave-hero),
  html body.mijnlwm-admin-render.has-mijnlwm-floating-nav:has(.admin-wave-hero),
  html body.mijnlwm-admin-render.has-mijnlwm-app-back:has(.admin-wave-hero) {
    padding-top: calc(56px + env(safe-area-inset-top)) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .wrap {
    width: min(100%, 920px) !important;
    max-width: 920px !important;
    margin-inline: auto !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
    min-height: 270px !important;
    margin-bottom: 18px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-photo {
    height: 356px !important;
    background:
      linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 22%, rgba(255,255,255,.46) 50%, rgba(255,255,255,0) 76%),
      var(--admin-dashboard-photo) right top / auto 356px no-repeat !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero::after {
    top: 182px !important;
    left: -30vw !important;
    width: 130vw !important;
    height: 260px !important;
    transform: rotate(5deg) !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content {
    min-height: 270px !important;
    padding: 0 18px !important;
    gap: 104px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero .mijnlwm-admin-page-title {
    max-width: 560px !important;
    margin-bottom: 34px !important;
    font-size: 34px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-row,
  html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda,
  html body.mijnlwm-admin-render:has(.admin-wave-hero) .saved {
    max-width: none !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-row {
    grid-template-columns: repeat(3, minmax(190px, 1fr)) !important;
    gap: 18px !important;
    margin-bottom: 30px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-card {
    min-height: 132px !important;
    padding: 22px 18px !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    justify-items: start !important;
    text-align: left !important;
    overflow: visible !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-card small {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
  }
}

@media (min-width: 1024px) {
  html body.mijnlwm-admin-render:has(.admin-wave-hero) .wrap {
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
    min-height: 300px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-photo {
    height: 390px !important;
    background:
      linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 18%, rgba(255,255,255,.42) 48%, rgba(255,255,255,0) 74%),
      var(--admin-dashboard-photo) right top / auto 390px no-repeat !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero::after {
    top: 205px !important;
    height: 285px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content {
    min-height: 300px !important;
    padding-inline: 28px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero .mijnlwm-admin-page-title {
    font-size: 38px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-row {
    grid-template-columns: repeat(3, minmax(230px, 1fr)) !important;
  }
}

@media (max-width: 699px) {
  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
    min-height: 264px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-photo {
    height: 356px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content {
    min-height: 264px !important;
    padding-top: var(--admin-ios-status-offset) !important;
    gap: 50px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-menu {
    top: var(--admin-ios-status-offset) !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .wrap {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin-inline: 0 !important;
    overflow-x: hidden !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-row {
    display: grid !important;
    grid-template-columns: repeat(3, calc((100% - 16px) / 3)) !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-card {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 12px 7px !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-card small {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: none !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .stat-bezichtigingen small {
    font-size: 9.8px !important;
  }
}

/* Final admin menu placement: phone/iPad at bottom, desktop/MacBook top right. */
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  body.mijnlwm-admin-render {
    padding-bottom: 38px !important;
  }

  body.mijnlwm-admin-render.has-mijnlwm-floating-nav:not(.has-mijnlwm-app-back) {
    padding-top: calc(82px + env(safe-area-inset-top)) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-header {
    width: auto !important;
    max-width: none !important;
    margin: 0 auto 0 max(22px, env(safe-area-inset-left)) !important;
    padding: calc(10px + env(safe-area-inset-top)) 0 8px !important;
    min-height: calc(56px + env(safe-area-inset-top)) !important;
    justify-content: flex-start !important;
  }

  body.mijnlwm-admin-render .mijnlwm-floating-menu-btn {
    display: none !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    left: auto !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    top: calc(12px + env(safe-area-inset-top)) !important;
    bottom: auto !important;
    transform: none !important;
    width: min(520px, calc(100vw - 320px)) !important;
    min-width: 430px !important;
    max-width: 520px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 6px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(216, 225, 239, .92) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 12px 28px rgba(15, 35, 65, .10) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
    min-height: 48px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    gap: 2px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav img {
    width: 22px !important;
    height: 22px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a[aria-current="page"] {
    background: #eef4ff !important;
    box-shadow: inset 0 0 0 1px rgba(30, 55, 110, .08) !important;
  }
}

@media (hover: none), (pointer: coarse), (max-width: 1024px) {
  body.mijnlwm-admin-render {
    padding-bottom: calc(118px + env(safe-area-inset-bottom)) !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    transform: translateX(-50%) !important;
    width: min(680px, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-width: 680px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    border-radius: 22px !important;
    padding: 8px 10px 10px !important;
  }

  body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a {
    min-height: 58px !important;
    border-radius: 16px !important;
  }
}

/* Final Offertes override: keep this after the shared admin reference rules. */
body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid,
body.mijnlwm-admin-render.offerteCockpit .statGrid.offerStatsGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 22px !important;
  overflow: visible !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard {
  min-width: 0 !important;
  min-height: 78px !important;
  padding: 11px 9px !important;
  border-radius: 16px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  font-size: 0 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon img {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard span {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 3px !important;
  color: #536076 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard b {
  display: block !important;
  margin: 0 !important;
  color: var(--admin-navy) !important;
  font-size: 25px !important;
  line-height: .95 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerCard {
  align-items: center !important;
  border-radius: 20px !important;
  gap: 14px !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerPhoto,
body.mijnlwm-admin-render.offerteCockpit .offerPhoto.empty {
  border-radius: 16px !important;
  background: #f1f5f9 !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerMeta {
  align-items: flex-start !important;
  gap: 8px !important;
}

body.mijnlwm-admin-render.offerteCockpit .offerChip {
  width: max-content !important;
  max-width: 100% !important;
  min-height: 31px !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  line-height: 1.05 !important;
}

@media (max-width: 560px) {
  body.mijnlwm-admin-render.offerteCockpit {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .wrap {
    width: 100% !important;
    max-width: 430px !important;
    overflow: visible !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .card {
    padding: 18px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid,
  body.mijnlwm-admin-render.offerteCockpit .statGrid.offerStatsGrid {
    gap: 8px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard {
    min-height: 74px !important;
    padding: 9px 7px !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon {
    width: 34px !important;
    height: 34px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statIcon img {
    width: 25px !important;
    height: 25px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard span {
    font-size: 10.5px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerStatsGrid .statCard b {
    font-size: 24px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerCard {
    grid-template-columns: minmax(118px, 42%) minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
    align-items: center !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerPhoto,
  body.mijnlwm-admin-render.offerteCockpit .offerPhoto.empty {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.28 / 1 !important;
    align-self: center !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerHead {
    display: block !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerTitle strong {
    font-size: 21px !important;
    line-height: 1.08 !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerTitle span {
    font-size: 14px !important;
    line-height: 1.22 !important;
    margin-top: 8px !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerMeta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    margin-top: 14px !important;
  }

body.mijnlwm-admin-render.offerteCockpit .offerChip {
    max-width: 100% !important;
    white-space: normal !important;
  }

  body.mijnlwm-admin-render.offerteCockpit .offerArrow {
    display: none !important;
  }
}

/* 20260623: /offerte/ keeps the shared bottom menu without the broad admin renderer. */
body.mijnlwm-admin-nav-only {
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
}

body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  transform: translateX(-50%) !important;
  z-index: 99980 !important;
  display: grid !important;
  width: min(680px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  max-width: 680px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 8px 10px 10px !important;
  border: 1px solid rgba(216, 225, 239, .92) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 38px rgba(15, 35, 65, .16) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav a {
  min-width: 0 !important;
  min-height: 58px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 4px !important;
  border-radius: 16px !important;
  color: #778195 !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav img {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  object-fit: contain !important;
}

body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav a[aria-current="page"] {
  color: #12213f !important;
  background: #eef4ff !important;
  font-weight: 950 !important;
  box-shadow: inset 0 0 0 1px rgba(30, 55, 110, .08) !important;
}

@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
  body.mijnlwm-admin-nav-only {
    padding-bottom: 38px !important;
  }

  body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav {
    left: auto !important;
    right: max(18px, env(safe-area-inset-right)) !important;
    top: calc(12px + env(safe-area-inset-top)) !important;
    bottom: auto !important;
    transform: none !important;
    width: min(520px, calc(100vw - 320px)) !important;
    min-width: 430px !important;
    max-width: 520px !important;
    border-radius: 999px !important;
    padding: 6px !important;
  }

  body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav a {
    min-height: 48px !important;
    border-radius: 999px !important;
  }
}

/* 20260623: admin dashboard hero must start edge-to-edge on iPhone. */
@media (max-width: 699px) {
  html body.mijnlwm-admin-render:has(.admin-wave-hero),
  html body.mijnlwm-admin-render.has-mijnlwm-floating-nav:has(.admin-wave-hero),
  html body.mijnlwm-admin-render.has-mijnlwm-app-back:has(.admin-wave-hero) {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .wrap {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
    width: 100vw !important;
    min-height: 318px !important;
    margin-top: 0 !important;
    overflow: hidden !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-photo {
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 372px !important;
    transform: none !important;
    background:
      linear-gradient(90deg, #fff 0%, rgba(255,255,255,.96) 23%, rgba(255,255,255,.48) 52%, rgba(255,255,255,0) 78%),
      var(--admin-dashboard-photo) 86% top / auto 372px no-repeat !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content {
    min-height: 318px !important;
    padding: calc(54px + env(safe-area-inset-top)) 18px 0 !important;
    gap: 48px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-menu {
    top: calc(54px + env(safe-area-inset-top)) !important;
    right: 18px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero .mijnlwm-admin-page-title {
    margin-bottom: 18px !important;
  }
}

/* 20260623: diagonal day transition for dashboard keys card. */
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow {
  position: relative !important;
  overflow: hidden !important;
  border-color: #bdeccf !important;
  background: linear-gradient(150deg, #ffffff 0%, #ffffff 48%, #ecfdf5 48.4%, #f7fff9 100%) !important;
  box-shadow: 0 14px 30px rgba(8, 115, 79, .12) !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow:before {
  content: "" !important;
  position: absolute !important;
  inset: 52px -34px auto -34px !important;
  height: 18px !important;
  transform: rotate(-6deg) !important;
  background: linear-gradient(90deg, rgba(18, 33, 63, .12), rgba(8, 115, 79, .82), rgba(32, 180, 134, .38)) !important;
  opacity: .95 !important;
  pointer-events: none !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .adminKeyDayShift {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  margin: 2px 0 11px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(8, 115, 79, .16) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .78) !important;
  backdrop-filter: blur(8px) !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .adminKeyDayShift span,
body.mijnlwm-admin-render:has(.admin-wave-hero) .adminKeyDayShift b {
  min-width: 0 !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .adminKeyDayShift span {
  color: #64748b !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .adminKeyDayShift b {
  color: #08734f !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .todayAgendaList {
  position: relative !important;
  z-index: 1 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card .todayAgendaItem.is-tomorrow-key {
  position: relative !important;
  min-height: 96px !important;
  padding-top: 30px !important;
  border-color: #cdeedb !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4fff8 100%) !important;
  box-shadow: 0 10px 22px rgba(8, 115, 79, .08) !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card .todayAgendaItem.is-tomorrow-key .todayAgendaNextLabel {
  top: 8px !important;
  left: 9px !important;
  background: #08734f !important;
}

@media (max-width: 430px) {
  body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow:before {
    top: 50px !important;
    height: 15px !important;
    transform: rotate(-7deg) !important;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .adminKeyDayShift {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .adminKeyDayShift span,
  body.mijnlwm-admin-render:has(.admin-wave-hero) .adminKeyDayShift b {
    white-space: normal !important;
  }
}

/* 20260630: keep the tomorrow keys card glow, but stop the day-change stripe from crossing text. */
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow {
  padding: 16px 14px 18px !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow:before {
  z-index: 0 !important;
  inset: 82px -38px auto -38px !important;
  height: 12px !important;
  opacity: .5 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .todayAgendaHead,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .adminKeyDayShift,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .todayAgendaList {
  position: relative !important;
  z-index: 2 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .todayAgendaHead {
  margin-bottom: 12px !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .todayAgendaHead b {
  line-height: 1.08 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .todayAgendaHead small {
  display: block !important;
  margin-top: 3px !important;
  line-height: 1.15 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .adminKeyDayShift {
  margin: 0 0 14px !important;
  min-height: 0 !important;
  padding: 10px 12px !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .adminKeyDayShift span,
body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .adminKeyDayShift b {
  line-height: 1.15 !important;
  white-space: normal !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card .todayAgendaItem.is-tomorrow-key {
  grid-template-columns: 56px minmax(0, 1fr) 0 !important;
  min-height: 96px !important;
  padding: 30px 12px 14px !important;
  gap: 12px !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card .todayAgendaItem.is-tomorrow-key > .btn.secondary {
  display: none !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card .todayAgendaItem.is-tomorrow-key .moduleIcon {
  width: 44px !important;
  height: 44px !important;
  align-self: center !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card .todayAgendaItem.is-tomorrow-key strong {
  font-size: 17px !important;
  line-height: 1.08 !important;
}

body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card .todayAgendaItem.is-tomorrow-key .muted {
  display: block !important;
  margin-top: 4px !important;
  line-height: 1.2 !important;
}

@media (max-width: 430px) {
  body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow:before {
    top: 86px !important;
    height: 10px !important;
    transform: rotate(-6deg) !important;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card.is-tomorrow .adminKeyDayShift {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card .todayAgendaItem.is-tomorrow-key {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    padding: 30px 10px 13px !important;
  }
}

/* 20260626: mobile admin nav pinned to the screen edge, full usable width. */
@media (hover: none), (pointer: coarse), (max-width: 1024px) {
  html {
    --mijnlwm-admin-bottom-reserve: calc(126px + env(safe-area-inset-bottom));
    scroll-padding-bottom: var(--mijnlwm-admin-bottom-reserve) !important;
  }

  html body.mijnlwm-admin-render,
  html body.mijnlwm-admin-render.has-mijnlwm-floating-nav,
  html body.mijnlwm-admin-nav-only {
    min-height: 100dvh !important;
    padding-bottom: var(--mijnlwm-admin-bottom-reserve) !important;
  }

  html body.mijnlwm-admin-render main,
  html body.mijnlwm-admin-render .wrap,
  html body.mijnlwm-admin-render .mijnlwm-admin-shell,
  html body.mijnlwm-admin-render .mijnlwm-admin-page,
  html body.mijnlwm-admin-nav-only main,
  html body.mijnlwm-admin-nav-only .wrap {
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
    scroll-margin-bottom: var(--mijnlwm-admin-bottom-reserve) !important;
  }

  html body.mijnlwm-admin-render > :last-child:not(.mijnlwm-admin-bottom-nav),
  html body.mijnlwm-admin-nav-only > :last-child:not(.mijnlwm-admin-bottom-nav) {
    margin-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  }

  html body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav,
  html body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    transform: none !important;
    z-index: 99990 !important;
    display: grid !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: calc(78px + env(safe-area-inset-bottom)) !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 2px !important;
    padding: 8px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(216, 225, 239, .98) !important;
    border-radius: 20px 20px 0 0 !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 -14px 34px rgba(15, 35, 65, .14) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  html body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a,
  html body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav a {
    min-width: 0 !important;
    min-height: 62px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    padding: 6px 2px !important;
    border-radius: 16px !important;
    color: #7a8390 !important;
    text-decoration: none !important;
    font-size: clamp(10px, 2.8vw, 12px) !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  html body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav img,
  html body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav img {
    width: 25px !important;
    height: 25px !important;
    display: block !important;
    object-fit: contain !important;
  }

  html body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav a[aria-current="page"],
  html body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav a[aria-current="page"] {
    color: #12213f !important;
    background: #f2f6fc !important;
    box-shadow: inset 0 0 0 1px rgba(30, 55, 110, .07) !important;
  }
}

@media (hover: none) and (min-width: 700px), (pointer: coarse) and (min-width: 700px) {
  html body.mijnlwm-admin-render .mijnlwm-admin-bottom-nav,
  html body.mijnlwm-admin-nav-only .mijnlwm-admin-bottom-nav {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(680px, calc(100vw - 24px)) !important;
    border: 1px solid rgba(216, 225, 239, .98) !important;
    border-bottom: 0 !important;
  }
}

/* 20260702: dashboard layer lock.
   Loose dashboard blocks used to inherit flex order 0 and could render above the
   logo/photo hero. Keep the hero permanently first and all agenda content below it. */
html body.mijnlwm-admin-render:has(.admin-wave-hero) .wrap {
  isolation: isolate !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
  order: 1 !important;
  z-index: 30 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-row {
  order: 2 !important;
  z-index: 20 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Agenda vandaag"] {
  order: 3 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .adminAgendaTomorrowBlock {
  order: 4 !important;
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
  max-width: 392px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Verkoopflow taken"] {
  order: 5 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Taken"] {
  order: 6 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Sleutels vandaag"],
html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Sleutels morgen"],
html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda.admin-dash-keys-card {
  order: 7 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Offertes"] {
  order: 8 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda[aria-label="Opgestarte woningen"] {
  order: 9 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .adminAgendaTomorrowTitle {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  margin: 0 0 8px 2px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: #dff7ed !important;
  color: #08734f !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

html body.mijnlwm-admin-render:has(.admin-wave-hero) .adminAgendaTomorrowBlock .adminAgendaTomorrowItem {
  box-shadow: 0 10px 26px rgba(18,33,63,.06) !important;
}

@media (min-width: 700px) {
  html body.mijnlwm-admin-render:has(.admin-wave-hero) .adminAgendaTomorrowBlock {
    max-width: none !important;
  }
}

/* 20260703: iPad dashboard alignment.
   Keep the app-style dashboard on one centered rail and push the hero photo far
   enough right so the title never collides with the image edge on iPad. */
@media (min-width: 700px) and (max-width: 1180px) {
  html body.mijnlwm-admin-render:has(.admin-wave-hero),
  html body.mijnlwm-admin-render.has-mijnlwm-floating-nav:has(.admin-wave-hero),
  html body.mijnlwm-admin-render.has-mijnlwm-app-back:has(.admin-wave-hero) {
    padding-left: max(30px, env(safe-area-inset-left)) !important;
    padding-right: max(30px, env(safe-area-inset-right)) !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .wrap {
    width: min(820px, calc(100vw - 60px)) !important;
    max-width: min(820px, calc(100vw - 60px)) !important;
    margin-inline: auto !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero {
    width: 100% !important;
    min-height: 286px !important;
    margin-inline: 0 !important;
    z-index: 1 !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-photo {
    left: 50% !important;
    width: 100vw !important;
    transform: translateX(-50%) !important;
    background:
      linear-gradient(90deg, #fff 0%, #fff 39%, rgba(255,255,255,.88) 55%, rgba(255,255,255,.18) 77%, rgba(255,255,255,0) 100%),
      var(--admin-dashboard-photo) calc(100% + 96px) top / auto 356px no-repeat !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-content {
    min-height: 286px !important;
    padding-inline: 0 !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-wave-hero .mijnlwm-admin-page-title {
    max-width: 430px !important;
    font-size: 34px !important;
    line-height: 1.05 !important;
    margin-bottom: 42px !important;
  }

  html body.mijnlwm-admin-render:has(.admin-wave-hero) .admin-stat-row,
  html body.mijnlwm-admin-render:has(.admin-wave-hero) .todayAgenda,
  html body.mijnlwm-admin-render:has(.admin-wave-hero) .saved,
  html body.mijnlwm-admin-render:has(.admin-wave-hero) .adminAgendaTomorrowBlock {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    z-index: 6 !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] {
    padding: 24px 22px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaItem {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 94px !important;
    padding: 14px 16px !important;
  }

  body.mijnlwm-admin-render:has(.admin-stat-row) .todayAgenda[aria-label="Agenda vandaag"] .todayAgendaText {
    padding-left: 12px !important;
  }
}