/* Setup by relevance (see paintSetupRelevance in fuel-config.js).
 * Hidden by class, never removed: every input id stays in the page. */

.sx-off { display: none !important; }

/* Basic and Advanced read as one page; the sub-tab bar is hidden above. */
#tab0 > .subcontent { display: block; }

/* The class decides, whatever tire-config.js sets on [hidden]. */
tr.alt-stint-row.sx-open { display: table-row !important; }
tr.alt-stint-row.sx-closed { display: none !important; }

.sx-lines { display: flex; flex-wrap: wrap; gap: 4px 28px; margin: 8px 0 4px; }
.sx-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    margin: 0;
    font-size: var(--fs-small, 13px);
    color: var(--text-3);
}
.sx-line b { color: var(--text-2); font-weight: 600; }
.sx-line .sx-toggle { margin: 0; padding: 2px 8px; font-size: var(--fs-small, 13px); }
.sx-line .sx-toggle[hidden] { display: none; }

/* An empty "Nothing set yet" line says nothing the offer strip below it does not. */
.rate-summary.is-empty:has(+ #rateOffers:not([hidden])) { display: none; }

/* Plan › Rates: the headline sits right under the heading; More options holds the per-corner switches. */
#planRates .do-now { margin-top: var(--s2, 8px); }
#planRates .rate-summary[hidden] { display: none; }
.rates-corner-mode { display: grid; grid-template-columns: max-content max-content; align-items: center; gap: 8px 16px; padding: 4px 0 12px; }
.rates-math td:not(:first-child), .rates-math th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }

/* Discord dialog, opened from the planner "…" menu. */
.rmo-dlg.discord-dlg { width: min(640px, calc(100vw - 24px)); }
.discord-body { padding: var(--s3, 12px) var(--s3, 12px) var(--s3, 12px); }
.discord-body .hint:empty { display: none; }