/* Container - Grey Background */
#st_app_wrapper {
    background-color: #f2f2f2;
    padding: 25px;
    border-radius: 12px;
    max-width: 650px;
    margin: 20px auto;
    border: 2px solid #bdc3c7;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    color: #000000;
}

/* Header - Green */
.st_app_header h2 {
    background-color: #27ae60;
    color: #000000;
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    margin-top: 0;
}

#st_app_wrapper input {
    width: 100%;
    padding: 12px;
    border: 2px solid #7f8c8d;
    border-radius: 6px;
    font-size: 16px;
    color: #000000;
    box-sizing: border-box;
}

.st_btn_group {
    display: flex;
    gap: 10px;
    margin: 20px 0;
}

#st_analyze_btn {
    flex: 2;
    padding: 15px;
    background-color: #2ecc71; /* Green */
    color: #000000;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

#st_clear_btn {
    flex: 1;
    padding: 15px;
    background-color: #95a5a6; /* Grey */
    color: #000000;
    border: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

#st_analyze_btn:hover { background-color: #27ae60; }
#st_clear_btn:hover { background-color: #7f8c8d; }

/* Grid for results */
.st_grid {
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.st_card {
    background-color: #ffffff;
    border: 1px solid #bdc3c7;
    padding: 12px;
    border-radius: 6px;
}

.full {
    grid-column: span 2;
    background-color: #d5f5e3; /* Light Green */
}

.st_label {
    font-size: 11px;
    font-weight: bold;
    color: #7f8c8d;
    text-transform: uppercase;
}

.st_value {
    font-size: 16px;
    font-weight: bold;
    color: #000000; /* Black text */
    margin-top: 5px;
}

/* Formula Box - Grey */
.st_formula_container {
    display: none;
    margin-top: 25px;
    padding: 15px;
    background-color: #ecf0f1;
    border-top: 4px solid #27ae60;
    border-radius: 6px;
}

.st_formula_container h3 { margin-top: 0; font-size: 16px; color: #000000; }
.st_formula_container ul { font-size: 13px; padding-left: 20px; color: #000000; }

.st_error { color: #e74c3c; display: none; font-size: 14px; margin-top: 5px; }