/*
 * BEISSLER OFFICE / PHASE F1 — V23
 * Visual refinement of navigation and dashboard only.
 * Uses V18 brand tokens. No business/data/financial changes.
 */
.bw-v18-app{
  --bw23-canvas:#f5f7f8;
  --bw23-ink:#173444;
  --bw23-muted:#526c7c;
  --bw23-line:#dfe8eb;
  --bw23-focus:#268ea1;
  --bw23-paper:#fff;
  --bw23-radius:11px;
  background:var(--bw23-canvas);
}
.bw-v18-app .admin-sidebar{
  padding:22px 15px 19px;
  background:var(--bw23-paper);
}
.bw-v18-app .admin-brand{
  margin:0 5px 27px;
  padding:5px 7px 21px;
  min-height:72px;
}
.bw-v18-app .admin-brand img{width:min(168px,100%);}
.bw-v18-app .bw-v18-sidebar-label{
  font-size:11px;
  font-weight:770;
  letter-spacing:.075em;
  color:#55707e;
  margin-bottom:10px;
}
.bw-v18-app .bw-v18-sidebar-list{gap:4px;padding-bottom:15px;}
.bw-v18-app .bw-v18-sidebar-list>.bw-v18-nav-link,
.bw-v18-app .bw-v18-sidebar-more>.bw-v18-more-trigger{
  min-height:48px;
  border-radius:8px;
  font-size:13.5px;
  font-weight:610;
  padding:11px 13px;
  gap:12px;
  transition:background-color .14s ease,color .14s ease,border-color .14s ease;
}
.bw-v18-app .bw-v18-sidebar-list>.bw-v18-nav-link .office-icon,
.bw-v18-app .bw-v18-sidebar-more>.bw-v18-more-trigger .office-icon{
  width:18px;height:18px;flex-basis:18px;
  color:#557281;
}
.bw-v18-app .bw-v18-sidebar-list>.bw-v18-nav-link.is-active{
  font-weight:740;
  background:#eaf4f4!important;
  color:#075f70!important;
  border-color:#dcebed;
}
.bw-v18-app .bw-v18-sidebar-list>.bw-v18-nav-link.is-active::before{
  width:3px;top:10px;bottom:10px;
}
.bw-v18-app .bw-v18-sidebar-more{
  margin:14px 0 0;
  padding:13px 0 0;
}
.bw-v18-app .bw-v18-sidebar-more>.bw-v18-more-trigger{
  color:#3a5664;
}
.bw-v18-app .bw-v18-sidebar-more[open]>.bw-v18-more-trigger{
  background:#f3f8f8;
  color:#0b6272;
}
.bw-v18-app .bw-v18-sidebar-more>.bw-v18-more-content{
  max-height:none;
  overflow:visible;
  padding-left:8px;
}
.bw-v18-app .bw-v18-more-caption{font-size:11px;color:#526e7d;letter-spacing:.065em;}
.bw-v18-app .sidebar-bottom{display:none!important;}
.bw-v18-app .admin-topbar{
  min-height:66px;height:66px;
  border-bottom:1px solid var(--bw23-line);
  padding:0 32px;
  background:#fff;
}
.bw-v18-app .bw-v18-breadcrumb{color:#506977;font-size:12.5px;}
.bw-v18-app .bw-quick-create>summary{min-height:44px;padding:9px 15px;}
.bw-v18-app .office-account>summary{min-height:44px;}
.bw-v18-app :is(.bw-v18-nav-link,.bw-v18-mobile-link,.bw-v18-more-trigger,.bw-v23-mobile-close,.bw-v18-task-action,.bw-v18-btn-primary):focus-visible{
  outline:3px solid var(--bw23-focus)!important;
  outline-offset:3px;
}
/* Dashboard: a restrained operational workbench, not a template/marketing panel. */
.bw-v18-app .admin-content:has(.bw-v23-home){
  padding-top:28px;
}
.bw-v18-app .admin-content:has(.bw-v23-home)>.admin-page-heading{
  margin-bottom:19px;
}
.bw-v18-app .admin-content:has(.bw-v23-home)>.admin-page-heading h1{
  font-size:clamp(25px,2.25vw,30px);
  margin-bottom:3px;
}
.bw-v18-app .admin-content:has(.bw-v23-home)>.admin-page-heading .admin-lead{
  color:var(--bw23-muted);
  font-size:13px;
}
.bw-v18-app .bw-v23-home{max-width:1320px;margin:0;}
.bw-v18-app .bw-v23-home-topline{
  margin-bottom:10px;
  min-height:20px;
}
.bw-v18-app .bw-v23-home .bw-v18-eyebrow{
  color:#4f7280;
  font-size:11px;
  letter-spacing:.08em;
}
.bw-v18-app .bw-v23-home .bw-v18-today{font-size:12px;color:#5a7180;}
.bw-v18-app .bw-v23-metrics{
  margin:0 0 20px;
}
.bw-v18-app .bw-v23-metrics .bw-v18-metrics-head{
  margin-bottom:10px;
}
.bw-v18-app .bw-v23-metrics .bw-v18-metrics-head h2{
  color:var(--bw23-ink);
  font-size:15px;
  font-weight:760;
}
.bw-v18-app .bw-v23-metrics .bw-v18-metrics-head>span{
  font-size:12px;
  color:#5c7380;
}
.bw-v18-app .bw-v23-metrics .bw-v18-metrics-grid{
  border:1px solid var(--bw23-line);
  border-radius:var(--bw23-radius);
  box-shadow:0 3px 16px #16344406;
}
.bw-v18-app .bw-v23-metrics .bw-v23-metric{
  min-height:104px;
  gap:10px;
  padding:19px 23px 18px;
  justify-content:space-between;
}
.bw-v18-app .bw-v23-metric>span:first-child{
  font-size:12px;
  font-weight:695;
  color:#4c6675;
}
.bw-v18-app .bw-v23-metric>strong{
  font-size:clamp(24px,2.4vw,29px);
  font-weight:775;
  color:#153747;
  line-height:1.1;
  letter-spacing:-.025em;
}
.bw-v18-app .bw-v23-metric>.bw-v18-metric-arrow{
  top:16px;right:20px;
  font-size:17px;
  font-weight:740;
  color:#347d8b;
}
.bw-v18-app .bw-v23-metric:hover{background:#f3f9f9;}
.bw-v18-app .bw-v23-home-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(268px,310px);
  gap:18px;
  align-items:start;
}
.bw-v18-app .bw-v23-queue{
  min-height:0;
  overflow:hidden;
  border:1px solid var(--bw23-line);
  border-radius:var(--bw23-radius);
  background:#fff;
  box-shadow:0 3px 14px #16344404;
}
.bw-v18-app .bw-v23-queue>.bw-v18-section-head{
  padding:23px 26px 18px;
  align-items:center;
  border-bottom:1px solid #e5ecef;
}
.bw-v23-section-kicker{
  display:block;
  font-size:10.5px;
  font-weight:770;
  letter-spacing:.09em;
  color:#547482;
  margin-bottom:4px;
}
.bw-v18-app .bw-v23-queue .bw-v18-section-head h2{
  font-size:21px;
  line-height:1.27;
  margin:0 0 3px;
  font-weight:760;
}
.bw-v18-app .bw-v23-queue .bw-v18-section-head p{
  font-size:12.5px;
  color:#55717f;
  line-height:1.45;
}
.bw-v18-app .bw-v23-queue .bw-v18-count{
  width:31px;min-width:31px;
  height:31px;
  background:#f0f6f6;
  border-color:#dce9eb;
  font-size:12px;
  color:#285c69;
}
.bw-v18-app .bw-v23-queue .bw-v18-task{
  padding:13px 22px 13px 26px;
  gap:12px;
  min-height:82px;
  align-items:center;
  transition:background-color .14s ease;
}
.bw-v18-app .bw-v23-queue .bw-v18-task:hover{background:#f7fafb;}
.bw-v18-app .bw-v23-queue .bw-v18-task-icon{
  width:36px;height:36px;flex:0 0 36px;
  border-radius:9px;
  background:#f0f7f7;
  border:1px solid #dce9e9;
  color:#207a89;
}
.bw-v18-app .bw-v23-queue .bw-v18-task-icon .office-icon{width:18px;height:18px;}
.bw-v18-app .bw-v23-queue .bw-v18-task-body{flex:1 1 auto;min-width:0;}
.bw-v18-app .bw-v23-queue .bw-v18-task-kind{
  margin-bottom:2px;
  letter-spacing:.07em;
  font-size:10.5px;
  color:#496d7d;
}
.bw-v18-app .bw-v23-queue .bw-v18-task-body h3{
  font-size:13.5px;
  font-weight:740;
  line-height:1.45;
  margin-bottom:2px;
  color:#1c3b49;
  overflow-wrap:anywhere;
}
.bw-v18-app .bw-v23-queue .bw-v18-task-body p{
  font-size:12px;
  color:#597382;
}
.bw-v18-app .bw-v23-queue .bw-v18-task-action{
  padding:8px 10px;
  min-height:44px;
  font-size:12px;
  font-weight:750;
  color:#075e70;
  gap:7px;
}
.bw-v18-app .bw-v23-queue .bw-v18-task-action:hover{
  color:#064f5f;
  background:#eaf5f5;
}
.bw-v23-queue-footer{
  padding:13px 24px;
  background:#fbfdfd;
  border-top:1px solid #e5edef;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.bw-v23-queue-footer>span{
  font-size:11px;
  color:#5b7180;
  line-height:1.45;
}
.bw-v23-queue-footer>a{
  color:#086779;
  font-weight:735;
  font-size:12px;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  text-decoration:none;
  white-space:nowrap;
}
.bw-v23-queue-footer>a:hover{text-decoration:underline;}
.bw-v18-app .bw-v23-shortcuts{
  position:relative;
  align-self:start;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:23px 23px 19px;
  overflow:visible;
  border:1px solid var(--bw23-line);
  border-radius:var(--bw23-radius);
  background:#fff;
  color:var(--bw23-ink);
  box-shadow:0 3px 14px #16344404;
}
.bw-v18-app .bw-v23-shortcuts::after{display:none;}
.bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-kicker{
  font-size:10.5px;
  color:#466e7b;
  letter-spacing:.085em;
  gap:7px;
}
.bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-kicker .office-icon{color:#1b7888;}
.bw-v18-app .bw-v23-shortcuts h2{
  font-size:19px;
  max-width:none;
  line-height:1.32;
  font-weight:760;
  letter-spacing:-.025em;
  color:var(--bw23-ink);
  margin:12px 0 17px;
}
.bw-v18-app .bw-v23-shortcuts .bw-v18-btn-primary{
  justify-content:space-between;
  min-height:46px;
  padding:11px 13px;
  font-weight:755;
  font-size:13px;
  background:#08798b;
  color:#fff;
  border:1px solid #08798b;
  border-radius:8px;
}
.bw-v18-app .bw-v23-shortcuts .bw-v18-btn-primary:hover{
  background:#07677a;
  color:white;
}
.bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-links{
  border-top:1px solid #e4ecee;
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-top:16px;
  padding-top:10px;
}
.bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-links a{
  min-height:44px;
  color:#3b5a69;
  padding:9px 7px;
  font-size:12.5px;
  font-weight:635;
  gap:9px;
  background:transparent;
  transition:background-color .14s ease;
}
.bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-links a:hover{
  background:#f1f7f8;
  color:#095d71;
}
.bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-links .office-icon{
  color:#4b8190;
  width:17px;height:17px;
}
.bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-links a span{
  color:#3f8895;
}
@media(max-width:1120px){
  .bw-v18-app .bw-v23-home-grid{
    grid-template-columns:minmax(0,1fr) minmax(235px,280px);
    gap:15px;
  }
  .bw-v18-app .bw-v23-queue .bw-v18-task{padding-left:18px;padding-right:16px;}
  .bw-v18-app .bw-v23-queue>.bw-v18-section-head{padding:19px 19px 15px;}
}
@media(max-width:770px){
  .bw-v18-app .bw-v23-home-grid{display:flex;flex-direction:column;gap:14px;}
  .bw-v18-app .bw-v23-shortcuts{order:-1;width:100%;}
  .bw-v18-app .bw-v23-queue{width:100%;}
  .bw-v18-app .bw-v23-shortcuts h2{margin:9px 0 12px;}
  .bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-links{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
    margin-top:15px;padding-top:12px;
  }
  .bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-links a{
    display:flex;flex-direction:column;justify-content:center;align-items:center;
    text-align:center;min-height:66px;gap:6px;
    border:1px solid #e2edef;border-radius:7px;
    padding:8px 5px;font-size:11.5px;line-height:1.3;
  }
  .bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-links a span{display:none;}
}
@media(max-width:530px){
  .bw-v18-app .admin-content:has(.bw-v23-home){padding-top:20px;}
  .bw-v18-app .admin-content:has(.bw-v23-home)>.admin-page-heading{
    margin-bottom:15px;
  }
  .bw-v18-app .bw-v23-home-topline{margin-bottom:9px;}
  .bw-v18-app .bw-v23-metrics{margin-bottom:14px;}
  .bw-v18-app .bw-v23-metrics .bw-v18-metrics-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
  }
  .bw-v18-app .bw-v23-metrics .bw-v23-metric{
    border-bottom:1px solid #e8eef0;
    min-height:87px;
    padding:15px 15px 13px;
    border-right:1px solid #e8eef0;
  }
  .bw-v18-app .bw-v23-metrics .bw-v23-metric:nth-child(1){
    grid-column:1/-1;
    min-height:80px;
    border-right:0;
  }
  .bw-v18-app .bw-v23-metrics .bw-v23-metric:nth-child(2),
  .bw-v18-app .bw-v23-metrics .bw-v23-metric:nth-child(3){
    border-bottom:0;
  }
  .bw-v18-app .bw-v23-metrics .bw-v23-metric:last-child{border-right:0;}
  .bw-v18-app .bw-v23-metric strong{font-size:25px;}
  .bw-v18-app .bw-v23-metric>.bw-v18-metric-arrow{
    right:12px;top:10px;
  }
  .bw-v18-app .bw-v23-shortcuts{padding:18px 17px 17px;}
  .bw-v18-app .bw-v23-shortcuts h2{font-size:18px;}
  .bw-v18-app .bw-v23-queue>.bw-v18-section-head{padding:19px 17px 15px;}
  .bw-v18-app .bw-v23-queue .bw-v18-section-head h2{font-size:20px;}
  .bw-v18-app .bw-v23-queue .bw-v18-task{
    padding:13px 15px;
    display:grid;
    grid-template-columns:35px minmax(0,1fr);
    align-items:start;
    gap:9px 11px;
    min-height:0;
  }
  .bw-v18-app .bw-v23-queue .bw-v18-task-icon{
    grid-column:1;grid-row:1;
    width:35px;height:35px;
  }
  .bw-v18-app .bw-v23-queue .bw-v18-task-body{
    grid-column:2;grid-row:1;
  }
  .bw-v18-app .bw-v23-queue .bw-v18-task-action{
    grid-column:2;
    grid-row:2;
    justify-self:start;
    margin:0;
    min-height:44px;
    padding:8px 0;
    font-size:12.5px;
  }
  .bw-v23-queue-footer{
    padding:13px 16px;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
  }
}
@media(max-width:350px){
  .bw-v18-app .bw-v23-shortcuts .bw-v18-shortcuts-links a{font-size:11px;}
  .bw-v18-app .bw-v23-metrics .bw-v23-metric{padding-left:12px;padding-right:11px;}
  .bw-v18-app .bw-v23-metric strong{font-size:22px;}
}
/* Accessible navigation: predictable, scrollable drawer with explicit close button. */
@media(max-width:1050px){
  .bw-v18-app .admin-topbar{
    height:68px;min-height:68px;
    padding:0 18px;
  }
  .bw-v18-app .bw-v18-mobile-panel{
    top:68px;
    left:0;
    width:min(350px,calc(100vw - 24px));
    height:calc(100dvh - 68px);
    max-height:calc(100dvh - 68px);
    border-radius:0 12px 12px 0;
    border-left:0;
    padding:15px 15px 20px;
    box-shadow:11px 18px 42px #0e2e3b23;
  }
  .bw-v18-app .bw-v18-mobile-title{
    display:flex;align-items:center;justify-content:space-between;
    gap:12px;margin-bottom:10px;
    padding:2px 4px 12px 9px;
    border-bottom:1px solid #e5edef;
    font-size:12px;letter-spacing:.05em;
    color:#425f6d;
  }
  .bw-v18-app .bw-v23-mobile-close{
    display:grid;place-items:center;
    width:44px;height:44px;
    border:1px solid #dfe8eb;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    color:#284d5e;
  }
  .bw-v18-app .bw-v23-mobile-close:hover{background:#eff6f7;}
  .bw-v18-app .bw-v23-mobile-close svg{
    width:17px;height:17px;
  }
  .bw-v18-app .bw-v18-mobile-list>.bw-v18-mobile-link{
    min-height:49px;padding:11px 14px;
    font-weight:640;
    font-size:14px;
  }
  .bw-v18-app .bw-v18-mobile-more>.bw-v18-more-trigger{min-height:48px;}
  .bw-v18-app .bw-v18-nav-scrim{
    background:rgba(13,36,47,.44);
  }
  body.bw-v18-mobile-is-open{overflow:hidden;}
}
@media(max-width:530px){
  .bw-v18-app .admin-topbar{padding:0 11px;}
  .bw-v18-app .bw-v18-mobile-panel{width:min(350px,calc(100vw - 24px));}
}
@media(prefers-reduced-motion:reduce){
  .bw-v18-app .bw-v23-home a,
  .bw-v18-app .bw-v23-home .bw-v18-task,
  .bw-v18-app .bw-v18-nav-link,
  .bw-v18-app .bw-v18-mobile-link{transition:none!important;}
}