/* QSBS Exclusion (section 1202) calculator. The cards, tiles, tables and callouts are RothConversion.css's rc-*
   classes; these are the page's own additions. */

.workspaceView .workspace-tab-pane-scroll.qs-pane {
    align-items: stretch;
    padding: 0 0.6rem 1.25rem;
}

.qs-section-title {
    font-size: 1rem;
    font-weight: 700;
    color: #181c32;
    margin: 1rem 0 0.5rem;
}

.qs-sub {
    font-size: 0.82rem;
    color: #5c6d82;
    margin: -0.25rem 0 0.5rem;
}

.qs-checklist {
    padding-left: 1.1rem;
    font-size: 0.85rem;
    line-height: 1.5;
    color: #3d4a5c;
}

.qs-checklist li {
    margin-bottom: 0.35rem;
}

/* ---------------------------------------------------------------- Inputs */

.qs-inputs .qs-gift-head th {
    background: #eef4fb;
    font-weight: 600;
}

.qs-inputs .qs-total-row td {
    font-weight: 600;
    background: #f7f9fc;
}

.qs-inputs .qs-warn {
    color: #b42318;
}

.qs-icon-btn {
    border: none;
    background: transparent;
    color: #5c6d82;
    padding: 0 0.25rem;
    line-height: 1;
}

.qs-icon-btn:hover {
    color: #b42318;
}

/* ---------------------------------------------------------------- Results */

.qs-compare th.qs-col {
    width: 22%;
}

.qs-compare td:first-child {
    white-space: normal;
    min-width: 14rem;
}

.qs-compare td.qs-dash {
    color: #8a96a8;
}

.qs-timing tr.qs-row-sale td {
    font-weight: 600;
    background: #f2f7fd;
}

.qs-sellers td:first-child {
    white-space: normal;
    min-width: 12rem;
}

.qs-where {
    display: block;
    font-size: 0.7rem;
    color: #6b7a8f;
}

/* Bootstrap's table cell colour outranks .rc-good; restate it for these tables. */
.qs-compare td.rc-good,
.qs-sellers td.rc-good {
    color: #11753a;
}

/* Phones: one tile per row, and let the row labels wrap so the figures fit. */
@container (max-width: 520px) {
    .qs-summary .rc-tiles,
    .qs-stacking .rc-tiles {
        grid-template-columns: minmax(0, 1fr);
    }

    .qs-compare td:first-child,
    .qs-sellers td:first-child {
        min-width: 0;
    }

    .qs-compare td,
    .qs-compare th,
    .qs-timing td,
    .qs-timing th,
    .qs-sellers td,
    .qs-sellers th {
        padding: 0.2rem 0.3rem;
        font-size: 0.75rem;
    }
}