/* 割り勘計算 */
#app-warikan .wk-panel,
#app-warikan .wk-result {
    background: var(--bs-tertiary-bg);
    border-radius: .5rem;
}

#app-warikan .wk-result {
    border-left: 4px solid var(--bs-warning);
}

/* 選択肢群: 等幅グリッドで折り返す（btn-group は使わない） */
#app-warikan .wk-choice {
    display: grid;
    gap: .5rem;
}
#app-warikan .wk-choice-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#app-warikan .wk-choice-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#app-warikan .wk-choice .btn {
    white-space: nowrap;
    padding-inline: .25rem;
}
@media (max-width: 420px) {
    #app-warikan .wk-choice-5 .btn { font-size: .85rem; }
}

#app-warikan .wk-stepper .form-control { min-width: 0; }

/* 傾斜のグループ表: 名前・人数・重み・削除 */
#app-warikan .wk-grid-head,
#app-warikan .wk-grid-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 4.5rem 4.5rem 2.5rem;
    gap: .375rem;
    align-items: center;
}
#app-warikan .wk-grid-row { margin-bottom: .375rem; }
#app-warikan .wk-grid-row .form-control { padding-inline: .5rem; }
#app-warikan .wk-g-del { padding: .25rem 0; }

/* 結果 */
#app-warikan .wk-line {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .5rem;
    padding: .25rem 0;
}
#app-warikan .wk-line + .wk-line { border-top: 1px dashed var(--bs-border-color); }
#app-warikan .wk-line-label { font-weight: 700; }
#app-warikan .wk-amount {
    font-size: 1.5rem;
    font-weight: 700;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
#app-warikan .wk-line-main .wk-amount { font-size: 2.5rem; line-height: 1.1; }
#app-warikan .wk-sum { border-top: 1px solid var(--bs-border-color); }