/*
 * This file is subject to the terms and conditions defined in
 * file 'LICENSE.txt', which is part of this source code package.
 */

::-webkit-input-placeholder{
  color:var(--mb-color-text-disabled);
}

:-moz-placeholder{
  color:var(--mb-color-text-disabled);
}

:-ms-input-placeholder{
  color:var(--mb-color-text-disabled);
}

.HyjCv{
  margin-bottom:1.5em;
  color:var(--mb-color-text-secondary);
}

.HyjCv.ttvnW{
  color:var(--mb-color-feedback-negative);
}

.onBdv{
  display:block;
  font-weight:900;
  font-size:0.75rem;
  color:inherit;
  margin-bottom:0.5em;
}

.Zt7H1{
  font-family:var(--mb-default-font-family);
  font-weight:700;
  font-size:16px;
  color:var(--mb-color-text-primary);
  background-color:var(--mb-color-background_page-primary);
  padding:0.75em;
  border:1px solid var(--mb-color-border-neutral);
  border-radius:8px;
  outline:none;
}

.HyjCv.ttvnW .Zt7H1{
  border-color:var(--mb-color-feedback-negative);
}

.IL1zw:focus{
  outline:0;
}

.Zt7H1:focus:not(.IL1zw),
.HyjCv:hover .Zt7H1:not(.IL1zw){
  border-color:var(--mb-color-core-brand);
  transition:border 300ms ease-in-out;
}

.c1GhG .Icon,
.oQc3i .wulvJ .Icon{
  color:var(--mb-color-text-primary);
}

.c1GhG:hover .Icon{
  color:inherit;
}

.oQc3i .Icon{
  color:var(--mb-color-text-disabled);
}

.c1GhG{
  color:var(--mb-color-text-primary);
  border:2px solid transparent;
}

.rzOoP{
  border-radius:8px;
  outline:2px solid var(--mb-color-input-focus);
  outline-offset:-4px;
}

.a3g6g .c1GhG:hover,
.a3g6g .c1GhG:hover .Icon,
.a3g6g .c1GhG:hover .hldqf,
.gLbWv .c1GhG,
.gLbWv .c1GhG ._6u7em .Icon{
  color:currentColor;
}

.gLbWv .c1GhG .hldqf{
  color:var(--mb-color-text-primary);
}

.hldqf{
  word-wrap:break-word;
}

.oQc3i{
  display:flex;
  border-radius:4px;
  margin-top:2px;
  margin-bottom:2px;
}

.xrQYx{
  outline:2px solid var(--mb-color-input-focus);
}

.xrQYx:not(.N0BUQ),
.oQc3i:not(.N0BUQ):hover,
.Z1A0q:not(.N0BUQ){
  background-color:currentColor;
  --select-list-item-text-color:var(--mb-color-text-primary-inverse);
}

.ITGZp{
  color:var(--mb-color-text-primary);
}

.N0BUQ .ITGZp{
  color:var(--mb-color-text-disabled);
}

.xrQYx:not(.N0BUQ) .ITGZp,
.oQc3i:not(.N0BUQ):hover .ITGZp,
.Z1A0q:not(.N0BUQ) .ITGZp{
  color:var(--mb-color-text-primary-inverse);
}

.V8ICI{
  margin-top:0.25em;
  margin-bottom:0;
  color:var(--mb-color-text-secondary);
}

.N0BUQ .V8ICI{
  color:var(--mb-color-text-primary);
}

.xrQYx:not(.N0BUQ) .V8ICI,
.oQc3i:not(.N0BUQ):hover .V8ICI,
.Z1A0q:not(.N0BUQ) .V8ICI{
  color:rgba(255, 255, 255, 0.5);
}

.xrQYx:not(.N0BUQ) .Icon,
.oQc3i:not(.N0BUQ):hover .Icon,
.Z1A0q:not(.N0BUQ) .Icon{
  color:var(--mb-color-text-primary-inverse) !important;
}

.oQc3i:not(.N0BUQ):hover .BUpuR,
.Z1A0q .BUpuR{
  visibility:visible;
}

.Fy_Lj{
  cursor:grabbing;
}

.Fy_Lj *{
  cursor:grabbing;
}

:root{
  --page-header-padding:2.375rem;
}

.YCDJy{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  text-align:left;
}

.YCDJy thead{
  border-bottom:1px solid var(--mb-color-border-neutral);
}

.fVUFi{
  padding-top:2.375rem;
  padding-top:var(--page-header-padding);
  padding-bottom:2.375rem;
  padding-bottom:var(--page-header-padding);
}

.MoVq7{
  text-align:right;
}

.YCDJy .MoVq7{
  opacity:0;
}

.YCDJy td,
.YCDJy th{
  padding:1em;
}

.YCDJy th{
  color:var(--mb-color-text-primary);
  padding:1em;
}

.YCDJy tbody tr:hover{
  background-color:var(--mb-color-background_surface-hover);
}

.YCDJy tr:hover .MoVq7{
  opacity:1;
  transition:opacity 0.2s linear;
}

.P6BXN{
  background-color:var(--mb-color-background_page-secondary);
  border:var(--border-size) var(--border-style) var(--mb-color-border-neutral);
  border-radius:var(--default-border-radius);
  width:266px;
  min-height:300px;
  box-shadow:inset -1px -1px 3px var(--mb-color-shadow-default);
  padding-bottom:0.75em;
}

.NvGIA{
  position:relative;
}

.NvGIA .kJ8fM{
  position:absolute;
  top:0;
  bottom:0;
  margin:auto;
  margin-left:1em;
  color:var(--mb-color-text-disabled);
}

.NvGIA .hIrQr{
  padding:0.5em;
  padding-left:2em;
  font-size:18px;
  width:100%;
  border-top-left-radius:var(--default-border-radius);
  border-top-right-radius:var(--default-border-radius);
  border-bottom-color:var(--mb-color-border-neutral);
}

.JWe57{
  padding:0.75em 1em 0.75em 1em;
  border:var(--border-size) var(--border-style) transparent;
  border-radius:var(--default-border-radius);
  margin-bottom:0.25em;
}

.JWe57.MCJmm{
  color:var(--mb-color-core-brand);
}

.JWe57.MCJmm,
.JWe57:hover{
  background-color:var(--mb-color-background_page-primary);
  border-color:var(--mb-color-border-neutral);
  margin-left:-0.5em;
  margin-right:-0.5em;
  padding-left:1.5em;
  padding-right:1.5em;
  box-shadow:0 1px 2px var(--mb-color-shadow-default);
}

.y7zpn{
  margin-top:1em;
  padding:0.5em 1em 0.5em 1em;
  text-transform:uppercase;
  color:var(--mb-color-text-disabled);
  font-weight:700;
  font-size:smaller;
  padding-right:15px;
}

.hIrQr{
  color:var(--mb-color-text-primary);
  padding:var(--padding-1);
  background-color:var(--mb-color-background_page-secondary);
  border:1px solid transparent;
}

.hIrQr:focus{
  border-color:var(--mb-color-core-brand);
  box-shadow:none;
  outline:0;
}

.ni2Xl{
  min-width:800px;
}

.imwnZ{
  font-size:14px;
}

.JBWKA{
  width:400px;
}

.Ww3Rr{
  width:200px;
}

.atDOq{
  min-width:180px;
}

.O61St{
  border-collapse:collapse;
  border-spacing:0;
  text-align:left;
}

.O61St th{
  text-transform:uppercase;
  color:var(--mb-color-text-secondary);
  padding:var(--padding-1);
  font-weight:normal;
}

.O61St thead{
  border-bottom:var(--border-size) var(--border-style) var(--mb-color-border-neutral);
}

.O61St tbody tr:first-child td{
  padding-top:var(--margin-1);
}

@keyframes Sn7zz{
  0%{
    background-position:0% 50%;
  }

  50%{
    background-position:100% 50%;
  }

  100%{
    background-position:0% 50%;
  }
}

.gm7tT.ICYKj{
  min-height:100vh;
  height:auto;
}

.gm7tT.ICYKj .KlSEb{
  color:var(--mb-color-text-primary);
  transition:var(--transition-theme-change);
}

.gm7tT.ICYKj,
.gm7tT.ICYKj ._9aEe,
.gm7tT.ICYKj .f_IRm ._mLrC{
  transition:var(--transition-theme-change);
}

.eEpci{
  margin-top:1.5em;
}

.eEpci .f_IRm ._mLrC{
  transition:border 0.3s, background-color 0.3s;
}

.eEpci .Mcexu:first-of-type{
  margin-top:0.5rem;
}

.eEpci .Mcexu{
  pointer-events:none;
}

.eEpci .blrvB{
  pointer-events:all;
}

.QV3Td{
  pointer-events:none;
  color:var(--mb-color-text-disabled);
}

.eEpci .f_IRm.react-draggable-dragging ._mLrC{
  box-shadow:3px 3px 8px var(--mb-color-shadow-default);
}

.G0x8i .react-resizable-handle::after{
  border-color:var(--mb-color-core-brand) !important;
}

.eEpci .f_IRm.react-draggable-dragging,
.eEpci .f_IRm.react-resizable-resizing{
  z-index:3;
}

.eEpci .f_IRm.react-draggable-dragging ._mLrC,
.eEpci .f_IRm.react-resizable-resizing ._mLrC{
  background-color:var(--mb-color-background_page-tertiary) !important;
  border:1px solid var(--mb-color-core-brand);
}

.eEpci .f_IRm .x4Qbf{
  position:absolute;
  right:-2px;
  top:-2px;
}

.eEpci .f_IRm:hover .x4Qbf{
  opacity:0;
  transition:opacity 0.15s linear;
}

.eEpci:not(.ks3ow) .f_IRm{
  cursor:move;
}

.eEpci .f_IRm .react-resizable-handle{
  position:absolute;
  width:40px;
  height:40px;
  bottom:0;
  right:0;
  z-index:1;
  cursor:nwse-resize !important;
  background:none;
}

.eEpci .f_IRm .react-resizable-handle::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  bottom:6px;
  right:6px;
  border-bottom:2px solid var(--mb-color-border-neutral);
  border-right:2px solid var(--mb-color-border-neutral);
  border-bottom-right-radius:2px;
  transition:opacity 0.2s;
  opacity:0.01;
}

.eEpci .f_IRm .react-resizable-handle:hover::after{
  border-color:var(--mb-color-border-neutral);
}

.eEpci .f_IRm:hover .react-resizable-handle::after{
  opacity:1;
}

.eEpci
  .f_IRm.react-draggable-dragging .react-resizable-handle::after,
.eEpci
  .f_IRm.react-resizable-resizing .react-resizable-handle::after{
  opacity:0.01;
}

.eEpci .react-grid-item.react-grid-placeholder{
  z-index:0;
  background-color:var(--mb-color-background_page-secondary) !important;
  transition:all 0.15s linear;
}

.SMkYf{
}

@media print{
  header,
  nav{
    display:none;
  }
  .dc-chart .axis .tick text,
  .dc-chart .x-axis-label,
  .dc-chart .y-axis-label{
    fill:var(--mb-color-text-primary);
  }
}

@page{
  margin:1cm;
}

.gm7tT text.value-label,
.gm7tT text.value-label-white{
  font-size:12px;
}

._ihnt{
  font-weight:700;
  white-space:pre;
}

.gm7tT .gSki8{
  color:var(--mb-color-text-primary);
  font-size:0.8125rem;
  font-weight:400;
}

.dc-chart g.axis g.tick text{
  pointer-events:all;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
}

.OvWLa{
  transition:margin-right 0.35s;
}

.wdXLo{
  display:flex;
  align-items:center;
}

.ZtNAi{
  text-transform:uppercase;
  font-size:10px;
  font-weight:700;
  color:var(--mb-color-text-secondary);
}

.Bm0eE{
  max-width:400px;
}

.GUDCt{
  display:flex;
  overflow-y:hidden;
  white-space:nowrap;
}

.FTV9j{
  display:flex;
  align-items:center;
  flex-shrink:0;
}

.cdn74 .GUDCt{
  flex-direction:column;
}

.cdn74 .wdXLo{
  margin-left:-0.5rem;
}

.h73MB{
  padding-top:5px;
  overflow-y:auto;
  max-height:340px;
}

.pawER{
  max-width:320px;
}

.pawER.gNQvC{
  opacity:1;
  transition:opacity 0.3s linear;
  pointer-events:all;
}

.pawER.kqkzR{
  max-height:inherit;
}

.VWrWr{
  display:flex;
  align-items:center;
  cursor:pointer;
  padding:0.75rem 1.5rem 0.75rem 0.75rem;
  background-color:var(--mb-color-background_page-primary);
}

.VWrWr:hover{
  background-color:currentColor;
}

.VWrWr .Icon{
  margin-left:0.5rem;
  margin-right:0.75rem;
  color:currentcolor;
}

.VWrWr .Icon-check{
  opacity:0;
}

.VWrWr .Icon-chevrondown{
  opacity:1;
}

.VWrWr:hover .Icon{
  color:var(--mb-color-text-primary-inverse) !important;
}

.VWrWr:hover .KupWC{
  color:var(--mb-color-text-primary-inverse);
}

.VWrWr:hover .w0Knj{
  color:var(--mb-color-text-primary-inverse);
}

.VWrWr._25YdI .Icon-check{
  opacity:1;
}

.KupWC{
  color:currentColor;
  margin-bottom:0.25em;
}

.w0Knj{
  color:var(--mb-color-text-secondary);
  font-size:0.8rem;
}

.Hw0dt{
  transition:background 0.3s linear;
}

.Hw0dt.f628X{
  transition:background 0.3s linear;
}

.sycGJ{
  flex-direction:column;
  justify-content:center;
  max-width:500px;
  margin-left:auto;
  margin-right:auto;
}

.aZOqC{
  background-repeat:no-repeat;
  margin-bottom:1rem;
}

.Df4CB{
  width:120px;
  height:120px;
  background-image:url(./1942cf42dac79865.svg);
}

.fqLTs{
  width:120px;
  height:148px;
  background-image:url(./a7942c5ef541db3c.svg);
}

.ds3kM{
  width:120px;
  height:120px;
  background-image:url(./8fcb1fccd3eae75b.svg);
}

.DljeP{
  line-height:1.4;
}

.ZCtwT{
  position:relative;
  display:inline-block;
  border-radius:var(--default-border-radius);
  border:1px solid var(--mb-color-border-neutral);
  margin-top:var(--margin-2);
  padding:var(--padding-1) var(--padding-4) var(--padding-1) var(--padding-4);
}

.QweFF::before{
  content:"Admin Email";
  font-size:10px;
  text-align:center;
  text-transform:uppercase;
  background-color:var(--mb-color-background_page-primary);
  padding-left:var(--padding-1);
  padding-right:var(--padding-1);
  position:absolute;
  top:-0.75em;
  left:50%;
  margin-left:-41px;
}

.CGXsu{
  padding-top:4rem;
  margin-left:auto;
  margin-right:auto;
}

.r7NkD{
  max-width:500px;
}

.EGA31{
  position:relative;
  display:flex;
  flex-direction:column;
  font-size:0.9em;
  z-index:2;
  background-color:var(--mb-color-background_page-primary);
  border:1px solid var(--mb-color-border-neutral);
}

@media screen and (min-width: 60em){
  .EGA31{
    font-size:1em;
  }
}

.W94F6{
  border-bottom:1px solid var(--mb-color-border-neutral);
}

.W94F6:last-child{
  border-bottom-color:transparent;
}

.xV5g2{
  line-height:1rem;
  z-index:1;
}

.JVlDM{
  border-right:1px solid transparent;
}

.T9gvs{
  border-right:1px solid var(--mb-color-border-neutral);
}

.EGA31.J3MrI{
  flex-direction:row;
}

.EGA31.J3MrI .W94F6:last-child{
  border-right-color:transparent;
  border-bottom-color:var(--mb-color-border-neutral);
}

.EGA31.J3MrI .JVlDM{
  border-right-color:var(--mb-color-border-neutral);
}

.h2P1R{
  position:relative;
  min-height:3rem;
  min-width:100px;
}

.NmHQ2{
  background-color:var(--mb-color-background_page-primary);
  position:absolute;
  top:-7px;
  left:10px;
  padding-left:10px;
  padding-right:10px;
}

.WL6jO{
  max-height:200px;
  overflow:scroll;
  padding:1em;
  background-color:var(--mb-color-background_page-secondary);
  border:1px solid var(--mb-color-border-neutral);
  border-radius:2px;
  white-space:pre-wrap;
}

.Y_QNG{
  color:var(--mb-color-text-disabled);
  border:2px solid currentColor;
  border-radius:99px;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0.7;
  cursor:pointer;
}

.Y_QNG::after{
  content:"?";
  font-size:13px;
  font-weight:bold;
}

.OvWLa ._ihnt{
  font-size:5em;
}

.i2tYo{
  background-color:color-mix(
    in srgb,
    var(--mb-color-background_page-primary) 75%,
    transparent
  );
  transition:opacity 0.5s, background-color 0.5s;
}

.i2tYo.KcraU{
    cursor:pointer;
  }

.i2tYo.KcraU:hover{
      background-color:color-mix(
        in srgb,
        var(--mb-color-core-brand) 3%,
        color-mix(
          in srgb,
          var(--mb-color-background_page-primary) 75%,
          transparent
        )
      );
    }

.i2tYo.ioRFj{
    background-color:transparent;
    pointer-events:none;
  }

@keyframes WvJLf{
  from{
    transform:translate3d(0, 0, 0, 0);
  }

  to{
    transform:translate3d(1000px, 0, 0);
  }
}

.sQ7Yn{
  transform-style:preserve-3d;
  transform-origin:center;
  transition:transform 1s;
}

.dLFte{
  transform:rotateY(180deg);
}

@keyframes wAefP{
  0%{
    opacity:0;
    transform:translateY(10px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes AirDY{
  0%{
    opacity:0;
  }

  100%{
    opacity:1;
  }
}

@keyframes VJ1o7{
  0%{
    opacity:0;
    transform:translateX(50%);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }
}

@keyframes hQdB_{
  from{
    opacity:0;
    transform:translate(-50%, 100px);
  }

  to{
    opacity:1;
    transform:translate(-50%, 0);
  }
}

.ReQDX{
  animation:0.15s ease-out 0s 1 wAefP;
  transform-origin:center center;
}

.T7OAM{
  animation:0.15s ease-out 0s 1 VJ1o7;
}

.XjXK6{
  animation:0.15s ease-out 0s 1 hQdB_;
}

.rZfgh{
  animation:0.15s ease-out 0s 1 AirDY;
  transform-origin:center center;
}

@media (prefers-reduced-motion: reduce){
  .ReQDX,
  .T7OAM,
  .XjXK6,
  .rZfgh{
    animation:none;
  }
}

:where(.mb-wrapper) ul,:where(.mb-wrapper) ol{
    padding:0;
    margin:0;
    list-style-type:none;
  }

:where(.mb-wrapper) th{
    text-align:left;
  }

:where(.mb-wrapper) button{
    font-size:100%;
    -webkit-appearance:none;
    border:0;
    padding:0;
    margin:0;
    outline:none;
    background-color:transparent;
  }

:where(.mb-wrapper) a{
    color:inherit;
    cursor:pointer;
    -webkit-text-decoration:none;
    text-decoration:none;
  }

:where(.mb-wrapper) button:not(.jf2Hx):focus-visible{
      outline:2px solid var(--mb-color-input-focus);
    }

:where(.mb-wrapper) a:not(.jf2Hx):focus-visible{
      outline:2px solid var(--mb-color-input-focus);
    }

:where(.mb-wrapper) [role="button"]:focus-visible{
      outline:2px solid var(--mb-color-input-focus);
    }

:where(.mb-wrapper) button,:where(.mb-wrapper) input,:where(.mb-wrapper) textarea{
    font-family:var(--mb-default-font-family);
  }

:where(.mb-wrapper) textarea{
    min-height:110px;
  }


/*# sourceMappingURL=styles.f3a7a922f04d61af.css.map*/
/* MPG theme overrides */
:root {
  --mpg-ink: #111827;
  --mpg-muted: #5c7386;
  --mpg-soft: #92a4b4;
  --mpg-line: #d9e3ec;
  --mpg-card: #f3f7fc;
  --mpg-panel: #ffffff;
  --mpg-canvas: #f7f9fc;
  --mpg-blue: #3b82f6;
  --mpg-blue-soft: #dbeafe;
  --mpg-accent-blue: #5699cd;
  --mpg-orange: #eb891f;
  --mpg-green: #16a34a;
  --mpg-red: #dc2626;
  --mpg-purple: #a78bfa;

  --mb-color-brand: #2563eb;
  --mb-color-brand-hover: #1d4ed8;
  --mb-color-brand-hover-light: #dbeafe;
  --mb-color-brand-light: #eff6ff;
  --mb-color-text-brand: #1e3a8a;
  --mb-color-text-primary: var(--mpg-ink);
  --mb-color-text-secondary: var(--mpg-muted);
  --mb-color-text-tertiary: var(--mpg-soft);
  --mb-color-background: var(--mpg-canvas);
  --mb-color-background-primary: #ffffff;
  --mb-color-background-secondary: var(--mpg-canvas);
  --mb-color-background-tertiary: #eef4fb;
  --mb-color-bg-light: var(--mpg-canvas);
  --mb-color-bg-medium: #dbe7f7;
  --mb-color-bg-dark: #172033;
  --mb-color-border: var(--mpg-line);
  --mb-color-border-hover: #bfdbfe;
  --mb-color-focus: var(--mpg-blue);
  --mb-color-filter: var(--mpg-blue);
  --mb-color-accent0: var(--mpg-blue);
  --mb-color-accent1: #60a5fa;
  --mb-color-accent2: var(--mpg-purple);
  --mb-color-accent3: var(--mpg-green);
  --mb-color-accent4: #f59e0b;
  --mb-color-accent5: var(--mpg-red);
  --mb-color-accent6: #14b8a6;
  --mb-color-accent7: #f97316;
}

body {
  background: var(--mpg-canvas);
  color: var(--mpg-ink);
  font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

[data-testid="home-page"] {
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.84) 0%, rgba(245, 248, 252, 0.88) 46%, rgba(219, 234, 254, 0.72) 100%),
    var(--mpg-canvas) !important;
  isolation: isolate;
  overflow: hidden;
}

[data-testid="home-page"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("/app/assets/img/mpg-home-analytics.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: max(1320px, 112vw) auto;
}

[data-testid="home-page"] > * {
  position: relative;
  z-index: 1;
}

@supports selector(:has(*)) {
  [data-testid="home-page"] > div:first-child:has(svg),
  [data-testid="home-page"] [data-testid="landing-page-illustration"] {
    opacity: 0 !important;
  }
}

@media (max-width: 900px) {
  [data-testid="home-page"]::before {
    background-size: 1180px auto;
    background-position: 50% 100%;
  }
}

[data-element-id="navbar-root"],
.AdminNavbar,
.NavBar {
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.08);
}

.Button.Button--primary,
button[data-testid="button"][color="brand"] {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.16);
}

.Button.Button--primary:hover,
button[data-testid="button"][color="brand"]:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
}

.Dashboard,
[data-testid="dashboard-root"],
[data-testid="dashboard-grid"],
.DashboardGrid {
  background: transparent !important;
}

.Card,
.DashboardCard,
.GuiBuilder,
.QueryBuilder {
  border-color: var(--mpg-line) !important;
}

.DashboardCard,
[data-testid="dashboard-card"],
.DashCard {
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1px solid var(--mpg-line) !important;
  box-shadow: 0 5px 14px rgba(14, 34, 51, 0.06), 0 1px 2px rgba(14, 34, 51, 0.04) !important;
  overflow: hidden;
}

.DashboardCard:hover,
[data-testid="dashboard-card"]:hover,
.DashCard:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.09), 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

.DashboardCard .CardTitle,
[data-testid="dashboard-card"] h2,
[data-testid="dashboard-card"] h3 {
  color: var(--mpg-ink) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.ScalarValue,
[data-testid="scalar-value"] {
  color: var(--mpg-ink) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

[data-testid="dashboard-parameters-widget-container"],
.ParameterWidget,
.ParameterValueWidget {
  border-radius: 8px !important;
  border-color: var(--mpg-line) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04) !important;
}

[role="tablist"] button,
[data-testid="dashboard-tab"] {
  border-radius: 8px !important;
}

[role="tablist"] [aria-selected="true"],
[data-testid="dashboard-tab"][aria-selected="true"] {
  color: var(--mpg-blue) !important;
  box-shadow: inset 0 -2px 0 var(--mpg-blue);
}

table thead th,
.TableInteractive-headerCellData {
  color: var(--mpg-ink) !important;
  font-weight: 700 !important;
}

table tbody tr:hover {
  background-color: rgba(219, 234, 254, 0.38) !important;
}

.Visualization,
.Visualization-root,
[data-testid="visualization-root"] {
  color: var(--mpg-ink) !important;
}

.Visualization svg text,
[data-testid="visualization-root"] svg text {
  fill: var(--mpg-soft) !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
}

/* ECharts renders axis and value labels in SVG on dashboard cards. Keep the
   labels compact enough for dense retail member names without shrinking the
   card title or KPI value. */
[data-testid="dashcard"] [data-testid="visualization-root"] svg text,
[data-testid="dashboard-card"] [data-testid="visualization-root"] svg text {
  fill: var(--mpg-soft) !important;
  font-family: "DM Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
}

[data-testid="dashcard"] [data-testid="visualization-root"] svg text[font-weight="bold"],
[data-testid="dashboard-card"] [data-testid="visualization-root"] svg text[font-weight="bold"] {
  fill: var(--mpg-ink) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.Visualization svg line,
.Visualization svg path.domain,
[data-testid="visualization-root"] svg line,
[data-testid="visualization-root"] svg path.domain {
  stroke: rgba(148, 163, 184, 0.24) !important;
}

.LegendItem,
.LegendItem span,
[class*="Legend"] {
  color: var(--mpg-muted) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
}

@supports selector(:has(*)) {
  .DashboardCard:has(.ScalarValue),
  .DashboardCard:has([data-testid="scalar-value"]),
  [data-testid="dashboard-card"]:has(.ScalarValue),
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"]) {
    position: relative;
    min-height: 96px;
    background: linear-gradient(180deg, #f8fbff 0%, var(--mpg-card) 100%) !important;
    border-color: var(--mpg-line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 22px rgba(30, 64, 175, 0.07) !important;
  }

  .DashboardCard:has(.ScalarValue)::before,
  .DashboardCard:has([data-testid="scalar-value"])::before,
  [data-testid="dashboard-card"]:has(.ScalarValue)::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"])::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mpg-blue), #93c5fd);
  }

  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="positive"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="Positive"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="success"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="Success"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [style*="#16a34a"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [style*="22, 163, 74"])::before,
  .DashboardCard:has([data-testid="scalar-value"][style*="#16a34a"])::before,
  .DashboardCard:has([data-testid="scalar-value"][style*="22, 163, 74"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="positive"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="Positive"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="success"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="Success"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [style*="#16a34a"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [style*="22, 163, 74"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"][style*="#16a34a"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"][style*="22, 163, 74"])::before {
    background: linear-gradient(90deg, var(--mpg-green), #bbf7d0);
  }

  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="negative"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="Negative"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="danger"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="Danger"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="error"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [class*="Error"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [style*="#dc2626"])::before,
  .DashboardCard:has([data-testid="scalar-previous-value"] [style*="220, 38, 38"])::before,
  .DashboardCard:has([data-testid="scalar-value"][style*="#dc2626"])::before,
  .DashboardCard:has([data-testid="scalar-value"][style*="220, 38, 38"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="negative"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="Negative"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="danger"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="Danger"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="error"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [class*="Error"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [style*="#dc2626"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-previous-value"] [style*="220, 38, 38"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"][style*="#dc2626"])::before,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"][style*="220, 38, 38"])::before {
    background: linear-gradient(90deg, var(--mpg-red), #fecaca);
  }

  .DashboardCard:has(.ScalarValue) .CardTitle,
  .DashboardCard:has([data-testid="scalar-value"]) .CardTitle,
  [data-testid="dashboard-card"]:has(.ScalarValue) h2,
  [data-testid="dashboard-card"]:has(.ScalarValue) h3,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"]) h2,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"]) h3 {
    color: #8797ad !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  .DashboardCard:has(.ScalarValue) .ScalarValue,
  .DashboardCard:has([data-testid="scalar-value"]) [data-testid="scalar-value"],
  [data-testid="dashboard-card"]:has(.ScalarValue) .ScalarValue,
  [data-testid="dashboard-card"]:has([data-testid="scalar-value"]) [data-testid="scalar-value"] {
    color: #0f172a !important;
    font-size: clamp(26px, 2.1vw, 34px) !important;
    line-height: 1.02 !important;
  }

  .DashboardCard:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])),
  [data-testid="dashboard-card"]:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])) {
    background: var(--mpg-panel) !important;
  }

  .DashboardCard:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])) .CardTitle,
  [data-testid="dashboard-card"]:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])) h2,
  [data-testid="dashboard-card"]:not(:has(.ScalarValue)):not(:has([data-testid="scalar-value"])) h3 {
    font-size: 13px !important;
    font-weight: 700 !important;
  }
}

[class*="positive"],
[class*="Positive"],
[class*="success"],
[class*="Success"] {
  color: var(--mpg-green) !important;
}

[class*="negative"],
[class*="Negative"],
[class*="danger"],
[class*="Danger"],
[class*="error"],
[class*="Error"] {
  color: var(--mpg-red) !important;
}

[data-testid="embed-frame"] {
  background: var(--mpg-canvas) !important;
}

[data-testid="embed-frame-header"] {
  background: rgba(255, 255, 255, 0.82) !important;
  border-bottom: 1px solid var(--mpg-line) !important;
  backdrop-filter: blur(10px);
}

[data-testid="fixed-width-dashboard-header"] h1,
[data-testid="fixed-width-dashboard-header"] [class*="Text"] {
  color: var(--mpg-ink) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

[data-testid="fixed-width-dashboard-tabs"] button,
[data-testid="tab-button-input-wrapper"] {
  color: #334155 !important;
  font-weight: 700 !important;
}

[data-testid="fixed-width-dashboard-tabs"] button[aria-selected="true"],
[data-testid="fixed-width-dashboard-tabs"] [aria-selected="true"] [data-testid="tab-button-input-wrapper"] {
  color: var(--mpg-blue) !important;
}

[data-testid="parameter-value-widget-target"] {
  min-height: 34px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid var(--mpg-line) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03) !important;
}

[data-testid="parameter-value-widget-target"]:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.08) !important;
}

[data-testid="parameter-value-widget-target"] * {
  color: #334155 !important;
  font-weight: 600 !important;
}

[data-testid="parameter-value-widget-target"] [class*="Blue"],
[data-testid="parameter-value-widget-target"] [style*="color"] {
  color: var(--mpg-blue) !important;
}

[data-testid="dashboard-grid"] {
  gap: 8px !important;
}

[data-testid="dashcard-container"] {
  border-radius: 12px !important;
}

[data-testid="dashcard"] {
  position: relative;
  background: #ffffff !important;
  border: 1px solid var(--mpg-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 14px rgba(14, 34, 51, 0.06), 0 1px 2px rgba(14, 34, 51, 0.04) !important;
  overflow: hidden !important;
}

[data-testid="dashcard"]:hover {
  border-color: #bfdbfe !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.09), 0 2px 5px rgba(15, 23, 42, 0.05) !important;
}

[data-testid="dashcard"] [data-testid="legend-caption-title"],
[data-testid="dashcard"] [data-testid="legend-label"],
[data-testid="dashcard"] [data-testid="legend-caption"] {
  color: var(--mpg-muted) !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

@supports selector(:has(*)) {
  [data-testid="dashcard"]:has([data-testid="scalar-root"]) {
    background: linear-gradient(180deg, #f8fbff 0%, var(--mpg-card) 100%) !important;
    border-color: var(--mpg-line) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 8px 22px rgba(30, 64, 175, 0.07) !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"])::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: linear-gradient(180deg, #60a5fa, #bfdbfe);
    z-index: 2;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="positive"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="Positive"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="success"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="Success"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [style*="#16a34a"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [style*="22, 163, 74"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-value"][style*="#16a34a"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-value"][style*="22, 163, 74"])::before {
    background: linear-gradient(180deg, var(--mpg-green), #bbf7d0);
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="negative"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="Negative"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="danger"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="Danger"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="error"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [class*="Error"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [style*="#dc2626"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-previous-value"] [style*="220, 38, 38"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-value"][style*="#dc2626"])::before,
  [data-testid="dashcard"]:has([data-testid="scalar-root"]):has([data-testid="scalar-value"][style*="220, 38, 38"])::before {
    background: linear-gradient(180deg, var(--mpg-red), #fecaca);
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="legend-caption-title"],
  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="legend-label"],
  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="legend-caption"] {
    color: #8797ad !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.07em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="visualization-root"],
  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [class*="Visualization"] {
    padding-top: 0 !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="scalar-root"] {
    gap: 2px !important;
    justify-content: center !important;
    min-height: 0 !important;
    padding: 2px 10px 10px !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="scalar-container"] {
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 0 !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="scalar-value"] {
    color: #0f172a !important;
    font-size: clamp(28px, 2.5vw, 38px) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 0.95 !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="scalar-period"] {
    color: #15324b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 0.95rem !important;
    margin: 0 !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="scalar-previous-value"] {
    margin-top: 0 !important;
    max-width: 100% !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="scalar-previous-value"] > div {
    column-gap: 4px !important;
    font-size: 12px !important;
    line-height: 1rem !important;
    margin-inline: 6px !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"]) [data-testid="scalar-previous-value"] svg {
    width: 12px !important;
    height: 12px !important;
    margin-right: 3px !important;
  }

  /* Trend cards use the reference dashboard's fixed left accent treatment. */
  [data-testid="dashcard"]:has(:is([data-viz-ui-name="Trend"], [data-viz-ui-name="KPI with sparkline"])) {
    border-left: 4px solid var(--mpg-accent-blue) !important;
  }

  [data-testid="dashcard"]:has([data-testid="scalar-root"])::before {
    background: var(--mpg-accent-blue) !important;
  }

  /* Executive KPI accents: AUR is orange; volume/value KPIs are blue. */
  [data-testid="dashcard"][data-dashcard-key="793"]::before {
    background: var(--mpg-orange) !important;
  }

  [data-testid="dashcard"][data-dashcard-key="793"] {
    border-left-color: var(--mpg-orange) !important;
  }

  [data-testid="dashcard"][data-dashcard-key="794"]::before,
  [data-testid="dashcard"][data-dashcard-key="795"]::before,
  [data-testid="dashcard"][data-dashcard-key="796"]::before {
    background: var(--mpg-accent-blue) !important;
  }
}

[data-testid="table-root"] {
  border-radius: 6px !important;
  overflow: hidden !important;
}

[data-testid="table-header"],
[data-testid="header-cell"] {
  background: #f8fbff !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

[data-testid="cell-data"] {
  color: #243042 !important;
  font-weight: 600 !important;
}

/* Walmart Scintilla executive KPI accents. Keep these unconditional and last. */
[data-dashcard-key="793"] {
  border-left: 4px solid #eb891f !important;
  box-shadow: inset 4px 0 0 #eb891f, 0 2px 8px rgba(8, 59, 94, 0.08) !important;
}

[data-dashcard-key="794"],
[data-dashcard-key="795"],
[data-dashcard-key="796"] {
  border-left: 4px solid #5699cd !important;
  box-shadow: inset 4px 0 0 #5699cd, 0 2px 8px rgba(8, 59, 94, 0.08) !important;
}

/* Channel switch card on Walmart Scintilla Category Story. */
[data-dashcard-key="814"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

[data-dashcard-key="814"] .text-card-markdown {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  overflow: visible !important;
}

[data-dashcard-key="814"] .text-card-markdown > p {
  margin: 0 !important;
}

[data-dashcard-key="814"] .text-card-markdown > p:first-child {
  color: #5c6f80 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

[data-dashcard-key="814"] .text-card-markdown > p:nth-child(2) {
  display: inline-flex !important;
  padding: 3px !important;
  background: #f1f5f9 !important;
  border: 1px solid #d9e3ec !important;
  border-radius: 10px !important;
}

[data-dashcard-key="814"] .text-card-markdown > p:nth-child(2) a {
  min-width: 92px !important;
  padding: 8px 16px !important;
  border-radius: 7px !important;
  color: #5c6f80 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

[data-dashcard-key="814"] .text-card-markdown > p:nth-child(2) a:first-child {
  background: #083b5e !important;
  color: #ffffff !important;
  box-shadow: 0 2px 5px rgba(8, 59, 94, 0.2) !important;
}

/* Walmart Scintilla Category Story (dashboard 57) parity pass. */
[data-dashcard-key="793"],
[data-dashcard-key="794"],
[data-dashcard-key="795"],
[data-dashcard-key="796"],
[data-dashcard-key="797"],
[data-dashcard-key="799"],
[data-dashcard-key="805"],
[data-dashcard-key="806"],
[data-dashcard-key="807"],
[data-dashcard-key="808"],
[data-dashcard-key="809"],
[data-dashcard-key="810"],
[data-dashcard-key="811"],
[data-dashcard-key="812"],
[data-dashcard-key="813"] {
  background: #ffffff !important;
  border: 1px solid #e3e8ec !important;
  border-radius: 12px !important;
  font-family: Aptos, "Segoe UI", Arial, sans-serif !important;
  overflow: hidden !important;
}

[data-dashcard-key="793"] {
  border-left: 4px solid #eb891f !important;
  box-shadow: inset 4px 0 0 #eb891f, 0 5px 14px rgba(14, 34, 51, 0.06) !important;
}

[data-dashcard-key="794"],
[data-dashcard-key="795"],
[data-dashcard-key="796"] {
  border-left: 4px solid #5699cd !important;
  box-shadow: inset 4px 0 0 #5699cd, 0 5px 14px rgba(14, 34, 51, 0.06) !important;
}

/* Keep the KPI accent visible even when Metabase applies its own border
   shorthand or paints the visualization surface over the card wrapper. */
[data-dashcard-key="793"],
[data-dashcard-key="794"],
[data-dashcard-key="795"],
[data-dashcard-key="796"] {
  position: relative !important;
}

[data-dashcard-key="793"]::after,
[data-dashcard-key="794"]::after,
[data-dashcard-key="795"]::after,
[data-dashcard-key="796"]::after {
  content: "" !important;
  position: absolute !important;
  z-index: 20 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 5px !important;
  border-radius: 12px 0 0 12px !important;
  pointer-events: none !important;
}

[data-dashcard-key="793"]::after {
  background: #eb891f !important;
}

[data-dashcard-key="794"]::after,
[data-dashcard-key="795"]::after,
[data-dashcard-key="796"]::after {
  background: #5699cd !important;
}

/* Compact, left-aligned KPI typography matching the HTML reference. */
[data-dashcard-key="793"] [data-testid="legend-caption-title"],
[data-dashcard-key="794"] [data-testid="legend-caption-title"],
[data-dashcard-key="795"] [data-testid="legend-caption-title"],
[data-dashcard-key="796"] [data-testid="legend-caption-title"] {
  color: #5c6f80 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

[data-dashcard-key="793"] [data-testid="scalar-root"],
[data-dashcard-key="794"] [data-testid="scalar-root"],
[data-dashcard-key="795"] [data-testid="scalar-root"],
[data-dashcard-key="796"] [data-testid="scalar-root"] {
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 4px 16px 12px 16px !important;
}

[data-dashcard-key="793"] [data-testid="scalar-value"],
[data-dashcard-key="794"] [data-testid="scalar-value"],
[data-dashcard-key="795"] [data-testid="scalar-value"],
[data-dashcard-key="796"] [data-testid="scalar-value"] {
  margin: 0 !important;
  font-size: clamp(32px, 2.25vw, 40px) !important;
  line-height: 1.05 !important;
  text-align: left !important;
}

[data-dashcard-key="793"] [data-testid="scalar-period"],
[data-dashcard-key="794"] [data-testid="scalar-period"],
[data-dashcard-key="795"] [data-testid="scalar-period"],
[data-dashcard-key="796"] [data-testid="scalar-period"] {
  display: none !important;
}

[data-dashcard-key="793"] [data-testid="scalar-previous-value"],
[data-dashcard-key="794"] [data-testid="scalar-previous-value"],
[data-dashcard-key="795"] [data-testid="scalar-previous-value"],
[data-dashcard-key="796"] [data-testid="scalar-previous-value"] {
  align-self: flex-start !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

/* Production emits stable dashcard entity IDs instead of numeric IDs. */
[data-dashcard-key="0JIVjVeC8HkFNzsnREWcF"],
[data-dashcard-key="GRd2YJ6kMHV7ExyBWHEHM"],
[data-dashcard-key="_EJPFuc_XY6-JlM5uhuow"],
[data-dashcard-key="hkGNBNapdx0kwecmCuhsn"] {
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e3e8ec !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 14px rgba(14, 34, 51, 0.06) !important;
}

[data-dashcard-key="0JIVjVeC8HkFNzsnREWcF"]::after,
[data-dashcard-key="GRd2YJ6kMHV7ExyBWHEHM"]::after,
[data-dashcard-key="_EJPFuc_XY6-JlM5uhuow"]::after,
[data-dashcard-key="hkGNBNapdx0kwecmCuhsn"]::after {
  content: "" !important;
  position: absolute !important;
  z-index: 20 !important;
  inset: 0 auto 0 0 !important;
  width: 5px !important;
  border-radius: 12px 0 0 12px !important;
  background: #5699cd !important;
  pointer-events: none !important;
}

[data-dashcard-key="0JIVjVeC8HkFNzsnREWcF"]::after {
  background: #eb891f !important;
}

[data-dashcard-key="0JIVjVeC8HkFNzsnREWcF"] [data-testid="legend-caption-title"],
[data-dashcard-key="GRd2YJ6kMHV7ExyBWHEHM"] [data-testid="legend-caption-title"],
[data-dashcard-key="_EJPFuc_XY6-JlM5uhuow"] [data-testid="legend-caption-title"],
[data-dashcard-key="hkGNBNapdx0kwecmCuhsn"] [data-testid="legend-caption-title"] {
  color: #5c6f80 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

[data-dashcard-key="0JIVjVeC8HkFNzsnREWcF"] [data-testid="scalar-root"],
[data-dashcard-key="GRd2YJ6kMHV7ExyBWHEHM"] [data-testid="scalar-root"],
[data-dashcard-key="_EJPFuc_XY6-JlM5uhuow"] [data-testid="scalar-root"],
[data-dashcard-key="hkGNBNapdx0kwecmCuhsn"] [data-testid="scalar-root"] {
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 4px 16px 12px !important;
}

[data-dashcard-key="0JIVjVeC8HkFNzsnREWcF"] [data-testid="scalar-value"],
[data-dashcard-key="GRd2YJ6kMHV7ExyBWHEHM"] [data-testid="scalar-value"],
[data-dashcard-key="_EJPFuc_XY6-JlM5uhuow"] [data-testid="scalar-value"],
[data-dashcard-key="hkGNBNapdx0kwecmCuhsn"] [data-testid="scalar-value"] {
  margin: 0 !important;
  font-size: clamp(32px, 2.25vw, 40px) !important;
  line-height: 1.05 !important;
  text-align: left !important;
}

[data-dashcard-key="0JIVjVeC8HkFNzsnREWcF"] [data-testid="scalar-period"],
[data-dashcard-key="GRd2YJ6kMHV7ExyBWHEHM"] [data-testid="scalar-period"],
[data-dashcard-key="_EJPFuc_XY6-JlM5uhuow"] [data-testid="scalar-period"],
[data-dashcard-key="hkGNBNapdx0kwecmCuhsn"] [data-testid="scalar-period"] {
  display: none !important;
}

[data-dashcard-key="0JIVjVeC8HkFNzsnREWcF"] [data-testid="scalar-previous-value"],
[data-dashcard-key="GRd2YJ6kMHV7ExyBWHEHM"] [data-testid="scalar-previous-value"],
[data-dashcard-key="_EJPFuc_XY6-JlM5uhuow"] [data-testid="scalar-previous-value"],
[data-dashcard-key="hkGNBNapdx0kwecmCuhsn"] [data-testid="scalar-previous-value"] {
  align-self: flex-start !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

[data-dashcard-key="793"] [data-testid="scalar-value"],
[data-dashcard-key="794"] [data-testid="scalar-value"],
[data-dashcard-key="795"] [data-testid="scalar-value"],
[data-dashcard-key="796"] [data-testid="scalar-value"] {
  color: #0d1728 !important;
  font-family: "Aptos Display", Aptos, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(42px, 3.4vw, 66px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 0.95 !important;
}

[data-dashcard-key="793"] [data-testid="scalar-period"],
[data-dashcard-key="794"] [data-testid="scalar-period"],
[data-dashcard-key="795"] [data-testid="scalar-period"],
[data-dashcard-key="796"] [data-testid="scalar-period"] {
  color: #0d2233 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

[data-dashcard-key="797"],
[data-dashcard-key="799"],
[data-dashcard-key="813"] {
  box-shadow: 0 5px 14px rgba(14, 34, 51, 0.05) !important;
}

[data-dashcard-key="797"] svg text,
[data-dashcard-key="799"] svg text {
  fill: #5a6b78 !important;
  font-family: Aptos, "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
}

[data-dashcard-key="805"],
[data-dashcard-key="806"],
[data-dashcard-key="807"],
[data-dashcard-key="808"],
[data-dashcard-key="809"],
[data-dashcard-key="810"],
[data-dashcard-key="811"],
[data-dashcard-key="812"] {
  border-radius: 10px !important;
  box-shadow: none !important;
}

[data-dashcard-key="805"]:hover,
[data-dashcard-key="806"]:hover,
[data-dashcard-key="807"]:hover,
[data-dashcard-key="808"]:hover,
[data-dashcard-key="809"]:hover,
[data-dashcard-key="810"]:hover,
[data-dashcard-key="811"]:hover,
[data-dashcard-key="812"]:hover {
  border-color: #5699cd !important;
  box-shadow: 0 3px 12px rgba(8, 59, 94, 0.09) !important;
}

[data-dashcard-key="813"] [data-testid="table-header"],
[data-dashcard-key="813"] [data-testid="header-cell"] {
  background: #083b5e !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

[data-dashcard-key="813"] tbody tr:nth-child(even) {
  background: rgba(193, 198, 201, 0.16) !important;
}

[data-dashcard-key="813"] tbody tr:last-child {
  background: #badbf6 !important;
}

/* Native Trend KPI cards. Target the visualization contract, not dashboard IDs. */
[data-testid="dashcard"]:has(:is([data-viz-ui-name="Trend"], [data-viz-ui-name="KPI with sparkline"])) {
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #e3e8ec !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 14px rgba(14, 34, 51, 0.06) !important;
}

[data-testid="dashcard"]:has(:is([data-viz-ui-name="Trend"], [data-viz-ui-name="KPI with sparkline"]))::after {
  content: "" !important;
  position: absolute !important;
  z-index: 20 !important;
  inset: 0 auto 0 0 !important;
  width: 5px !important;
  border-radius: 12px 0 0 12px !important;
  background: #5699cd !important;
  pointer-events: none !important;
}

:is([data-viz-ui-name="Trend"], [data-viz-ui-name="KPI with sparkline"]) [data-testid="legend-caption-title"] {
  color: #5c6f80 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

:is([data-viz-ui-name="Trend"], [data-viz-ui-name="KPI with sparkline"]) [data-testid="scalar-root"] {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  min-height: 0 !important;
  padding: 2px 16px 8px !important;
}

:is([data-viz-ui-name="Trend"], [data-viz-ui-name="KPI with sparkline"]) [data-testid="scalar-value"] {
  margin: 0 !important;
  color: #0d3f63 !important;
  font-family: "Aptos Display", Aptos, "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(32px, 2.25vw, 40px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
  text-align: left !important;
}

:is([data-viz-ui-name="Trend"], [data-viz-ui-name="KPI with sparkline"]) [data-testid="scalar-period"] {
  display: none !important;
}

:is([data-viz-ui-name="Trend"], [data-viz-ui-name="KPI with sparkline"]) [data-testid="scalar-previous-value"] {
  align-self: flex-start !important;
  margin-top: 2px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

:is([data-viz-ui-name="Trend"], [data-viz-ui-name="KPI with sparkline"]) [data-testid="scalar-previous-value"] > div {
  justify-content: flex-start !important;
  margin-inline: 0 !important;
}

[data-dashcard-key="821"],
[data-dashcard-key="822"],
[data-dashcard-key="823"],
[data-dashcard-key="824"],
[data-dashcard-key="826"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

[data-dashcard-key="821"] .text-card-markdown,
[data-dashcard-key="822"] .text-card-markdown,
[data-dashcard-key="823"] .text-card-markdown,
[data-dashcard-key="824"] .text-card-markdown {
  color: #5a6b78 !important;
  font-family: Aptos, "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

[data-dashcard-key="821"] .text-card-markdown h2,
[data-dashcard-key="822"] .text-card-markdown h2,
[data-dashcard-key="823"] .text-card-markdown h2,
[data-dashcard-key="824"] .text-card-markdown h2 {
  color: #083b5e !important;
  font-family: "Aptos Display", Aptos, "Segoe UI", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin: 0 0 3px !important;
}

[data-dashcard-key="825"] {
  background: #badbf6 !important;
  border: 0 !important;
  border-left: 4px solid #5699cd !important;
  border-radius: 0 10px 10px 0 !important;
  box-shadow: none !important;
}

[data-dashcard-key="825"] .text-card-markdown {
  color: #083b5e !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

[data-dashcard-key="826"] .text-card-markdown {
  color: #5a6b78 !important;
  font-size: 11px !important;
  text-align: right !important;
}