/* Crypto Tax Calculator Ireland
   Calculator-specific CSS only for layout pieces that are unique to this tool.
   Main cards, result hero, chips, breakdown rows, insights and inputs come from ic-base.css. */

.ic-cryptotaxcalc {
    --ic-sticky-position: static;
    --ic-sticky-max-height: none;
    --ic-sticky-overflow-y: visible;
}

@media (min-width: 1024px) {
    .ic-cryptotaxcalc .ic-grid > .ic-results {
        position: static;
        top: auto;
        max-height: none;
        overflow: visible;
    }
}

.ic-cryptotaxcalc .ic-crypto-transactions {
    display: grid;
    gap: 14px;
}

.ic-cryptotaxcalc .ic-crypto-transaction {
    padding: 16px;
    border: 1px solid var(--ic-border, #e2e8f0);
    border-radius: var(--ic-radius, 16px);
    background: color-mix(in srgb, var(--ic-bg, #f8fafc) 70%, #fff);
}

.ic-cryptotaxcalc .ic-crypto-row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.ic-cryptotaxcalc .ic-crypto-row-head strong {
    font-size: 14px;
    color: var(--ic-text, #0f172a);
}

.ic-cryptotaxcalc .ic-crypto-row-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ic-cryptotaxcalc .ic-crypto-row-actions {
    margin-top: -2px;
}

.ic-cryptotaxcalc .ic-secondary-btn,
.ic-cryptotaxcalc .ic-crypto-remove-row {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    width: 100%;
    padding: 8px 14px;
    border: 1px dashed color-mix(in srgb, var(--ic-primary, #17884e) 24%, var(--ic-border, #e2e8f0));
    border-radius: 13px;
    background: #fff;
    color: var(--ic-primary, #17884e);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.ic-cryptotaxcalc .ic-crypto-remove-row {
    width: auto;
    min-height: 28px;
    padding: 4px 9px;
    border-style: solid;
    border-color: color-mix(in srgb, #dc2626 20%, var(--ic-border, #e2e8f0));
    color: #dc2626;
    font-size: 12px;
}

.ic-cryptotaxcalc .ic-secondary-btn:hover,
.ic-cryptotaxcalc .ic-secondary-btn:focus {
    background: color-mix(in srgb, var(--ic-primary, #17884e) 6%, #fff);
    color: var(--ic-primary, #17884e);
}

.ic-cryptotaxcalc .ic-crypto-remove-row:hover,
.ic-cryptotaxcalc .ic-crypto-remove-row:focus {
    background: #fef2f2;
    color: #b91c1c;
}

.ic-cryptotaxcalc .ic-crypto-advanced {
    border: 1px solid var(--ic-border, #e2e8f0);
    border-radius: var(--ic-radius, 16px);
    background: #fff;
    overflow: hidden;
}

.ic-cryptotaxcalc .ic-crypto-advanced summary {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    cursor: pointer;
    list-style: none;
}

.ic-cryptotaxcalc .ic-crypto-advanced summary::-webkit-details-marker {
    display: none;
}

.ic-cryptotaxcalc .ic-crypto-advanced summary::after {
    content: "+";
    margin-left: auto;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ic-primary, #17884e) 8%, #fff);
    color: var(--ic-primary, #17884e);
    font-weight: 600;
}

.ic-cryptotaxcalc .ic-crypto-advanced[open] summary::after {
    content: "−";
}

.ic-cryptotaxcalc .ic-crypto-advanced summary span {
    font-weight: 600;
    color: var(--ic-text, #0f172a);
}

.ic-cryptotaxcalc .ic-crypto-advanced summary small {
    color: var(--ic-text-muted, #64748b);
    font-size: 12px;
}

.ic-cryptotaxcalc .ic-crypto-advanced-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0 16px 16px;
}

.ic-cryptotaxcalc .ic-crypto-advanced-wide {
    grid-column: 1 / -1;
}

.ic-cryptotaxcalc .ic-crypto-actions-inline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-top: 0;
}

.ic-cryptotaxcalc .ic-crypto-actions-inline .ic-calc-btn {
    width: 100%;
}

.ic-cryptotaxcalc .ic-crypto-alert {
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, #f59e0b 28%, var(--ic-border, #e2e8f0));
    border-radius: var(--ic-radius, 16px);
    background: #fffbeb;
    color: #78350f;
    font-size: 13px;
    line-height: 1.55;
}

.ic-cryptotaxcalc .ic-crypto-positive {
    color: var(--ic-primary, #17884e) !important;
}

.ic-cryptotaxcalc .ic-crypto-negative {
    color: #b91c1c !important;
}

.ic-cryptotaxcalc .ic-crypto-chips,
.ic-cryptotaxcalc .ic-crypto-support-panel,
.ic-cryptotaxcalc .ic-crypto-calculation-breakdown,
.ic-cryptotaxcalc .ic-crypto-insights,
.ic-cryptotaxcalc .ic-crypto-transaction-breakdown,
.ic-cryptotaxcalc .ic-crypto-rate-note {
    margin-top: 14px;
}

/* Keep the native number spinner only on Quantity, as requested. */
.ic-cryptotaxcalc .ic-field input.ic-crypto-qty[type="number"] {
    -moz-appearance: number-input;
    appearance: auto;
}

.ic-cryptotaxcalc .ic-field input.ic-crypto-qty[type="number"]::-webkit-inner-spin-button,
.ic-cryptotaxcalc .ic-field input.ic-crypto-qty[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: inner-spin-button;
    opacity: 1;
    margin: 0;
}

.ic-cryptotaxcalc .ic-crypto-tax-event-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.ic-cryptotaxcalc .ic-crypto-event-card {
    padding: 16px;
    border: 1px solid var(--ic-border, #e2e8f0);
    border-radius: var(--ic-radius, 16px);
    background: #fff;
    box-shadow: var(--ic-card-shadow-soft, 0 1px 2px rgba(15, 23, 42, .04));
}

.ic-cryptotaxcalc .ic-crypto-event-card strong,
.ic-cryptotaxcalc .ic-crypto-event-card span {
    display: block;
}

.ic-cryptotaxcalc .ic-crypto-event-card strong {
    margin-bottom: 6px;
    color: var(--ic-text, #0f172a);
}

.ic-cryptotaxcalc .ic-crypto-event-card span {
    color: var(--ic-text-muted, #64748b);
    font-size: 13px;
    line-height: 1.55;
}

@media (max-width: 900px) {
    .ic-cryptotaxcalc .ic-crypto-row-grid,
    .ic-cryptotaxcalc .ic-crypto-tax-event-grid {
        grid-template-columns: 1fr;
    }

    .ic-cryptotaxcalc .ic-crypto-advanced-grid {
        grid-template-columns: 1fr;
    }

    .ic-cryptotaxcalc .ic-crypto-advanced-wide {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .ic-cryptotaxcalc .ic-crypto-actions-inline {
        grid-template-columns: 1fr;
    }

    .ic-cryptotaxcalc .ic-crypto-advanced summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .ic-cryptotaxcalc .ic-crypto-advanced summary::after {
        position: absolute;
        right: 16px;
    }
}