/* ---- Economic Moat Stocks: the five test pips, tier badges, trend chips, tier-coloured map dots, the 15% line in the bars.
   Loaded after css/fcf-record.css, which holds the shared list, summary, filter and detail styles (the fr- classes). */
.mr-pips{ display:flex; gap:5px; margin:6px 0 2px; }
.mr-pip{ display:inline-block; width:12px; height:12px; border-radius:50%; box-sizing:border-box; border:2px solid rgba(255,255,255,0.4); vertical-align:-2px; }
.mr-pip--on{ background:#4FC9B8; border-color:#4FC9B8; }
.mr-pip--off{ background:transparent; border-color:rgba(255,255,255,0.4); }
.mr-pip--na{ background:transparent; border-style:dashed; border-color:rgba(255,255,255,0.32); }
.sd-legend .mr-pip{ margin-right:6px; }

.mr-tier{ display:inline-block; margin-left:8px; padding:2px 9px; border-radius:var(--radius-pill); font-size:11.5px; font-weight:800; letter-spacing:.02em; vertical-align:2px; border:1px solid transparent; }
.mr-tier--strong{ color:#0B2B27; background:#4FC9B8; }
.mr-tier--solid{ color:#fff; background:color-mix(in oklab, #4FC9B8 26%, transparent); border-color:color-mix(in oklab, #4FC9B8 60%, transparent); }
.mr-tier--mixed{ color:#fff; background:color-mix(in oklab, #B9A7FF 24%, transparent); border-color:color-mix(in oklab, #B9A7FF 55%, transparent); }
.mr-tier--thin{ color:rgba(255,255,255,0.8); background:rgba(255,255,255,0.07); border-color:rgba(255,255,255,0.22); }

.mr-trend{ display:inline-flex; align-items:center; gap:5px; font-weight:800; }
.mr-trend i{ font-style:normal; font-size:11px; }
.mr-trend--widening{ color:#8FE3D6; }
.mr-trend--holding{ color:rgba(255,255,255,0.8); }
.mr-trend--eroding{ color:#F0A56B; }

.mr-bar-line{ stroke: rgba(240,165,107,0.8); stroke-width:1; stroke-dasharray:3,3; }

.mr-dot--strong{ fill:#4FC9B8; }
.mr-dot--solid{ fill:#8FE3D6; }
.mr-dot--mixed{ fill:#B9A7FF; }
.mr-dot--thin{ fill:#8A8AA3; }
.mr-dot-key--strong{ background:#4FC9B8; }
.mr-dot-key--solid{ background:#8FE3D6; }
.mr-dot-key--mixed{ background:#B9A7FF; }
.mr-dot-key--thin{ background:#8A8AA3; }

@media (prefers-contrast: more){
  .mr-pip{ border-width:2.5px; }
}

/* phones: the filter chips become one scrolling row instead of a three-line column, and the small controls reach the 44px touch size */
@media (max-width: 640px){
  .sd-chips{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:4px; }
  .sd-chips .sd-chip{ flex:0 0 auto; white-space:nowrap; }
  .fr-more, .fr-cmp, .fr-tag, .sd-reset{ min-height:44px; }
  .fr-acts{ gap:0 14px; }
}
.sd-chips::-webkit-scrollbar{ height:6px; }
.sd-chips::-webkit-scrollbar-track{ background:transparent; }
.sd-chips::-webkit-scrollbar-thumb{ background: rgba(139,127,255,0.45); border-radius:999px; }
@supports not selector(::-webkit-scrollbar){ .sd-chips{ scrollbar-width:thin; scrollbar-color: rgba(139,127,255,0.45) transparent; } }