/* =========================================
   CR-CALC — ENCOUNTER ANALYSIS
   ========================================= */

/* Section wrapper */
#crcalc-page #analysis-section {
    padding-bottom: 0.5rem;
}

/* ECL discrepancy warning box */
#crcalc-page #ecl-discrepancy-warning {
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background-color: rgba(255, 220, 180, 0.3);
    border: 1px solid rgba(220, 160, 100, 0.7);
    font-size: 0.9rem;
}

/* Output table wrapper */
#crcalc-page #outputTable {
    margin-top: 0.5rem;
    font-size: 0.9rem;
}

/* Table structure */
#crcalc-page #outputTable table {
    width: 100%;
    border-collapse: collapse;
}

#crcalc-page #outputTable th,
#crcalc-page #outputTable td {
    border: 1px solid #33363d;
    padding: 0.35rem 0.5rem;
    text-align: center;
}

/* Danger highlighting */
#crcalc-page .table-danger {
    border: 2px solid #ff4d4d !important;
}

#crcalc-page .table-danger td,
#crcalc-page .table-danger th {
    background-color: rgba(255, 50, 50, 0.15) !important;
    color: #ff6b6b !important;
    font-weight: bold;
}

/* Tooltip for suggested CR */
#crcalc-page #suggestedCR {
    position: relative;
}

#crcalc-page #suggestedCR::after {
    content: "Encounter CR is outside the recommended difficulty range.";
    position: absolute;
    top: -35px;
    left: 0;
    background-color: #2a2b2f;
    color: #ff6b6b;
    padding: 0.4rem 0.6rem;
    border-radius: 4px;
    border: 1px solid #ff4d4d;
    font-size: 0.8rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    z-index: 10;
}

#crcalc-page #suggestedCR.table-danger:hover::after {
    opacity: 1;
}