/**
 * Advanced Stock Brokerage Calculator Styles (v2.0)
 */
#brokerage-calculator-tool {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    padding: 25px 30px;
    border-radius: 12px;
    border: 1px solid #e1e1e1;
    margin: 20px auto;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
}
#brokerage-calculator-tool .b-calc-form-group { margin-bottom: 20px; }
#brokerage-calculator-tool label,
#brokerage-calculator-tool fieldset legend {
    display: block; margin-bottom: 8px; font-weight: 600; font-size: 15px; color: #333;
}
#brokerage-calculator-tool input[type="number"],
#brokerage-calculator-tool select {
    width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px;
    box-sizing: border-box; font-size: 16px; background-color: #fff;
}
#brokerage-calculator-tool fieldset {
    border: 1px solid #ddd; border-radius: 6px; padding: 10px 15px;
}
#brokerage-calculator-tool .b-calc-radio-group { display: flex; gap: 20px; }
#brokerage-calculator-tool .b-calc-radio-group label {
    display: flex; align-items: center; gap: 6px; font-weight: 500; font-size: 14px;
}
#brokerage-calculator-tool #customBrokerageGroup { display: none; margin-top: 15px; }
#brokerage-calculator-tool .b-calc-actions { display: flex; gap: 12px; margin-top: 20px; }
#brokerage-calculator-tool .b-calc-button {
    flex: 1; padding: 12px; border: none; border-radius: 6px; color: white;
    font-size: 16px; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease;
}
#brokerage-calculator-tool #b-calc-calculateBtn { background-color: #1e73be; }
#brokerage-calculator-tool #b-calc-calculateBtn:hover { background-color: #165a94; }
#brokerage-calculator-tool #b-calc-resetBtn { background-color: #6c757d; }
#brokerage-calculator-tool #b-calc-resetBtn:hover { background-color: #5a6268; }
#brokerage-calculator-tool .b-calc-errorMessage {
    color: #d9534f; background-color: #f2dede; border: 1px solid #ebccd1;
    padding: 12px; border-radius: 6px; margin-top: 20px; display: none;
}
#brokerage-calculator-tool .b-calc-results {
    margin-top: 25px; display: none; animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
#brokerage-calculator-tool .b-calc-result-box {
    padding: 20px; background-color: #fff; border: 1px solid #e1e1e1; border-radius: 8px;
}
#brokerage-calculator-tool .b-calc-result-row {
    display: flex; justify-content: space-between; padding: 10px 0;
    font-size: 15px; border-bottom: 1px solid #f0f0f0;
}
#brokerage-calculator-tool .b-calc-result-row:last-child { border-bottom: none; }
#brokerage-calculator-tool .b-calc-result-row span:first-child { color: #555; }
#brokerage-calculator-tool .b-calc-result-row span { font-weight: 500; }
#brokerage-calculator-tool .b-calc-result-row.summary {
    font-size: 18px; font-weight: bold; padding-top: 15px;
}
#brokerage-calculator-tool .profit { color: #28a745; }
#brokerage-calculator-tool .loss { color: #dc3545; }
#brokerage-calculator-tool .b-calc-breakeven-box {
    margin-top: 20px; padding: 15px; background-color: #e9f5ff;
    border: 1px solid #b3d7f5; border-radius: 8px; text-align: center;
}
#brokerage-calculator-tool .b-calc-breakeven-box .b-calc-breakeven-title {
    font-weight: 600; color: #005a9c; margin: 0 0 5px 0;
}
#brokerage-calculator-tool .b-calc-breakeven-box .b-calc-breakeven-value {
    font-size: 20px; font-weight: bold; color: #1e73be;
}