/*
 * 人件費の価格転嫁計算ツール（/apps/kakaku-tenka/）
 * 部品は break-even.css をそのまま使い、このページで違うところ（上のパンくず・グラフの線・根拠の札）だけを書く。
 */


.kt-tenka { margin-top: 6px; padding: 4px 12px 2px; border-radius: 4px; background: #fff5f5; }
.kt-tenka .be-field { border-bottom: 0; }

/* グラフ（横＝価格転嫁率、縦＝営業利益） */
.be-chart .c-zero { stroke: #bdbdbd; stroke-width: 1; }
.be-chart .c-ref { stroke: var(--text-primary); stroke-width: 1.5; stroke-dasharray: 5 5; opacity: 0.6; }
.be-chart .c-ref-label { font-size: 11px; fill: var(--text-secondary); }
.be-chart .c-line { stroke: var(--red-primary); stroke-width: 3; fill: none; }
.be-chart .c-pos { fill: rgba(17, 17, 17, 0.07); }
.be-chart .c-neg { fill: rgba(204, 0, 0, 0.12); }
.be-chart .c-cross { stroke: var(--red-primary); stroke-width: 1; stroke-dasharray: 3 3; }
.be-chart .c-cross-label { font-size: 11px; font-weight: 700; fill: var(--red-dark); }
.be-chart .c-point-guide { stroke: var(--text-primary); stroke-width: 1; stroke-dasharray: 4 3; opacity: 0.5; }
.be-chart .c-point { fill: var(--red-primary); stroke: var(--white); stroke-width: 3; }

.kt-legend .is-line::before { background: var(--red-primary); height: 3px; }
.kt-legend .is-ref::before { height: 0; background: none; border-top: 1.5px dashed var(--text-primary); }
.kt-legend .is-point::before { width: 8px; height: 8px; border-radius: 50%; background: var(--red-primary); }

.be-badge.is-full { background: var(--text-primary); color: var(--white); }
.be-badge.is-part { background: #f1f1f1; color: var(--text-primary); }

/* 指針への札 */
.kt-source, .kt-source * { text-decoration: none; }
.kt-source { display: flex; align-items: center; gap: 14px; padding: 16px 20px; background: var(--white); border: 1px solid #e6e6e6; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); color: var(--text-secondary); font-size: 0.8125rem; line-height: 1.7; transition: border-color 0.3s; }
.kt-source:hover { border-color: var(--red-primary); }
.kt-source .lucide { flex: none; width: 28px; height: 28px; color: var(--red-primary); }
.kt-source b { font-family: var(--font-ja); font-size: 1rem; color: var(--text-primary); }

.kt-code { padding: 1px 6px; border-radius: 4px; background: #ececec; font-size: 0.9375em; color: var(--text-primary); }
.kt-sheet { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding: 14px 18px; background: var(--white); border: 1px solid #e6e6e6; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); font-family: Menlo, Consolas, monospace; font-size: 0.9375rem; }
.kt-sheet .lucide { width: 22px; height: 22px; color: var(--red-primary); }
.kt-sheet b { margin-right: 6px; padding: 1px 6px; border-radius: 3px; background: #f1f1f1; font-family: var(--font-ja-body); font-size: 0.8125rem; }

/* 375px 前後で早見表の4列を画面幅に収める */
@media (max-width: 400px) {
  .be-table th, .be-table td { padding-left: 6px; padding-right: 6px; }
}