/* 報酬タブ（boss.html と index.html で共用）★2026-10-02 */
.hs-big { font-size: 26px; font-weight: 800; margin: 2px 0; } .hs-big small { font-size: 13px; color: #6b7280; font-weight: 600; }
.hs-pill { display: inline-block; background: #dcfce7; color: #166534; border-radius: 20px; padding: 2px 10px; font-size: 12px; font-weight: 700; }
.hs-sample { display: inline-block; background: #fee2e2; color: #991b1b; border-radius: 6px; padding: 1px 8px; font-size: 12px; font-weight: 700; margin-left: 6px; }
.hs-person { border-top: 1px solid #f0f1f4; padding-top: 10px; margin-top: 10px; } .hs-person:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }
.hs-calc { max-width: 360px; margin-top: 8px; font-size: 14px; }
.hs-calc .row { display: flex; justify-content: space-between; padding: 2px 0; }
.hs-calc .op { display: inline-block; width: 1.4em; color: #6b7280; }
.hs-calc .row.tot { border-top: 1px solid #d1d5db; margin-top: 2px; padding-top: 4px; font-weight: 700; }
.hs-calc .row.thin { font-weight: 400; }
.hs-sub { margin-top: 14px; padding-top: 10px; border-top: 1px solid #f0f1f4; font-weight: 700; }
.hs-past { border: 1px solid #eef0f3; border-radius: 10px; padding: 8px 10px; margin-top: 8px; }
.hs-past > summary { cursor: pointer; display: flex; justify-content: space-between; gap: 8px; list-style: none; }
.hs-past > summary::-webkit-details-marker { display: none; }
.hs-past > summary::before { content: '▸'; color: #9ca3af; margin-right: 4px; }
.hs-past[open] > summary::before { content: '▾'; }
.hs-card { border: 1px solid #eef0f3; border-radius: 10px; padding: 8px 10px; margin-top: 8px; }
.hs-card .row { display: flex; justify-content: space-between; font-size: 13px; }
.hs-card .row.tot { border-top: 1px solid #eef0f3; margin-top: 4px; padding-top: 4px; font-weight: 700; }
/* 業務委託の画面（index.html）でも同じ見た目にする土台。.hs-box の中だけに効かせる */
.hs-box { background: #fff; border-radius: 14px; box-shadow: 0 1px 4px rgba(0,0,0,.07); padding: 14px 16px; margin-bottom: 10px; }
.hs-box h2 { font-size: 14px; margin: 0 0 10px; color: #374151; }
.hs-box table { border-collapse: collapse; width: 100%; font-size: 12px; }
.hs-box th, .hs-box td { border-bottom: 1px solid #f0f1f4; padding: 6px 6px; text-align: left; vertical-align: top; }
.hs-box th { color: #6b7280; font-weight: 600; font-size: 12px; }
.hs-box td.r, .hs-box th.r { text-align: right; } .hs-box .neg { color: #b91c1c; } .hs-box .muji { color: #9ca3af; }