/**
 * Tool-Specific Stylesheet for Ideasager FIRE Path Planner.
 */

/* ===================================================================
 *  Color Scheme & Core Component Overrides
 * =================================================================== */
[data-tool-id="1324"] .auras-tool-notice {
    background-color: #fefce8; /* Warm Gold */
    border-left-color: #eab308;
    color: #854d0e;
}

[data-tool-id="1324"] .auras-tool-button-calculate {
    background-color: #16a34a; /* Rich Growth Green */
}
[data-tool-id="1324"] .auras-tool-button-calculate:hover {
    background-color: #15803d;
}

[data-tool-id="1324"] .auras-ai-button {
    background-color: #14532d; /* Premium Forest Green */
}
[data-tool-id="1324"] .auras-ai-button:hover {
    background-color: #052e16;
}


/* ===================================================================
 *  Custom Input Field Styles (for Prefix/Suffix)
 * =================================================================== */
[data-tool-id="1324"] .auras-tool-field-adornment {
    position: relative;
}

[data-tool-id="1324"] .auras-tool-field-adornment .prefix,
[data-tool-id="1324"] .auras-tool-field-adornment .suffix {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-weight: 500;
    pointer-events: none;
}

[data-tool-id="1324"] .auras-tool-field-adornment .prefix {
    left: 1rem;
}

[data-tool-id="1324"] .auras-tool-field-adornment .suffix {
    right: 1rem;
}

[data-tool-id="1324"] .auras-tool-field-adornment input[type="number"] {
    padding-left: 2rem;
}
[data-tool-id="1324"] .auras-tool-field-adornment .suffix + input[type="number"] {
    padding-right: 2.5rem;
    padding-left: 0.75rem; /* Reset left padding if only suffix exists */
}
[data-tool-id="1324"] .auras-tool-field-adornment .prefix + input[type="number"] {
    padding-left: 2rem;
}


/* ===================================================================
 *  Result Area Styles
 * =================================================================== */
[data-tool-id="1324"] .fire-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
}

[data-tool-id="1324"] .fire-summary-item .label {
    display: block;
    color: #5a6e82;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}

[data-tool-id="1324"] .fire-summary-item .value {
    display: block;
    font-size: 1.75rem;
    font-weight: 600;
    color: #1c2938;
}

[data-tool-id="1324"] .fire-number-highlight {
    color: #ca8a04; /* Bold Gold */
    font-weight: 700;
}

[data-tool-id="1324"] .fire-status {
    padding: 1rem;
    border-radius: 6px;
    margin-top: 1rem;
    text-align: center;
}
[data-tool-id="1324"] .fire-status h4 {
    margin: 0 0 0.25rem 0;
    font-size: 1.2rem;
}
[data-tool-id="1324"] .fire-status p {
    margin: 0;
}

[data-tool-id="1324"] .fire-status.on-track {
    background-color: #dcfce7;
    color: #14532d;
}

[data-tool-id="1324"] .fire-status.shortfall {
    background-color: #fee2e2;
    color: #991b1b;
}

[data-tool-id="1324"] .fire-chart-container {
    position: relative;
    height: 400px;
    margin-top: 2rem;
}