/* /front-office (templates/front_office.html). */
.fo-card{margin-bottom:14px}
.fo-chip{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 6px;border-radius:6px;font-style:normal;font-size:12px;font-weight:900;color:#fff;
  background:hsl(calc(var(--g,.5) * 125) 55% 30%)}
.fo-chip.is-none{background:var(--fp-panel-2);color:var(--fp-faint)}
.fo-sub{display:block;font-size:10px;color:var(--fp-faint);margin-top:2px}
.fo-report td{text-align:center}
.fo-left{text-align:left!important;white-space:normal!important;font-size:12px}
.fo-left small{color:var(--fp-faint)}
.fo-bench strong{font-weight:700}
.fo-filter select{min-height:44px;padding:0 10px;border:1px solid var(--fp-line-2);border-radius:10px;background:var(--fp-panel-2);color:var(--fp-text)}
.fo-moves tbody th{font-weight:500}
.fo-moves tbody th b{font-weight:650}
.fo-moves tbody th small{color:var(--fp-faint);font-size:11px}
.fo-act{display:inline-block;min-width:74px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.fo-act.is-add{color:var(--fp-win)}.fo-act.is-drop{color:var(--fp-loss)}
.fo-trades{list-style:none;margin:0;padding:6px 0}
.fo-trades li{padding:10px 16px;display:grid;gap:6px}
.fo-trades li+li{border-top:1px solid var(--fp-line)}
.fo-trades small{font-size:11px;color:var(--fp-faint)}
.fo-trades div{display:grid;grid-template-columns:auto minmax(0,160px) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.fo-trades div span{color:var(--fp-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fo-trades div em{font-style:normal;font-weight:800}
.fo-trades div.is-winner b{color:var(--fp-gold)}
@media (max-width:760px){.fo-trades div{grid-template-columns:auto minmax(0,1fr) auto}.fo-trades div span{display:none}}
.fo-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fp-dim)}
.fo-report .fo-left{min-width:200px}
.fo-more{margin:0;padding:10px 16px;border-top:1px solid var(--fp-line)}
.fo-more button{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--fp-line-2);background:var(--fp-panel-2);color:var(--fp-link);font-weight:650}
