body { background-color: #f5f5f5; padding-top: 20px; }
.container { max-width: 900px; background-color: white; padding: 30px; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.1); position: relative; padding-top: 50px; } /* Added position: relative and adjusted padding-top */
.form-group { margin-bottom: 15px; }
#results { display: none; margin-top: 30px; padding: 20px; background-color: #f8f9fa; border-radius: 5px; }
.result-row { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #dee2e6; }
.metric { font-weight: bold; color: #495057; }
.value { text-align: right; font-weight: 500; }
.error { color: #dc3545; margin-top: 20px; padding: 15px; background-color: #f8d7da; border-radius: 5px; display: none; }
.upside-positive { color: #28a745; }
.upside-negative { color: #dc3545; }
.loading { display: none; text-align: center; margin-top: 20px; }
 #initial-data { display: none; margin-top: 20px; padding: 15px; background-color: #e9ecef; border-radius: 5px; }
 #initial-data p { margin-bottom: 5px; }
 .metric-label { font-weight: bold; }
 #calculation-inputs { display: none; }
 #calculateButton { display: none; }
 #backButton { display: none; position: absolute; top: 10px; left: 10px; z-index: 1000; } /* Adjusted position */

/* Styles for result rows within the shortcode container */
.my-stock-calculator-container .result-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #dee2e6;
}

.my-stock-calculator-container .metric {
    font-weight: bold;
    color: #495057;
}

.my-stock-calculator-container .value {
    text-align: right;
    font-weight: 500;
}