/* Scoped fantasy surfaces preserve the organization's existing visual identity. */
.fx { --fx-bg:#0c100f; --fx-panel:#141a17; --fx-line:#2b3630; --fx-muted:#a6b5ad; --fx-accent:#85efac; color:#f0f5f2; background:var(--fx-bg); min-height:75vh; }
.fx *, .fx-dialog * { letter-spacing:0; }
.fx button,.fx a,.fx input,.fx select { -webkit-tap-highlight-color:transparent; }
.fx button,.fx-dialog button { animation:none; }
.fx [hidden],.fx-dialog [hidden] { display:none!important; }
.fx :focus-visible,.fx-dialog :focus-visible { outline:2px solid #85efac; outline-offset:4px; }
.fx button:disabled,.fx-dialog button:disabled { opacity:.42; cursor:not-allowed; transform:none; }
.fx-inner { max-width:1380px; margin:auto; padding:0 32px; }
.fx-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:30px 0 22px; }
.fx-lockup { display:flex; align-items:center; gap:16px; min-width:0; }
.fx-lockup img { width:64px; height:64px; object-fit:contain; }
.fx h1 { font-size:30px; line-height:1.3; margin:0; }
.fx-kicker { font-family:Orbitron,Arial,sans-serif; font-size:10px; color:var(--fx-accent); display:block; margin-bottom:6px; }
.fx-breadcrumb { display:inline-flex; align-items:center; gap:7px; font-size:12px; color:var(--fx-muted); }
.fx svg,.fx-dialog svg { width:18px; height:18px; flex:none; }
.fx-top-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.fx select,.fx input,.fx-dialog select,.fx-dialog input,.fx-dialog textarea { color:#f0f5f2; background:#0d1310; border:1px solid #394a40; border-radius:4px; min-height:44px; padding:10px 12px; max-width:100%; min-width:0; font:inherit; font-size:13px; }
.fx select { max-width:270px; }
.fx-tabs { display:flex; gap:28px; overflow-x:auto; border-bottom:1px solid var(--fx-line); scrollbar-width:thin; }
.fx-tabs a,.fx-tabs button { white-space:nowrap; display:inline-flex; align-items:center; gap:8px; color:var(--fx-muted); padding:16px 2px; background:none; border:0; border-bottom:3px solid transparent; font:inherit; font-size:13px; font-weight:600; }
.fx-tabs .active { color:var(--fx-accent); border-bottom-color:var(--fx-accent); }
.fx-summary { display:grid; grid-template-columns:1.6fr repeat(3,1fr); padding:22px 0; border-bottom:1px solid var(--fx-line); gap:24px; }
.fx-summary > div { min-width:0; }
.fx-summary strong { display:block; font-size:22px; line-height:1.6; font-variant-numeric:tabular-nums; }
.fx-summary small { color:var(--fx-muted); font-size:11px; }
.fx-summary .fx-deadline { font-size:16px; margin-top:6px; }
.fx-pill { display:inline-flex; align-items:center; gap:6px; color:var(--fx-accent); font-size:11px; }
.fx-pill::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.fx-pill.closed { color:#e7c877; }
.fx-content { padding:26px 0 52px; }
.fx-workbench { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr); gap:28px; align-items:start; }
.fx-team,.fx-market { min-width:0; }
.fx-team-head { display:flex; gap:12px; align-items:end; justify-content:space-between; margin-bottom:16px; }
.fx label { display:grid; gap:6px; font-size:11px; color:var(--fx-muted); min-width:0; }
.fx-team-head label:first-child { flex:1; }
.fx-team-head select { width:105px; }
.fx-pitch { position:relative; isolation:isolate; min-height:520px; padding:25px 12px; display:flex; flex-direction:column; justify-content:space-between; gap:22px; background:repeating-linear-gradient(0deg,#173f2b 0,#173f2b 12.5%,#194630 12.5%,#194630 25%); border:1px solid #486b52; border-radius:6px; overflow:hidden; }
.fx-pitch-lines { position:absolute; inset:18px; border:1px solid #acc5b553; z-index:-1; pointer-events:none; }
.fx-pitch-lines::before { content:""; position:absolute; left:0; right:0; top:50%; border-top:1px solid #acc5b553; }
.fx-pitch-lines::after { content:""; position:absolute; width:115px; height:115px; border:1px solid #acc5b553; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); }
.fx-penalty { position:absolute; height:70px; width:46%; border:1px solid #acc5b553; left:27%; }
.fx-penalty.top { top:0; border-top:0; }.fx-penalty.bottom { bottom:0; border-bottom:0; }
.fx-pitch-brand { position:absolute; inset:0; display:grid; place-items:center; z-index:-1; opacity:.055; pointer-events:none; }
.fx-pitch-brand img { width:210px; max-width:50%; }
.fx-pitch-row { display:flex; justify-content:space-evenly; align-items:start; gap:5px; }
.fx-player-slot { width:92px; min-width:0; display:flex; align-items:center; flex-direction:column; position:relative; }
.fx-shirt { position:relative; display:grid; place-items:center; width:56px; height:58px; margin-bottom:5px; background:#e7f0e9; color:#13271c; clip-path:polygon(25% 0,38% 0,43% 8%,57% 8%,62% 0,75% 0,100% 18%,87% 40%,78% 34%,78% 100%,22% 100%,22% 34%,13% 40%,0 18%); transition:transform .2s; font-family:Orbitron,Arial,sans-serif; font-size:12px; font-weight:800; }
.fx-shirt.gk { background:#e1bc67; }
.fx-pick { display:flex; flex-direction:column; align-items:center; width:100%; min-width:0; padding:0; background:none; color:white; border:0; font:inherit; cursor:pointer; }
.fx-pick:hover .fx-shirt { transform:translateY(-4px); }
.fx-pick.empty .fx-shirt { color:#d4f0de; background:#173421; border:0; opacity:.8; clip-path:none; width:46px; height:46px; border-radius:50%; outline:1px dashed #83ae93; margin:6px 0 11px; }
.fx-player-name { display:block; width:100%; padding:3px 4px; border-radius:3px; background:#071c13e8; line-height:1.4; font-size:10px; overflow-wrap:anywhere; text-align:center; }
.fx-player-club { font-size:9px; text-align:center; opacity:.85; line-height:1.4; padding:3px 0; }
.fx-captain { position:absolute; top:-6px; left:1px; background:#e5c16e; color:#20180b; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; font:700 11px Arial,sans-serif; z-index:1; border:2px solid #173f2b; }
.fx-team-tools { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:15px 0; border-bottom:1px solid var(--fx-line); flex-wrap:wrap; }
.fx-cost { display:flex; gap:22px; }.fx-cost small { display:block; color:var(--fx-muted); font-size:10px; }.fx-cost b { font-size:18px; font-variant-numeric:tabular-nums; }.fx-cost .over { color:#ffa39a; }
.fx-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:9px 16px; border:1px solid #45574b; border-radius:4px; color:#e5eee8; background:#19221c; font:inherit; font-size:12px; font-weight:700; transition:background .18s,transform .18s; cursor:pointer; }
.fx-btn:hover { background:#25382b; transform:translateY(-1px); }.fx-btn.primary { background:#85efac; border-color:#85efac; color:#0c2515; }.fx-btn.primary:hover { background:#b7ffd0; }.fx-btn.danger { color:#ffaba2; border-color:#67413c; }.fx-btn.icon { width:40px; min-height:40px; padding:7px; }
.fx-message { padding:12px 14px; margin:14px 0; color:#bccec3; border-inline-start:3px solid #6b8976; background:#19231d; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.fx-message.error { color:#ffd1cb; border-color:#e78679; background:#2e1c1a; }.fx-message.success { color:#bdfad2; border-color:#85efac; }
.fx-message a { text-decoration:underline; }
.fx-market-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:0 0 16px; }.fx h2 { font-size:19px; margin:0; }.fx-market-head span { color:var(--fx-muted); font-size:11px; }
.fx-filter { display:flex; gap:9px; margin-bottom:12px; }.fx-filter input { flex:1; width:100%; }.fx-filter select { max-width:125px; }
.fx-position-tabs { display:flex; gap:4px; border-bottom:1px solid var(--fx-line); margin-bottom:3px; }
.fx-position-tabs button { flex:1; background:none; border:0; border-bottom:2px solid transparent; color:var(--fx-muted); padding:12px 3px; font:inherit; font-size:11px; min-height:42px; }
.fx-position-tabs button.active { color:var(--fx-accent); border-color:var(--fx-accent); }
.fx-market-labels,.fx-market-row { display:grid; grid-template-columns:minmax(0,1fr) 44px 44px 36px; gap:10px; align-items:center; }
.fx-market-labels { font-size:9px; color:var(--fx-muted); padding:12px 10px; }.fx-market-labels span:not(:first-child) { text-align:center; }
.fx-market-list { max-height:455px; overflow:auto; scrollbar-width:thin; scrollbar-color:#405f4d transparent; }
.fx-market-row { border-bottom:1px solid var(--fx-line); padding:12px 10px; font-size:12px; }
.fx-market-row.selected { background:#1c3325; }.fx-market-row > b { text-align:center; font-size:12px; }.fx-market-row > b.points { color:#e9cd8e; }
.fx-identity { display:flex; align-items:center; gap:10px; min-width:0; }.fx-identity strong { display:block; font-size:12px; overflow-wrap:anywhere; }.fx-identity small { color:var(--fx-muted); display:block; font-size:10px; }
.fx-avatar { width:32px; height:38px; display:grid; place-items:center; flex:none; background:#26392d; color:#b2d9c0; border-radius:4px; font-size:9px; }
.fx-add { width:32px; height:32px; border:1px solid #526658; color:#d9e8df; background:transparent; border-radius:4px; display:grid; place-items:center; }
.fx-empty { padding:38px 16px; text-align:center; color:var(--fx-muted); font-size:12px; }.fx-empty svg { width:32px; height:32px; margin-bottom:10px; opacity:.6; }.fx-empty p { margin:8px 0; }
.fx-prize { display:flex; align-items:center; gap:16px; margin:24px 0 0; padding:20px 0; border-block:1px solid #5a4b2b; color:#ebcb88; }.fx-prize > svg { width:30px; height:30px; }.fx-prize small { font-size:10px; display:block; color:#b7a77f; }.fx-prize p { margin:3px 0 0; font-size:13px; white-space:pre-wrap; }
.fx-board { width:100%; border-collapse:collapse; text-align:right; font-size:13px; }.fx-board th { color:var(--fx-muted); font-size:11px; font-weight:500; border-bottom:1px solid var(--fx-line); padding:13px; }.fx-board td { padding:17px 13px; border-bottom:1px solid var(--fx-line); }.fx-board tr.mine { background:#1b3123; }.fx-board .rank { color:#efd18f; font-size:18px; }.fx-board .score { font:700 21px Orbitron,Arial,sans-serif; }.fx-board td small { display:block; color:var(--fx-muted); font-size:10px; }
.fx-scroll { overflow-x:auto; }.fx-board input { width:75px; min-width:64px; padding:7px; }.fx-board .fx-name-input { width:160px; }
.fx-fixtures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.fx-fixture { border:1px solid var(--fx-line); padding:18px; background:#131a16; border-radius:6px; }.fx-fixture header { display:flex; justify-content:space-between; gap:10px; color:var(--fx-muted); font-size:10px; }.fx-fixture .fx-scoreline { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:14px; margin:22px 0; text-align:center; }.fx-scoreline b { font-family:Orbitron,Arial,sans-serif; font-size:22px; white-space:nowrap; }.fx-scoreline span { overflow-wrap:anywhere; font-size:12px; }.fx-fixture footer { display:flex; gap:8px; justify-content:center; }
.fx-schedule-summary { margin:5px 0 0; color:var(--fx-muted); font-size:11px; }
.fx-rounds { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
.fx-round { min-width:0; border:1px solid var(--fx-line); background:#101713; border-radius:6px; overflow:hidden; }
.fx-round > header { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; border-bottom:1px solid var(--fx-line); background:#162019; }
.fx-round > header h3 { margin:0; font-size:16px; }
.fx-round > header span { color:var(--fx-muted); font-size:11px; }
.fx-schedule-wrap { overflow-x:auto; scrollbar-gutter:stable; }
.fx-schedule { min-width:720px; table-layout:fixed; }
.fx-schedule th:first-child,.fx-schedule td:first-child { width:190px; }
.fx-schedule th:nth-child(3),.fx-schedule td:nth-child(3) { width:100px; }
.fx-schedule th:last-child,.fx-schedule td:last-child { width:130px; text-align:left; }
.fx-match-teams { display:grid; grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr); align-items:center; gap:10px; text-align:center; }
.fx-schedule-clubs strong { overflow-wrap:anywhere; }
.fx-schedule-clubs b { color:#fff; font-family:Orbitron,Arial,sans-serif; text-align:center; white-space:nowrap; }
.fx-match-result { display:grid; grid-template-columns:1fr auto 1fr; direction:rtl; }
.fx-match-status { display:inline-flex; align-items:center; min-height:28px; padding:4px 9px; border:1px solid var(--fx-line); color:var(--fx-muted); font-size:10px; white-space:nowrap; }
.fx-match-status.published { border-color:#55c878; background:#183321; color:#bdf5cc; }
.fx-schedule-pending { color:var(--fx-muted); }
.fx-rules { display:grid; grid-template-columns:1.3fr 1fr; gap:32px; }.fx-rules p,.fx-rules li { color:var(--fx-muted); font-size:13px; line-height:2; }.fx-rules h3 { font-size:16px; margin:22px 0 10px; }.fx-rules ul { padding-inline-start:20px; }
.fx-dialog { position:fixed; inset:0; z-index:90; display:grid; place-items:center; padding:20px; background:#030705d9; backdrop-filter:blur(6px); color:#f0f5f2; }
.fx-dialog > section { width:min(100%,1050px); max-height:calc(100dvh - 40px); overflow:auto; background:#111914; border:1px solid #4b6153; border-radius:6px; padding:24px; box-shadow:0 30px 80px #0009; }
.fx-dialog.compact > section { max-width:420px; }.fx-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:22px; }.fx-dialog h2 { margin:0; font-size:20px; }.fx-dialog p { color:#b2c2b8; font-size:12px; }.fx-dialog form { display:grid; gap:16px; }.fx-dialog label { display:grid; gap:6px; color:#b2c2b8; font-size:12px; }.fx-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.fx-form-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; margin-top:15px; }.fx-dialog .fx-board { white-space:nowrap; }.fx-dialog textarea { min-height:90px; resize:vertical; }
.fx-status { font-size:12px; color:#afd6bd; margin:12px 0; min-height:18px; }.fx-status.error { color:#ffaca1; }
.fx-admin-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-bottom:22px; }.fx-admin-toolbar > div { display:flex; gap:10px; flex-wrap:wrap; }.fx-admin-note { color:var(--fx-muted); font-size:12px; }
.fx-audit { margin:20px 0; padding:0; list-style:none; }.fx-audit li { display:flex; justify-content:space-between; gap:12px; padding:15px 0; border-bottom:1px solid var(--fx-line); font-size:12px; }.fx-audit time { color:var(--fx-muted); }
.fx-admin-toolbar > .fx-schedule-heading { display:block; min-width:0; }
.fx-schedule-heading h2 { overflow-wrap:anywhere; }
.fx-audit details { width:100%; min-width:0; }
.fx-audit summary { cursor:pointer; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; }
.fx-audit summary::before { content:'+'; color:var(--fx-muted); }
.fx-audit details[open] summary::before { content:'-'; }
.fx-audit summary span { flex:1; min-width:150px; }
.fx-audit-detail { padding-top:10px; overflow-wrap:anywhere; color:var(--fx-muted); }
.fx-audit-detail strong,.fx-audit-detail dt { color:#f0f5f2; }
.fx-audit-detail dl { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 14px; }
.fx-audit-detail dd { margin:0; }
.fx-audit-actor { text-align:right; font-family:monospace; font-size:11px; }
.fx-audit-player-changes { padding:0; list-style:none; }
.fx-audit-player-changes li { flex-wrap:wrap; padding:8px 0; }
.fx-news-matches { margin-top:32px; }.fx-news-matches h3 { font-size:19px; margin-bottom:18px; }.fx-news-matches .fx-fixtures { grid-template-columns:repeat(3,minmax(0,1fr)); }.fx-news-matches .fx-fixture { color:#f0f5f2; }.fx-news-matches .fx-fixture header { color:#a6b5ad; }.fx-news-matches .fx-scoreline { margin:15px 0; }
.fx-news-matches a { font-size:11px; color:#85efac; }.fx-news-matches svg { width:16px; height:16px; }
.hub-grid:has(.fantasy-hub-link) { grid-template-columns:repeat(3,minmax(0,1fr)); }.fantasy-hub-link { border-color:#b6e9c6; }
@media(min-width:821px) { .account-control { display:inline-flex; align-items:center; gap:7px; }.account-control svg { width:17px; height:17px; } }
@media(max-width:980px) { .fx-workbench { grid-template-columns:minmax(0,1fr) minmax(285px,1fr); gap:18px; }.fx-inner { padding:0 22px; }.fx-summary { grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }.fx-summary strong { font-size:19px; }.fx-rules { grid-template-columns:1fr; } }
@media(max-width:700px) { .fx-top { flex-wrap:wrap; padding:20px 0 12px; gap:16px; }.fx-lockup img { width:50px; height:50px; }.fx h1 { font-size:24px; }.fx-top-actions { width:100%; justify-content:space-between; }.fx select { max-width:210px; }.fx-inner { padding:0 16px; }.fx-tabs { gap:20px; }.fx-tabs a,.fx-tabs button { font-size:12px; }.fx-summary { grid-template-columns:1.3fr 1fr; gap:18px; padding:18px 0; }.fx-summary strong { font-size:20px; }.fx-workbench { grid-template-columns:1fr; gap:30px; }.fx-pitch { min-height:490px; padding:24px 5px; }.fx-player-slot { width:72px; }.fx-shirt { width:45px; height:49px; }.fx-player-name { font-size:9px; }.fx-player-club { font-size:8px; }.fx-captain { width:20px; height:20px; left:0; }.fx-pitch-row { gap:3px; }.fx-content { padding-top:20px; }.fx-fixtures { grid-template-columns:1fr; }.fx-news-matches .fx-fixtures { grid-template-columns:1fr; }.fx-round > header { padding:11px 13px; }.fx-schedule { min-width:660px; }.fx-dialog { padding:12px; }.fx-dialog > section { padding:17px; max-height:calc(100dvh - 24px); }.fx-form-grid { grid-template-columns:1fr; }.fx-board th,.fx-board td { padding:12px 8px; }.fx-board .score { font-size:17px; }.fx-dialog input,.fx input,.fx select,.fx-dialog select { font-size:16px; }.fx-filter { flex-wrap:wrap; }.fx-filter select { max-width:none; flex:1; }.hub-grid:has(.fantasy-hub-link) { grid-template-columns:1fr; } }
@media(max-width:700px) {
  .fx-schedule-wrap { overflow:visible; }
  .fx-schedule { display:block; min-width:0; }
  .fx-schedule thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
  .fx-schedule tbody { display:block; }
  .fx-schedule tr { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:11px 12px; padding:14px 13px; }
  .fx-schedule td,.fx-schedule td:first-child,.fx-schedule td:nth-child(3),.fx-schedule td:last-child { width:auto; padding:0; border:0; text-align:inherit; }
  .fx-schedule td:first-child { color:var(--fx-muted); font-size:10px; }
  .fx-schedule-clubs { grid-column:1/-1; grid-row:1; padding-bottom:11px!important; border-bottom:1px solid var(--fx-line)!important; }
  .fx-match-teams { grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); }
  .fx-schedule td:nth-child(3) { grid-column:2; grid-row:2; }
  .fx-schedule td:last-child { grid-column:1/-1; }
  .fx-schedule td:last-child:has(.fx-schedule-pending) { display:none; }
}
@media(prefers-reduced-motion:reduce) { .fx *,.fx-dialog * { animation:none!important; transition:none!important; } }
.fx-bench { padding: 18px 12px; border-top: 1px solid #41634b; background: #101713; }
.fx-bench h3 { margin: 0 0 16px; font-size: 17px; }
.fx-bench-slots { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.fx-bench .fx-pick { width: 100%; min-width: 0; }
.fx-bench .fx-shirt { width: 44px; height: 46px; margin: auto; }
.fx-bench .fx-player-name { white-space: normal; overflow-wrap: anywhere; font-size: 12px; }
.fx-bench small { display: block; overflow-wrap: anywhere; font-size: 11px; }
.fx-board input[type="checkbox"] { width: 20px; height: 20px; accent-color: #70ef91; }
.fx-dialog form { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.fx-dialog form > *, .fx-dialog [data-result-editor], .fx-dialog .fx-scroll { min-width: 0; max-width: 100%; }
.fx-board input[type="checkbox"] { min-width: 20px; }
.fx-bot-matches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.fx-bot-match { min-width:0; padding:20px; background:#111a16; border:1px solid #3f574b; border-radius:6px; }
.fx-bot-match header,.fx-bot-match footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.fx-bot-match header,.fx-bot-match footer > span { color:#bdcbc3; font-size:12px; }
.fx-bot-match h3 { margin:22px 0; font-size:18px; overflow-wrap:anywhere; line-height:1.8; }
.fx-bot-match h3 span { display:inline-block; padding:0 8px; color:#91f5b5; }
.fx-bot-heading { display:grid; gap:8px; padding-bottom:16px; border-bottom:1px solid #3f574b; }
.fx-bot-heading strong { font-size:18px; overflow-wrap:anywhere; }
.fx-bot-heading span { font-size:12px; color:#bdcbc3; }
.fx-bot-command { display:grid; grid-template-columns:110px minmax(0,1fr) 95px 44px; align-items:end; gap:12px; margin-bottom:16px; }
.fx-bot-command > *,#fx-bot-form label { min-width:0; }
#fx-bot-form select,#fx-bot-form input,#fx-bot-form textarea { width:100%; max-width:100%; }
#fx-bot-form [data-bot-preview] { min-width:0; border-top:1px solid #3f574b; padding-top:16px; }
#fx-bot-form [data-bot-preview] h3 { font-size:16px; line-height:1.8; overflow-wrap:anywhere; }
#fx-bot-form textarea { min-height:140px; line-height:1.9; }
@media(max-width:700px) {
  .fx-bot-matches { grid-template-columns:minmax(0,1fr); }
  .fx-bot-command { grid-template-columns:minmax(0,1fr) 64px; }
  .fx-bot-command > label:nth-child(2) { grid-column:1/-1; grid-row:1; }
  .fx-bot-command > label:nth-child(3) { grid-column:1; }
}
.fx-chips { margin-block: 0 24px; padding-block: 16px 24px; border-bottom: 1px solid #335044; }
.fx-chips > header, .fx-chip-options { display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; }
.fx-chips h2 { font-size: 20px; margin: 0; }
.fx-chips > header > span, .fx-chip-option > span { color: #c0cec7; font-size: 13px; }
.fx-chip-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-block: 16px; }
.fx-chip-option { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid #335044; border-radius: 6px; min-width: 0; }
.fx-chip-option.is-active { border-color: #61e694; background: #102e20; }
.fx-chip-option .fx-btn { margin-top: auto; min-height: 42px; }
.fx-round-inputs, .fx-round-history { display: grid; gap: 16px; min-width: 0; }
.fx-round-history .fx-round { min-width: 0; }
.fx-round-dates { padding-inline-start: 24px; line-height: 2; }
@media(max-width:600px) { .fx-chip-options { grid-template-columns: minmax(0,1fr); } .fx-chip-option { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; } .fx-chip-option > span { grid-column: 1; } .fx-chip-option > .fx-btn { grid-column: 2; grid-row: 1 / 3; margin-top: 0; } }