/* cost per accepted task deck */
.fm-eq { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 8px; }
.fm-name { font-family: var(--font-display); font-size: clamp(1.4rem, 1rem + 1.6vw, 2.1rem); font-weight: 600; line-height: 1.15; white-space: nowrap; } .fm-name span { color: var(--text-muted); margin-left: 8px; }
.fm-frac { display: grid; gap: 14px; justify-items: center; }
.fm-top { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; justify-content: center; }
.fm-line { height: 3px; width: 100%; background: var(--text-secondary); border-radius: 2px; }
.fm-c { padding: 10px 16px; border-radius: 10px; border: 1px solid; font-weight: 650; font-size: 1rem; background: var(--bg-surface); transition: transform .4s var(--ease), box-shadow .4s, opacity .4s; opacity: .4; }
.fm-c.a { color: var(--blue-glow); border-color: rgba(56, 189, 248, .5); } .fm-c.b { color: var(--amber-glow); border-color: rgba(251, 191, 36, .5); } .fm-c.g { color: var(--cyan-glow); border-color: rgba(0, 245, 160, .5); }
.fm-c.on { opacity: 1; transform: translateY(-2px); box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .7); }
.fm-op { color: var(--text-muted); font-size: 1.25rem; }
.fm-notes .card { opacity: .5; transition: opacity .4s, border-color .4s; } .fm-notes .card.on { opacity: 1; border-color: var(--border-highlight); }
html:not(.js) .fm-c, html:not(.js) .fm-notes .card, .fm.static .fm-c, .fm.static .fm-notes .card { opacity: 1; }
.sb-row { display: grid; grid-template-columns: 120px 1fr 64px; gap: 12px; align-items: center; margin: 10px 0; font-size: .875rem; }
.sb-n { font-weight: 650; color: var(--text-primary); } .sb-n small { display: block; font-weight: 420; color: var(--text-muted); font-size: .75rem; }
.sb-bar { display: flex; height: 26px; border-radius: 8px; overflow: hidden; background: var(--bg-input); border: 1px solid var(--border-subtle); }
.sb-bar i { display: block; height: 100%; width: var(--v); transition: width .9s var(--ease); } .sb-bar i.m, .sb-leg i.m { background: var(--blue-glow); } .sb-bar i.r, .sb-leg i.r { background: var(--amber-glow); opacity: .85; }
.sb-row b { text-align: right; font-variant-numeric: lining-nums tabular-nums; }
.sb-leg { display: flex; gap: 18px; font-size: .8125rem; color: var(--text-secondary); } .sb-leg i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; }
.cc-tabs { display: none; margin-bottom: 8px; }
.cc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.cc-col h3 { font-size: 1rem; margin: 0 0 4px; } .cc-col h3 small { font-weight: 420; color: var(--text-muted); font-size: .8125rem; }
.cc .ctl { margin: 8px 0; }
.cc-rate { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border-subtle); }
.cc-res { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 8px; }
.cc-r small { display: block; color: var(--text-secondary); font-size: .8125rem; } .cc-r .big { margin: 2px 0; }
.cc-r.low .big { color: var(--cyan-glow); } .cc-r.high .big { color: var(--red-glow); }
.cc-take { margin-top: 10px; font-weight: 650; color: var(--text-primary); font-size: .9375rem; min-height: 2.8em; }
.al-h, .al-r { display: grid; grid-template-columns: 1.3fr .8fr .7fr 1fr; gap: 8px; align-items: center; }
.al-h { font-size: .75rem; font-weight: 600; color: var(--text-muted); border-bottom: 1px solid var(--border-medium); padding-bottom: 4px; }
.al-r { padding: 6px 0; font-size: .8125rem; color: var(--text-secondary); border-bottom: 1px solid var(--border-subtle); opacity: 0; transform: translateY(4px); transition: opacity .35s, transform .35s var(--ease); }
.al-r.in { opacity: 1; transform: none; } .al-r .chip { font-style: normal; padding: 1px 8px; font-size: .75rem; }
html:not(.js) .al-r, .al.static .al-r { opacity: 1; transform: none; }
.al-tot { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 4px; }
.al-tot > div { padding: 8px 10px; border: 1px solid var(--border-subtle); border-radius: 8px; background: var(--bg-surface); } .al-tot .hot { border-color: var(--border-highlight); }
.al-tot small { display: block; font-size: .6875rem; color: var(--text-muted); } .al-tot b { font-family: var(--font-display); font-size: 1.2rem; color: var(--text-primary); font-variant-numeric: lining-nums tabular-nums; } .al-tot .hot b { color: var(--cyan-glow); }
@media (max-width: 899px) {
  .fm-eq { gap: 8px; } .fm-name { white-space: normal; font-size: 1.15rem; } .fm-frac { width: 100%; } .fm-top { gap: 6px; } .fm-c { padding: 6px 10px; font-size: .8125rem; }
  .fm-notes .card p { font-size: .75rem; } .fm-notes .card { padding: 8px 12px; }
  .sb-row { grid-template-columns: 1fr auto; gap: 4px 8px; margin: 6px 0; } .sb-row .sb-bar { grid-column: 1 / -1; grid-row: 2; height: 20px; } .sb-leg { gap: 12px; font-size: .75rem; }
  .cc-tabs { display: inline-flex; margin-bottom: 4px; } .cc-col { display: none; } .cc-col.sel { display: block; } .cc-grid { grid-template-columns: 1fr; }
  .cc-col h3 { display: none; } .cc .ctl { margin: 4px 0; } .cc .ctl label { margin-bottom: 2px; font-size: .75rem; } .cc-rate { margin-top: 4px; padding-top: 6px; }
  .cc-res { gap: 10px; margin-top: 6px; } .cc-r .big { font-size: 1.45rem; } .cc-r small { font-size: .6875rem; } .cc-take { font-size: .8125rem; margin-top: 6px; min-height: 2.6em; }
  .al-h, .al-r { grid-template-columns: 1.2fr .8fr .7fr 1fr; gap: 4px; } .al-r { padding: 4px 0; font-size: .6875rem; } .al-r .chip { font-size: .625rem; padding: 0 5px; }
  .al-tot { gap: 4px; } .al-tot > div { padding: 5px 6px; } .al-tot b { font-size: .95rem; } .al-tot small { font-size: .5625rem; }
  #measure .numlist { display: none; } #measure .win-body .fine { display: none; }
  #measures .card p { font-size: .75rem; } #measures .card { padding: 8px 12px; }
}