/* SES Calculator Styles */

.card-header h2.card-title {
    margin-bottom: 0; /* 見出し下の余白を調整 */
}

.card {
    margin-bottom: 2rem; /* カード間の余白を大きく */
    border: 1px solid #e9ecef; /* 薄い枠線を追加 */
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* হালকা শ্যাডো */
}

.card-header {
    background-color: #f8f9fa; /* ヘッダーの背景色を薄いグレーに */
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card-body {
    padding: 1.25rem;
}

.form-label {
    font-weight: bold; /* フォームラベルを少し太字に */
    margin-bottom: 0.25rem;
    display: block;
}

.form-control, .form-select {
    margin-bottom: 0.75rem; /* フォーム要素下の余白 */
}

.form-check {
    margin-bottom: 0.5rem;
}

.cost-breakdown .card-header {
    cursor: pointer; /* カーソルをポインターに */
}

.cost-breakdown .card-body {
    padding: 1.25rem;
    background-color: #fefefe; /* 内訳セクションの背景色 */
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    margin-top: 1rem;
}

.cost-breakdown h4 {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
}

.session-controls {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e9ecef; /* セッションコントロールの上に線を追加 */
}