.fxml-dashboard{--fxml-navy:#102a43;--fxml-navy-2:#173b5e;--fxml-blue:#2563a6;--fxml-blue-soft:#eaf2fb;--fxml-bg:#edf3f8;--fxml-card:#ffffff;--fxml-line:#d9e3ec;--fxml-text:#1c2b39;--fxml-muted:#6b7d8f;--fxml-green:#16855b;--fxml-green-bg:#e8f7f0;--fxml-yellow:#9a6800;--fxml-yellow-bg:#fff4cf;--fxml-gray:#64748b;--fxml-gray-bg:#eef2f6;--fxml-red:#b84b4b;--fxml-red-bg:#fff0f0;--fxml-support:#1769aa;--fxml-support-bg:#eaf4ff;--fxml-pivot:#7555a6;--fxml-pivot-bg:#f2edfb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--fxml-bg);color:var(--fxml-text);border:1px solid #d4e0ea;border-radius:16px;padding:18px;box-sizing:border-box;box-shadow:0 10px 30px rgba(16,42,67,.08);width:100%;max-width:none;margin:0}
.fxml-dashboard *{box-sizing:border-box}.fxml-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:#53687b;margin-bottom:14px;background:#fff;border:1px solid var(--fxml-line);border-radius:10px;padding:10px 12px}.fxml-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.fxml-dot.reached{background:var(--fxml-green)}.fxml-dot.near{background:#d59a17}.fxml-dot.not-reached{background:#8d9aa8}.fxml-data-note{margin-left:auto;color:#718396}.fxml-pair-tabs{display:flex;gap:10px;overflow:auto;padding:0 0 14px}.fxml-dashboard .fxml-tab{appearance:none;border:2px solid #9fc5ff !important;background:#ffffff !important;color:#1f6fdd !important;padding:10px 16px;border-radius:12px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(16,42,67,.04);transition:.18s ease}.fxml-dashboard .fxml-tab:hover{border-color:#4d95ff !important;color:#0f66da !important;background:#f5faff !important}.fxml-dashboard .fxml-tab.is-active{background:#1f7aec !important;border-color:#1468dc !important;color:#fff !important;box-shadow:0 6px 16px rgba(31,122,236,.22);transform:translateY(-1px)}.fxml-pair-panel{display:none}.fxml-pair-panel.is-active{display:block}.fxml-summary{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:14px;margin-bottom:14px}.fxml-price-card,.fxml-range-card,.fxml-level-card,.fxml-nearest{background:var(--fxml-card);border:1px solid var(--fxml-line);border-radius:12px;box-shadow:0 4px 14px rgba(16,42,67,.045)}.fxml-price-card{padding:18px;background:linear-gradient(135deg,#1f7aec,#2f83ef) !important;border-color:#1468dc !important;color:#fff !important}.fxml-eyebrow{font-size:10px;letter-spacing:.16em;color:#dbeaff !important;font-weight:900}.fxml-symbol{font-size:18px;font-weight:900;margin-top:5px;color:#fff !important}.fxml-price{font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-.03em;margin:4px 0;color:#fff !important}.fxml-updated{font-size:11px;color:#dbeaff !important}.fxml-range-card{padding:16px}.fxml-range-head{display:flex;justify-content:space-between;gap:8px;font-size:13px}.fxml-range-head span{color:#5d7185;font-weight:700}.fxml-range-head strong{font-size:18px;color:var(--fxml-navy)}.fxml-progress{height:8px;background:#e6edf3;border-radius:99px;overflow:hidden;margin:12px 0 9px}.fxml-progress span{display:block;height:100%;background:#2f7eea;border-radius:99px}.fxml-range-card small{color:#718396}.fxml-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fxml-level-card{overflow:hidden}.fxml-dashboard .fxml-level-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#1f7aec !important;border-bottom:1px solid #1f7aec !important;color:#fff !important}.fxml-level-card-head h3,.fxml-nearest h3{font-size:14px;line-height:1;margin:0;font-weight:900}.fxml-dashboard .fxml-level-card-head h3{color:#fff !important;letter-spacing:.04em}.fxml-dashboard .fxml-level-card-head span{font-size:10px;color:#e5f0ff !important;font-weight:900;letter-spacing:.12em}.fxml-level-table{background:#fff}.fxml-level-row{display:grid;grid-template-columns:minmax(102px,1.15fr) auto minmax(76px,auto) minmax(92px,auto);align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #e5ecf2;font-size:12px;min-height:43px}.fxml-level-row:last-child{border-bottom:0}.fxml-level-row:hover{background:#f8fbfd}.fxml-level-name{font-weight:800;color:#31475b}.fxml-level-price{font-variant-numeric:tabular-nums;font-weight:900;color:#173b5e}.fxml-level-distance{color:#718396;font-variant-numeric:tabular-nums}.fxml-kind-resistance .fxml-level-name{color:#a94848}.fxml-kind-support .fxml-level-name{color:var(--fxml-support)}.fxml-kind-pivot .fxml-level-name{color:var(--fxml-pivot)}.fxml-kind-pivot{background:linear-gradient(90deg,var(--fxml-pivot-bg),#fff 32%)}.fxml-kind-resistance{background:linear-gradient(90deg,var(--fxml-red-bg),#fff 28%)}.fxml-kind-support{background:linear-gradient(90deg,var(--fxml-support-bg),#fff 28%)}.fxml-status{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;border:1px solid transparent;line-height:1.1}.fxml-status.reached{color:var(--fxml-green);background:var(--fxml-green-bg);border-color:#b9e6d2}.fxml-status.near{color:var(--fxml-yellow);background:var(--fxml-yellow-bg);border-color:#efd98c}.fxml-status.not-reached{color:#667789;background:var(--fxml-gray-bg);border-color:#d7e0e8}.fxml-nearest{margin-top:12px;overflow:hidden}.fxml-nearest-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f7fafc;border-bottom:1px solid var(--fxml-line)}.fxml-nearest-head h3{color:var(--fxml-navy)}.fxml-nearest-head>span{font-size:10px;color:var(--fxml-blue);font-weight:900;letter-spacing:.12em}.fxml-nearest-item{display:grid;grid-template-columns:26px 1.2fr 1fr 1fr auto;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #e5ecf2;font-size:12px;background:#fff}.fxml-nearest-item:last-child{border-bottom:0}.fxml-nearest-item:hover{background:#f8fbfd}.fxml-nearest-item strong{color:#31475b}.fxml-rank{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--fxml-blue-soft);color:var(--fxml-blue);font-weight:900}.fxml-nearest-distance{color:#718396}.fxml-error{display:flex;gap:10px;align-items:flex-start;background:#fff4f4;border:1px solid #efc7c7;color:#8f3131;padding:16px;border-radius:10px}.fxml-error strong{color:#672121}.fxml-empty{padding:18px;background:#fff;border:1px solid var(--fxml-line);border-radius:10px}.fxml-dashboard button{font-family:inherit}
@media(max-width:1180px){.fxml-dashboard{width:100%}.fxml-level-row{grid-template-columns:minmax(98px,1fr) auto minmax(88px,auto)}.fxml-level-row>div:last-child{grid-column:3/4;grid-row:1/3}.fxml-level-distance{grid-column:2/3;font-size:10px}}
@media(max-width:980px){.fxml-dashboard{width:100%}.fxml-summary{grid-template-columns:repeat(2,1fr)}.fxml-level-grid{grid-template-columns:1fr}.fxml-data-note{width:100%;margin-left:0}.fxml-nearest-item{grid-template-columns:26px 1.2fr 1fr auto}.fxml-nearest-distance{display:none}.fxml-level-row{grid-template-columns:minmax(110px,1fr) auto minmax(74px,auto) minmax(88px,auto)}.fxml-level-row>div:last-child{grid-column:auto;grid-row:auto}.fxml-level-distance{grid-column:auto;font-size:11px}}
@media(max-width:560px){.fxml-dashboard{width:100%;padding:10px;border-radius:12px}.fxml-summary{grid-template-columns:1fr}.fxml-price{font-size:30px}.fxml-level-card-head{padding:12px}.fxml-level-row{grid-template-columns:1.1fr auto minmax(82px,auto);gap:6px;padding:10px}.fxml-level-distance{grid-column:2/3;font-size:10px}.fxml-level-row>div:last-child{grid-column:3/4;grid-row:1/3}.fxml-nearest-item{grid-template-columns:24px 1fr auto}.fxml-nearest-item>span:nth-child(3),.fxml-nearest-distance{display:none}.fxml-nearest-item .fxml-status{grid-column:3/4;grid-row:1}.fxml-legend{gap:9px}.fxml-price-card,.fxml-range-card{padding:14px}}

.fxml-auto-note{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eaf4ff;color:#1769aa;font-size:10px;font-weight:900;white-space:nowrap}
.fxml-loading{padding:32px 18px;text-align:center;background:#fff;border:1px solid var(--fxml-line);border-radius:12px;color:#6b7d8f;font-weight:700}
.fxml-pair-panel{position:relative}
.fxml-pair-panel.is-refreshing:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#2f7eea;box-shadow:0 0 0 4px rgba(47,126,234,.12);animation:fxmlPulse 1s ease-in-out infinite}
@keyframes fxmlPulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}

/* v1.3.1: full-width tool layout */
.fxml-dashboard{
  overflow:hidden;
  border:0;
  box-shadow:none;
}

/*
 * Dedicated dashboard pages should not sit inside the theme's white article card.
 * These selectors cover Cocoon and other common WordPress content wrappers.
 */
body.fxml-dashboard-page #content,
body.fxml-dashboard-page .content,
body.fxml-dashboard-page .content-in{
  width:100% !important;
  max-width:none !important;
}

body.fxml-dashboard-page #main,
body.fxml-dashboard-page main.main,
body.fxml-dashboard-page .main:has(.fxml-dashboard),
body.fxml-dashboard-page .article:has(.fxml-dashboard),
body.fxml-dashboard-page .entry-content:has(.fxml-dashboard),
body.fxml-dashboard-page .page-content:has(.fxml-dashboard),
body.fxml-dashboard-page .post-content:has(.fxml-dashboard){
  width:100% !important;
  max-width:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.fxml-dashboard-page #main,
body.fxml-dashboard-page main.main{
  padding-left:0 !important;
  padding-right:0 !important;
  flex:1 1 100% !important;
}

body.fxml-dashboard-page .entry-content:has(.fxml-dashboard),
body.fxml-dashboard-page .page-content:has(.fxml-dashboard),
body.fxml-dashboard-page .post-content:has(.fxml-dashboard){
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Make the FX tool use the full content row on themes with a sidebar. */
body.fxml-dashboard-page #sidebar,
body.fxml-dashboard-page aside.sidebar{
  display:none !important;
}

.fxml-pivot-basis{padding:8px 14px;background:#f6f9fd;border-bottom:1px solid #e5ecf2;color:#6b7d8f;font-size:10px;line-height:1.45;white-space:normal}
.fxml-pivot-basis strong{color:#1f6fdd;margin-right:5px}


body.fxml-dashboard-page .fxml-hidden-site-policy{
  display:none !important;
}