/*
 * BEISSLER OFFICE / INTERFACE PILOT V18
 * Scope: application shell, grouped navigation, dashboard and section landings.
 * Loaded last so the existing business modules keep their behavior intact.
 */
.bw-v18-app {
  --bw18-ink: #142a38;
  --bw18-muted: #5d7180;
  --bw18-line: #e2e8ec;
  --bw18-bg: #f6f8f9;
  --bw18-paper: #fff;
  --bw18-teal: #08798b;
  --bw18-teal-dark: #066477;
  --bw18-teal-wash: #eaf5f5;
  --bw18-navy: #153343;
  background: var(--bw18-bg);
  color: var(--bw18-ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  min-height: 100dvh;
}
.bw-v18-app .admin-sidebar {
  position: sticky;
  inset-block-start: 0;
  width: 254px;
  flex: 0 0 254px;
  min-height: 0;
  height: 100dvh;
  padding: 24px 16px 16px;
  background: var(--bw18-paper);
  border-right: 1px solid var(--bw18-line);
  box-shadow: none;
  color: var(--bw18-ink);
}
.bw-v18-app .admin-brand {
  background: transparent;
  border: 0;
  margin: 0 4px 31px;
  padding: 4px 12px 13px 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 63px;
  border-radius: 0;
  border-bottom: 1px solid var(--bw18-line);
}
.bw-v18-app .admin-brand img {
  width: min(178px, 100%);
  height: auto;
  object-fit: contain;
}
.bw-v18-sidebar-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1 1 auto;
  gap: 5px;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: #d6e0e6 transparent;
  padding: 0 2px 16px 0;
}
.bw-v18-sidebar-label {
  color: #80919d;
  padding: 0 13px;
  font-size: 10px;
  letter-spacing: .11em;
  font-weight: 750;
  margin: 0 0 10px;
}
.bw-v18-sidebar-list .bw-v18-nav-link,
.bw-v18-sidebar-more>.bw-v18-more-trigger,
.bw-v18-mobile-list .bw-v18-mobile-link,
.bw-v18-mobile-more>.bw-v18-more-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 13px;
  min-height: 49px;
  padding: 11px 13px;
  border-radius: 9px;
  text-decoration: none;
  color: #3a5060;
  font-size: 14px;
  font-weight: 560;
  line-height: 1.35;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  white-space: normal;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
  position: relative;
  margin: 0;
}
.bw-v18-sidebar-list .bw-v18-nav-link>.office-icon,
.bw-v18-sidebar-more>.bw-v18-more-trigger>.office-icon,
.bw-v18-mobile-list .bw-v18-mobile-link>.office-icon,
.bw-v18-mobile-more>.bw-v18-more-trigger>.office-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  stroke-width: 1.75;
  color: #6d8491;
}
.bw-v18-sidebar-list .bw-v18-nav-link:hover,
.bw-v18-sidebar-more>.bw-v18-more-trigger:hover,
.bw-v18-mobile-list .bw-v18-mobile-link:hover,
.bw-v18-mobile-more>.bw-v18-more-trigger:hover {
  background: #f0f5f7;
  color: var(--bw18-ink);
}
.bw-v18-sidebar-list .bw-v18-nav-link.is-active,
.bw-v18-mobile-list .bw-v18-mobile-link.is-active {
  background: var(--bw18-teal-wash) !important;
  color: #086475 !important;
  border-color: #dbeded;
  font-weight: 720;
}
.bw-v18-sidebar-list .bw-v18-nav-link.is-active::before,
.bw-v18-mobile-list .bw-v18-mobile-link.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 2px;
  background: var(--bw18-teal);
}
.bw-v18-sidebar-list .bw-v18-nav-link.is-active>.office-icon,
.bw-v18-mobile-list .bw-v18-mobile-link.is-active>.office-icon {
  color: #08768a;
}
.bw-v18-sidebar-more {
  border-top: 1px solid var(--bw18-line);
  margin: 13px 3px 0;
  padding: 13px 0 0;
}
.bw-v18-more-trigger {
  list-style: none;
  user-select: none;
  display: flex;
}
.bw-v18-more-trigger::-webkit-details-marker {display: none}
.bw-v18-more-trigger>.bw-v18-more-chevron {
  width: 16px;
  height: 16px;
  margin-left: auto;
  color: #718b98;
  transition: transform .15s ease;
}
.bw-v18-sidebar-more[open]>.bw-v18-more-trigger>.bw-v18-more-chevron,
.bw-v18-mobile-more[open]>.bw-v18-more-trigger>.bw-v18-more-chevron {
  transform: rotate(180deg);
}
.bw-v18-sidebar-more>.bw-v18-more-content {
  margin-top: 6px;
  padding: 3px 0 7px 12px;
  max-height: min(340px, 43vh);
  overflow-y: auto;
  scrollbar-width: thin;
}
.bw-v18-more-caption {
  padding: 12px 11px 6px;
  font-size: 10px;
  letter-spacing: .075em;
  font-weight: 750;
  color: #82939f;
}
.bw-v18-sidebar-more .bw-v18-nav-link {
  font-size: 13px;
  min-height: 43px;
  padding: 9px 12px;
}
.bw-v18-app .sidebar-bottom {
  margin: auto 0 0;
  border-top: 1px solid var(--bw18-line);
  padding: 18px 8px 4px;
  color: var(--bw18-ink);
  flex-shrink: 0;
  gap: 11px;
}
.bw-v18-sidebar-dot {
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  background: #208b87;
  border-radius: 100%;
  box-shadow: 0 0 0 4px #e2f3ef;
}
.bw-v18-app .sidebar-bottom strong {
  color: #30495a;
  font-size: 12px;
  line-height: 1.35;
}
.bw-v18-app .sidebar-bottom small {
  color: #7b8c99;
  font-size: 11px;
}
.bw-v18-app .admin-topbar {
  height: 70px;
  padding: 0 34px;
  position: sticky;
  top: 0;
  z-index: 80;
  background: #fff;
  border-bottom: 1px solid var(--bw18-line);
  box-shadow: none;
  gap: 12px;
}
.bw-v18-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #566e7d;
  font-size: 13px;
  font-weight: 580;
  min-width: 0;
}
.bw-v18-breadcrumb strong {
  font-weight: 700;
  color: #253e4e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bw-v18-breadcrumb svg {
  width: 14px;
  height: 14px;
  color: #91a1ac;
}
.bw-v18-app .topbar-right {gap: 12px;}
.bw-v18-app .bw-quick-create>summary {
  min-height: 42px;
  padding: 8px 14px;
  border-radius: 8px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 710;
  background: var(--bw18-teal);
}
.bw-v18-app .bw-quick-create>summary:hover {background: var(--bw18-teal-dark);}
.bw-v18-app .office-account>summary {
  border-radius: 9px;
  border-color: #e5eaee;
  background: #fff;
  min-height: 42px;
}
.bw-v18-app .office-demo-badge {
  font-size: 11px;
  font-weight: 690;
  border: 1px solid #eddfb8;
  background: #fff8e8;
  color: #8b621c;
  border-radius: 7px;
  padding: 7px 9px;
  max-width: none;
}
.bw-v18-test-short {display: none;}
.bw-v18-app .admin-main {min-width: 0; flex: 1 1 auto;}
.bw-v18-app .admin-content {
  max-width: 1570px;
  padding: 34px 38px 76px;
  margin: 0 auto;
}
.bw-v18-app .admin-page-heading {
  margin-bottom: 22px;
}
.bw-v18-app .admin-page-heading h1 {
  font-size: clamp(25px, 2.6vw, 31px);
  font-weight: 740;
  letter-spacing: -.035em;
  line-height: 1.23;
  margin-bottom: 5px;
  color: var(--bw18-ink);
}
.bw-v18-app .admin-lead {
  font-size: 13px;
  line-height: 1.6;
  color: #6b7f8e;
}
.bw-v18-app .bw-v18-context-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--bw18-line);
  margin: -6px 0 24px;
  padding: 0 0 10px;
  overflow-x: auto;
  scrollbar-width: thin;
  max-width: 100%;
}
.bw-v18-context-nav a {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  min-height: 38px;
  align-items: center;
  padding: 7px 13px;
  border-radius: 7px;
  color: #657b89;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}
.bw-v18-context-nav a:hover {background:#ecf2f4;color:var(--bw18-ink)}
.bw-v18-context-nav a[aria-current="page"] {
  color: var(--bw18-teal-dark);
  background: var(--bw18-teal-wash);
  font-weight: 730;
}
.bw-v18-app a:focus-visible,
.bw-v18-app button:focus-visible,
.bw-v18-app summary:focus-visible {
  outline: 3px solid #3f9bb1;
  outline-offset: 3px;
}
.bw-v18-nav-scrim {display: none;}

/* Dashboard: actionable work first, supporting numbers second. */
.bw-v18-home {max-width: 1300px;}
.bw-v18-home-topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  gap: 12px;
}
.bw-v18-eyebrow {
  color: #6d8796;
  letter-spacing: .095em;
  font-size: 11px;
  font-weight: 800;
}
.bw-v18-today {color: #78909b; font-size: 12px;}
.bw-v18-home-grid {
  display: grid;
  grid-template-columns: minmax(0,1.8fr) minmax(295px,.83fr);
  align-items: stretch;
  gap: 18px;
}
.bw-v18-queue {
  min-width: 0;
  min-height: 375px;
  background: white;
  border: 1px solid var(--bw18-line);
  border-radius: 12px;
  box-shadow: 0 8px 24px #152d4006;
  overflow: hidden;
}
.bw-v18-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 27px 30px 20px;
  border-bottom: 1px solid #e9edf0;
}
.bw-v18-section-head h2 {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 740;
  letter-spacing: -.03em;
  color: var(--bw18-ink);
}
.bw-v18-section-head p {
  margin: 0;
  font-size: 13px;
  color: #6c808d;
}
.bw-v18-count {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  background: #eff4f5;
  border: 1px solid #e4ecee;
  border-radius: 8px;
  color: #466272;
  font-size: 12px;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
.bw-v18-task-list {padding: 0; margin: 0; list-style: none;}
.bw-v18-task {
  padding: 17px 27px 17px 30px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #edf0f2;
  transition: background .16s ease;
}
.bw-v18-task:last-child {border-bottom: 0;}
.bw-v18-task:hover {background: #fcfdfd;}
.bw-v18-task-icon {
  display: grid;
  place-items: center;
  width: 41px;
  height: 41px;
  border: 1px solid #deebeb;
  border-radius: 10px;
  background: #eff7f7;
  color: #167887;
  flex: 0 0 41px;
}
.bw-v18-task-icon .office-icon {width: 20px; height: 20px;}
.bw-v18-task-body {min-width: 0; flex: 1;}
.bw-v18-task-kind {
  display: block;
  margin-bottom: 4px;
  color: #6a8592;
  font-weight: 740;
  font-size: 10px;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.bw-v18-task-body h3 {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 720;
  line-height: 1.45;
  letter-spacing: -.01em;
  color: #153041;
  overflow-wrap: anywhere;
}
.bw-v18-task-body p {
  margin: 0;
  font-size: 12px;
  color: #718591;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.bw-v18-task-action {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 42px;
  gap: 8px;
  color: #076d7f;
  padding: 8px 10px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 760;
  border-radius: 7px;
  white-space: nowrap;
}
.bw-v18-task-action:hover {background: #e9f4f5;}
.bw-v18-queue-empty {
  min-height: 293px;
  padding: 35px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bw-v18-empty-icon {
  display: grid;
  place-items: center;
  height: 50px;
  width: 50px;
  border: 1px solid #daebea;
  border-radius: 14px;
  background: #eff8f8;
  color: var(--bw18-teal);
  margin-bottom: 17px;
}
.bw-v18-empty-icon .office-icon {width: 24px; height: 24px;}
.bw-v18-queue-empty h3 {margin: 0 0 5px; font-size: 18px; letter-spacing: -.015em;}
.bw-v18-queue-empty p {margin: 0 0 18px; color: #6a8090; font-size: 13px;}
.bw-v18-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: var(--bw18-teal);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  min-height: 46px;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 760;
  transition: background .15s ease;
}
.bw-v18-btn-primary:hover {background: var(--bw18-teal-dark);color:white;}
.bw-v18-shortcuts {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: var(--bw18-navy);
  color: white;
  padding: 30px 29px 24px;
  min-height: 375px;
  display: flex;
  flex-direction: column;
  border: 1px solid #234556;
}
.bw-v18-shortcuts::after {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  border: 1px solid #ffffff17;
  border-radius: 50%;
  right: -95px;
  top: -96px;
  pointer-events: none;
}
.bw-v18-shortcuts-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #acd3d9;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.bw-v18-shortcuts-kicker .office-icon {width: 17px; height: 17px;}
.bw-v18-shortcuts h2 {
  margin: 18px 0 20px;
  max-width: 270px;
  color: white;
  font-size: clamp(21px, 2.2vw, 27px);
  font-weight: 730;
  letter-spacing: -.03em;
  line-height: 1.27;
}
.bw-v18-shortcuts .bw-v18-btn-primary {background: #d4f1ec; color: #124c59;}
.bw-v18-shortcuts .bw-v18-btn-primary:hover {background: white;color:#134654;}
.bw-v18-shortcuts-links {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-top: 1px solid #ffffff29;
  margin-top: auto;
  padding-top: 15px;
}
.bw-v18-shortcuts-links a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 9px 3px;
  text-decoration: none;
  color: #d6e7ee;
  font-size: 13px;
  font-weight: 550;
  border-radius: 5px;
}
.bw-v18-shortcuts-links a:hover {color:white;background:#ffffff10;}
.bw-v18-shortcuts-links .office-icon {height: 17px;width: 17px;color:#90c4cd;}
.bw-v18-shortcuts-links a span {margin-left:auto;}
.bw-v18-metrics {
  margin-top: 22px;
}
.bw-v18-metrics-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
  gap: 12px;
}
.bw-v18-metrics-head h2 {
  margin: 0;
  font-size: 15px;
  font-weight: 730;
  letter-spacing: -.01em;
  color: #284556;
}
.bw-v18-metrics-head>span {font-size: 12px;color:#7b8b95;}
.bw-v18-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  background: white;
  border: 1px solid var(--bw18-line);
  border-radius: 12px;
  overflow: hidden;
}
.bw-v18-metric {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  padding: 23px 25px 24px;
  border-right: 1px solid #edf0f2;
  min-width: 0;
  position: relative;
  text-decoration: none;
  color: #516d7d;
  transition: background .15s ease;
}
.bw-v18-metric:last-child {border-right:0;}
.bw-v18-metric:hover {background: #f8fbfb;}
.bw-v18-metric>span:first-child {font-size: 12px;font-weight: 630;color:#687f8c;}
.bw-v18-metric strong {
  color: #122f40;
  font-size: clamp(23px, 2vw, 30px);
  line-height: 1.12;
  font-weight: 720;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.bw-v18-metric-arrow {
  position: absolute;
  top: 23px;
  right: 20px;
  color: #659ba6;
}
.bw-v18-hub {max-width:1060px;}
.bw-v18-hub-top {margin: 4px 0 18px;}
.bw-v18-hub-top p {font-size:14px;color:#657987; margin:8px 0 0;}
.bw-v18-hub-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
.bw-v18-hub-link {
  display:flex;
  align-items:center;
  gap:16px;
  min-height:119px;
  padding:22px;
  text-decoration:none;
  background:#fff;
  border:1px solid var(--bw18-line);
  border-radius:11px;
  color:var(--bw18-ink);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.bw-v18-hub-link:hover {border-color:#a0ccd2;box-shadow:0 8px 22px #1638490b;transform:translateY(-1px);}
.bw-v18-hub-icon {
  flex:0 0 43px;
  width:43px;
  height:43px;
  background:#eaf5f5;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#08788a;
}
.bw-v18-hub-icon .office-icon {width:20px;height:20px;}
.bw-v18-hub-copy {display:flex;flex-direction:column;gap:4px;min-width:0;}
.bw-v18-hub-copy strong {font-size:15px;font-weight:740;}
.bw-v18-hub-copy small {font-size:12px;color:#677d8a;line-height:1.5;}
.bw-v18-hub-arrow {margin-left:auto;color:#4592a2;font-size:19px;}

/* Mobile navigation: correct descendants, never browser-default inline links. */
@media (max-width:1050px) {
  .bw-v18-app .admin-sidebar {display:none;}
  .bw-v18-app .admin-topbar {padding:0 20px;height:68px;}
  .bw-v18-app .admin-content {padding:28px 24px 60px;}
  .bw-v18-app .admin-mobile-nav {display:block;position:relative;margin-right:0;}
  .bw-v18-app .admin-mobile-nav>summary {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:46px;
    padding:11px 13px;
    border:1px solid #e4e9ed;
    border-radius:8px;
    background:#fff;
    font-size:13px;
    color:#283f4e;
    font-weight:700;
  }
  .bw-v18-app .admin-mobile-nav>summary:hover,
  .bw-v18-app .admin-mobile-nav[open]>summary {background:#eef6f6;border-color:#cde7e9;}
  .bw-v18-app .bw-v18-mobile-panel {
    display:none;
    position:fixed;
    top:76px;
    left:15px;
    width:min(350px,calc(100vw - 30px));
    max-height:calc(100dvh - 91px);
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    border:1px solid #dfe9eb;
    border-radius:13px;
    background:white;
    padding:14px;
    box-shadow:0 20px 70px #122d4040;
    z-index:110;
    scrollbar-width:thin;
  }
  .bw-v18-app .admin-mobile-nav[open] .bw-v18-mobile-panel {display:block;}
  .bw-v18-mobile-title {
    font-size:11px;
    letter-spacing:.09em;
    text-transform:uppercase;
    font-weight:750;
    color:#8294a0;
    padding:8px 11px 10px;
  }
  .bw-v18-mobile-list {display:flex;flex-direction:column;gap:3px;}
  .bw-v18-app .bw-v18-mobile-list .bw-v18-mobile-link {
    display:flex;
    min-height:48px;
    padding:12px 12px;
    align-items:center;
    flex-wrap:nowrap;
    gap:12px;
    color:#284355;
    background:transparent;
    font-size:14px;
    font-weight:620;
    text-decoration:none;
    border-radius:8px;
    line-height:1.35;
    white-space:normal;
  }
  .bw-v18-mobile-list .bw-v18-mobile-link>.office-icon {flex:0 0 19px;}
  .bw-v18-mobile-more {
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid var(--bw18-line);
  }
  .bw-v18-app .bw-v18-mobile-more>.bw-v18-more-trigger {
    display:flex;
    min-height:48px;
    padding:12px;
    align-items:center;
    font-size:14px;
    font-weight:680;
    color:#365464;
  }
  .bw-v18-mobile-more>.bw-v18-more-content {
    padding:3px 0 10px 12px;
    border-left:1px solid #e3ecee;
    margin-left:12px;
  }
  .bw-v18-mobile-more .bw-v18-more-caption {font-size:10px;}
  .bw-v18-mobile-more .bw-v18-mobile-link {min-height:46px;}
  .bw-v18-nav-scrim {
    display:block;
    position:fixed;
    inset:68px 0 0;
    z-index:69;
    background:rgba(8,31,46,.28);
    opacity:0;
    pointer-events:none;
    transition:opacity .16s ease;
  }
  body.bw-v18-mobile-is-open .bw-v18-nav-scrim {
    opacity:1;
    pointer-events:auto;
  }
  .bw-v18-home-grid {grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);}
}
@media (max-width:770px) {
  .bw-v18-app .admin-topbar {padding:0 14px;gap:10px;}
  .bw-v18-app .admin-content {padding:25px 18px 55px;}
  .bw-v18-app .bw-v18-breadcrumb {display:none;}
  .bw-v18-app .topbar-right {margin-left:auto;gap:8px;}
  .bw-v18-home-grid {grid-template-columns:1fr;}
  .bw-v18-queue {min-height:0;}
  .bw-v18-shortcuts {min-height:0;}
  .bw-v18-shortcuts h2 {margin:10px 0 17px;}
  .bw-v18-shortcuts-links {margin-top:17px;}
  .bw-v18-hub-grid {grid-template-columns:1fr;}
}
@media (max-width:530px) {
  .bw-v18-app .admin-content {padding:21px 14px 50px;}
  .bw-v18-app .admin-page-heading {margin-bottom:20px;}
  .bw-v18-app .admin-page-heading h1 {font-size:25px;}
  .bw-v18-app .admin-lead {font-size:13px;}
  .bw-v18-app .office-account-label,
  .bw-v18-app .profile-chevron {display:none;}
  .bw-v18-app .office-account>summary {padding:5px;border-radius:9px;min-width:43px;}
  .bw-v18-app .bw-quick-create>summary {min-height:42px;padding:9px 11px;}
  .bw-v18-test-long {display:none;}
  .bw-v18-test-short {display:inline;}
  .bw-v18-app .office-demo-badge {font-size:10px; padding:6px 8px;}
  .bw-v18-app .admin-mobile-nav>summary {padding:10px;min-height:44px;}
  .bw-v18-app .admin-topbar {padding:0 11px;gap:6px;}
  .bw-v18-home-topline {margin-bottom:11px;}
  .bw-v18-section-head {padding:22px 20px 16px;}
  .bw-v18-section-head h2 {font-size:20px;}
  .bw-v18-task {flex-wrap:wrap;gap:9px 12px;padding:15px 18px;}
  .bw-v18-task-icon {width:36px;height:36px;flex-basis:36px;}
  .bw-v18-task-body {flex-basis:calc(100% - 52px);}
  .bw-v18-task-action {margin-left:48px;padding:4px 9px;min-height:36px;}
  .bw-v18-shortcuts {padding:25px 22px 21px;}
  .bw-v18-metrics-grid {grid-template-columns:1fr;}
  .bw-v18-metric {padding:18px 21px;border-right:0;border-bottom:1px solid #edf0f2;}
  .bw-v18-metric:last-child {border-bottom:0;}
  .bw-v18-metric strong {font-size:27px;}
  .bw-v18-hub-link {min-height:101px;padding:18px;}
  .bw-v18-app .bw-v18-context-nav {margin-bottom:20px;}
}
@media (prefers-reduced-motion:reduce) {
  .bw-v18-app .bw-v18-nav-link,
  .bw-v18-app .bw-v18-mobile-link,
  .bw-v18-app .bw-v18-more-trigger,
  .bw-v18-app .bw-v18-task,
  .bw-v18-app .bw-v18-metric,
  .bw-v18-app .bw-v18-hub-link,
  .bw-v18-app .bw-v18-nav-scrim {transition:none!important;}
  .bw-v18-app .bw-v18-hub-link:hover {transform:none;}
}

/* Old application CSS positioned every mobile nav absolutely. V18's grouped
   nav lives inside its own anchored panel, never outside its scrollport. */
@media (max-width:1050px) {
  .bw-v18-app .admin-mobile-nav nav.bw-v18-mobile-list {
    position: static;
    inset: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
    overflow: visible;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    z-index: auto;
  }
}

/* On compact 320px phones retain the security warning without a three-line badge. */
.bw-v18-test-mini {display:none;}
@media (max-width:360px) {
  .bw-v18-app .bw-v18-test-short {display:none;}
  .bw-v18-app .bw-v18-test-mini {display:inline;white-space:nowrap;}
  .bw-v18-app .office-demo-badge {font-size:10px;padding:7px 6px;}
  .bw-v18-app .office-account>summary {min-height:44px;min-width:44px;}
}

/* Accessible muted typography: AA contrast on the actual light surfaces. */
.bw-v18-app .bw-v18-sidebar-label,
.bw-v18-app .bw-v18-more-caption,
.bw-v18-app .bw-v18-mobile-title,
.bw-v18-app .sidebar-bottom small,
.bw-v18-app .admin-lead,
.bw-v18-app .bw-v18-context-nav a:not([aria-current]),
.bw-v18-app .bw-v18-eyebrow,
.bw-v18-app .bw-v18-today,
.bw-v18-app .bw-v18-section-head p,
.bw-v18-app .bw-v18-task-kind,
.bw-v18-app .bw-v18-task-body p,
.bw-v18-app .bw-v18-metrics-head>span,
.bw-v18-app .bw-v18-metric>span:first-child,
.bw-v18-app .bw-v18-queue-empty p,
.bw-v18-app .bw-v18-hub-copy small {
  color: #5b7080;
}