.reports-panel a.report-card{font-family:inherit;text-decoration:none;color:inherit;text-align:left;cursor:pointer}
.reports-panel a.report-card:focus-visible{outline:3px solid #2a8d9d;outline-offset:3px}
.report-card-critical-expense{--report-accent:#b5742b;--report-tint:#fff6e8;--report-soft:#fff6e8}

.report-view-dialog{
  box-sizing:border-box;
  position:fixed;
  inset:0;
  margin:auto;
  width:min(var(--report-view-width,1500px),calc(100vw - 18px));
  height:min(var(--report-view-height, min(94vh,960px)),calc(100vh - 16px));
  height:min(var(--report-view-height, min(94dvh,960px)),calc(100dvh - 16px));
  max-width:calc(100vw - 16px);
  max-height:calc(100vh - 16px);
  max-height:calc(100dvh - 16px);
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  border:1px solid #d6e1e7;
  border-radius:16px;
  background:#fff;
  color:#233c50;
  box-shadow:0 24px 90px #10283e4d;
}
.report-view-dialog:not([open]){display:none}
.report-view-dialog[open]{display:flex;flex-direction:column}
.report-view-dialog::backdrop{
  background:rgba(13,29,43,.61);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.report-view-dialog-head{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:10px;
  min-width:0;
  min-height:44px;
  padding:6px 10px 6px 14px;
  border-bottom:1px solid #dfe8ed;
  background:#f8fafb;
}
.report-view-dialog-head h2{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:inherit;
  font-size:16px;
  font-weight:650;
  line-height:1.25;
  letter-spacing:-.015em;
  color:#234358;
}
#report-view-scope{
  flex:0 1 auto;
  min-width:0;
  max-width:45%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  line-height:1.35;
  color:#758793;
}
#report-view-scope:empty{display:none}
#report-view-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  box-sizing:border-box;
  min-width:32px;
  height:32px;
  min-height:32px;
  margin:0;
  padding:4px 8px;
  border:1px solid #d9e3e9;
  border-radius:8px;
  background:#fff;
  color:#4c6576;
  font:inherit;
  font-size:19px;
  font-weight:500;
  line-height:1;
  cursor:pointer;
  touch-action:manipulation;
}
#report-view-close:hover{border-color:#b6cbd6;background:#edf4f6;color:#234d5e}
#report-view-close:focus-visible{outline:3px solid #7ab8ba;outline-offset:2px}
.report-view-content{
  position:relative;
  display:flex;
  flex:1 1 0;
  flex-direction:column;
  min-width:0;
  min-height:0;
  width:100%;
  overflow:hidden;
  background:#fff;
}
#report-view-frame{
  display:block;
  box-sizing:border-box;
  flex:1 1 0;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  background:#fff;
}
#report-view-loading{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  margin:0;
  padding:20px;
  background:#f6f9fb;
  color:#617e91;
  font-size:13px;
  line-height:1.5;
  text-align:center;
}
#report-view-loading[hidden]{display:none!important}
#report-view-frame[hidden]{display:none!important}
#report-view-loading{align-content:center;justify-items:center;gap:14px}
#report-view-loading.is-error{color:#9b4934;background:#fff9f5}
.report-view-retry{border:1px solid #b7ccd6;border-radius:8px;padding:9px 16px;background:#fff;color:#234d5e;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.report-view-retry[hidden]{display:none!important}
html:has(.report-view-dialog[open]),body:has(.report-view-dialog[open]){overflow:hidden;overscroll-behavior:none}

@media(max-width:700px){
  .report-view-dialog{
    width:min(var(--report-view-width,calc(100vw - 8px)),calc(100vw - 8px));
    height:min(var(--report-view-height,94vh),calc(100vh - 8px));
    height:min(var(--report-view-height,94dvh),calc(100dvh - 8px));
    max-width:calc(100vw - 8px);
    max-height:calc(100vh - 8px);
    max-height:calc(100dvh - 8px);
    border-radius:10px;
  }
  .report-view-dialog-head{flex-wrap:wrap;gap:4px 9px;min-height:46px;padding:5px 7px 6px 10px}
  .report-view-dialog-head h2{flex:1 1 0;font-size:16px}
  #report-view-close{order:2;min-width:36px;height:36px;min-height:36px;font-size:20px}
  #report-view-scope{order:3;flex:1 0 100%;max-width:100%;padding-bottom:1px;font-size:11px}
}