/* All styles are scoped to MFB Console Sales, not other Quatro widgets. */
.mfb-console-sales { --mfb-red:#b90012; color:#212733; font-family:inherit; position:relative; }
.mfb-console-sales * { box-sizing:border-box; }
/* Compact orbit carousel: ~140px high instead of ten generation tiles. */
.mfb-console-sales__carousel {display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:4px;margin:0 0 7px;padding:3px 0 7px;border-bottom:1px solid #e8ebf0;}
.mfb-console-sales__carousel-center {display:flex;flex-direction:column;align-items:center;min-width:0;gap:0;}
.mfb-console-sales__arrow {display:flex;align-items:center;justify-content:center;width:32px;height:38px;background:#f7f8fa;border:1px solid #e4e7ec;border-radius:9px;color:#333c48;font:normal 34px/1 Arial,sans-serif;cursor:pointer;transition:background .15s,border-color .15s;}
.mfb-console-sales__arrow:not(:disabled):hover {background:#fff4f5;border-color:#b90012;color:#b90012;}
.mfb-console-sales__arrow:disabled {opacity:.28;cursor:not-allowed;}
.mfb-console-sales__orbit {position:relative;width:112px;height:102px;margin:0 auto;}
.mfb-console-sales__orbit-ring {position:absolute;width:66px;height:66px;border:2px dashed #d7dce4;border-radius:50%;left:23px;top:19px;}
.mfb-console-sales__orbit-number {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:800;color:#26303c;font-variant-numeric:tabular-nums;z-index:1;pointer-events:none;}
.mfb-console-sales__orbit-controller {position:absolute;display:block;width:49px;height:30px;object-fit:contain;z-index:2;pointer-events:none;}
.mfb-console-sales__orbit-controller--top {top:0;left:32px;}
.mfb-console-sales__orbit-controller--left {bottom:8px;left:0;transform:rotate(-18deg) scale(.88);filter:saturate(.7) brightness(.86);}
.mfb-console-sales__orbit-controller--right {bottom:8px;right:0;transform:rotate(18deg) scale(.88);filter:saturate(.5) brightness(.69);}
.mfb-console-sales__period {font-size:11px;font-weight:700;color:#4c5564;text-align:center;line-height:1.3;white-space:nowrap;}
.mfb-console-sales__dots {grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:2px;padding-top:6px;}
.mfb-console-sales__dot-button {display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;padding:0;border:0;background:transparent;cursor:pointer;}
.mfb-console-sales__dot-button::after {content:'';display:block;width:6px;height:6px;border-radius:20px;background:#c9cdd5;transition:width .15s,background .15s;}
.mfb-console-sales__dot-button.is-active::after {width:15px;background:#b90012;}
.mfb-console-sales__dot-button:not(:disabled):hover::after {background:#555e6f;}
.mfb-console-sales__dot-button.is-future {cursor:not-allowed;}
.mfb-console-sales__dot-button.is-future::after {background:#eceef1;border:1px dashed #b8bec8;}
.mfb-console-sales__arrow:focus-visible,.mfb-console-sales__dot-button:focus-visible,.mfb-console-sales__modes button:focus-visible {outline:2px solid #2684d5;outline-offset:2px;}
.mfb-console-sales__chart-header {display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;}
.mfb-console-sales__chart-title {font-size:13px;line-height:1.3;color:#343c49;}
.mfb-console-sales__modes {display:flex;gap:2px;background:#f0f2f5;padding:3px;border-radius:8px;}
.mfb-console-sales__modes button {border:0;background:transparent;border-radius:6px;padding:5px 8px;font-size:11px;font-family:inherit;cursor:pointer;color:#667080;}
.mfb-console-sales__modes button.is-active {background:white;color:#ae0010;box-shadow:0 1px 4px rgba(0,0,0,.09);font-weight:700;}
.mfb-console-sales__donut {display:flex;justify-content:center;align-items:center;margin:3px auto 8px;max-width:265px;}
.mfb-console-sales__donut svg {display:block;width:100%;max-width:245px;height:auto;overflow:visible;}
.mfb-console-sales__total {font-size:24px;font-weight:750;fill:#253042;}
.mfb-console-sales__units {font-size:11px;fill:#78818e;}
.mfb-console-sales__segment {transition:stroke-dasharray .22s ease,stroke-dashoffset .22s ease;}
.mfb-console-sales__segment:hover {filter:brightness(1.09);stroke-width:39;}
.mfb-console-sales__legend {display:flex;flex-direction:column;gap:8px;padding:5px 1px 3px;}
.mfb-console-sales__legend-row {display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.3;min-width:0;}
.mfb-console-sales__dot {flex:0 0 9px;width:9px;height:9px;border-radius:50%;}
.mfb-console-sales__label {flex:1;min-width:0;overflow-wrap:anywhere;color:#424b59;}
.mfb-console-sales__value {white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700;color:#253042;}
.mfb-console-sales__bars {display:flex;flex-direction:column;gap:11px;margin:14px 0 9px;}
.mfb-console-sales__bar-info {display:flex;justify-content:space-between;gap:6px;font-size:12px;margin-bottom:5px;}
.mfb-console-sales__bar-track {width:100%;height:9px;border-radius:5px;background:#eef0f3;overflow:hidden;}
.mfb-console-sales__bar-fill {height:100%;border-radius:5px;}
.mfb-console-sales__empty {padding:16px 6px;text-align:center;color:#7c8590;font-size:12px;}
.mfb-console-sales__tooltip {margin-top:8px;color:#586274;font-size:11px;text-align:center;min-height:16px;}
.mfb-console-sales [hidden] {display:none!important;}

@media (prefers-reduced-motion:reduce){.mfb-console-sales__arrow,.mfb-console-sales__segment,.mfb-console-sales__dot-button::after{transition:none}}

/* Less repetition and a smaller plot in narrow Quatro sidebars. */
.mfb-console-sales__chart-header {justify-content:flex-end;margin:0 0 1px;}
.mfb-console-sales__chart-title.visually-hidden {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.mfb-console-sales__donut {max-width:210px;margin:0 auto 4px;}
.mfb-console-sales__donut svg {max-width:205px;}
@media(max-width:290px){.mfb-console-sales__carousel{grid-template-columns:28px minmax(0,1fr) 28px}.mfb-console-sales__arrow{width:27px}.mfb-console-sales__period{font-size:10px}}

/* Compact control: neutralize oversized Quatro/global button styles. */
.mfb-console-sales .mfb-console-sales__carousel {
  grid-template-columns: 32px minmax(0,1fr) 32px;
  column-gap: 6px; row-gap: 1px;
  width: 100%; max-width: 100%;
  padding: 2px 0 5px; margin: 0 0 6px;
  align-items: center;
}
.mfb-console-sales .mfb-console-sales__arrow {
  all: unset;
  box-sizing: border-box;
  width: 29px !important;
  min-width: 29px !important;
  max-width: 29px !important;
  height: 29px !important;
  min-height: 29px !important;
  max-height: 29px !important;
  padding: 0 !important; margin: 0 !important;
  border-radius: 50% !important;
  background: #f5f6f8 !important;
  border: 1px solid #dfe3e8 !important;
  color: #515b69 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font: 400 25px/1 Arial, sans-serif !important;
  box-shadow: none !important;
  float: none !important;
  position: static !important;
  cursor: pointer;
}
.mfb-console-sales .mfb-console-sales__arrow:not(:disabled):hover {
  background: #fff4f5 !important;
  border-color: #bc0014 !important;
  color: #bc0014 !important;
}
.mfb-console-sales .mfb-console-sales__arrow:disabled {
  opacity: .25 !important;
  cursor: default;
}
.mfb-console-sales .mfb-console-sales__carousel-center {
  min-width: 0;
  width: 100%;
  margin: 0;
  display:flex;
  align-items:center;
  flex-direction:column;
}
.mfb-console-sales .mfb-console-sales__orbit {
  width: 104px;
  height: 93px;
  flex-shrink: 0;
}
.mfb-console-sales .mfb-console-sales__orbit-ring {left:20px;top:15px;}
.mfb-console-sales .mfb-console-sales__orbit-controller--top {left:28px;}
.mfb-console-sales .mfb-console-sales__orbit-controller--left,
.mfb-console-sales .mfb-console-sales__orbit-controller--right {bottom:4px;}
.mfb-console-sales .mfb-console-sales__period {
  max-width:100%;
  font-size: 11px;
  font-weight: 500;
  margin-top: 0;
  color: #717985;
  white-space: normal;
  line-height: 1.2;
}
.mfb-console-sales .mfb-console-sales__dots {padding-top:2px;}
.mfb-console-sales .mfb-console-sales__dot-button {
  width:18px !important;
  height:18px !important;
  min-height:18px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
@media(max-width:340px){
  .mfb-console-sales .mfb-console-sales__carousel{grid-template-columns:29px minmax(0,1fr) 29px;column-gap:2px}
  .mfb-console-sales .mfb-console-sales__arrow{width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important}
}