.branch-targets-page { max-width: 1600px; margin: 0 auto; }
.branch-targets-page__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:18px; }
.branch-targets-page__heading h1 { margin:0 0 6px; }
.branch-targets-page__heading p { margin:0; color:#5f776e; }
.branch-targets-year-nav { display:inline-flex; gap:3px; padding:4px; border:1px solid #d5e3dc; border-radius:9px; background:#f4f9f6; }
.branch-targets-year-nav a,.branch-targets-year-nav span { min-width:52px; padding:8px 10px; border-radius:6px; text-align:center; text-decoration:none; color:#176044; font-weight:700; }
.branch-targets-year-nav a:hover,.branch-targets-year-nav a:focus-visible { background:#e0f1e8; }
.branch-targets-year-nav span { background:#087b4c; color:#fff; }
.branch-targets-panel { overflow:hidden; border:1px solid #d5e3dc; border-radius:10px; background:#fff; box-shadow:0 5px 18px rgba(16,58,43,.06); }
.branch-targets-panel__toolbar { display:flex; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid #dce9e2; background:#f7fbf9; }
.branch-targets-panel__toolbar strong { color:#123d2f; }
.branch-targets-panel__toolbar span { color:#668178; font-size:.9rem; }
.branch-targets-table-wrap { overflow-x:auto; }
.branch-targets-table { width:100%; min-width:1120px; border-collapse:separate; border-spacing:0; color:#123d2f; }
.branch-targets-table th,.branch-targets-table td { border-bottom:1px solid #e2ece7; }
.branch-targets-table thead th { padding:12px 9px; background:#e7f3ed; color:#176044; font-size:.78rem; letter-spacing:.05em; text-align:right; text-transform:uppercase; }
.branch-targets-table thead th:first-child { position:sticky; left:0; z-index:2; text-align:left; }
.branch-targets-table tbody th { position:sticky; left:0; z-index:1; min-width:190px; padding:12px 16px; background:#fff; text-align:left; font-size:.9rem; }
.branch-targets-table tbody tr:nth-child(even) th { background:#f8fbf9; }
.branch-targets-table tbody td { min-width:74px; padding:7px 6px; text-align:right; }
.branch-targets-table__cell { display:block; min-height:48px; padding:7px 5px; border:1px solid transparent; border-radius:7px; background:#fbfdfc; color:#31594b; cursor:pointer; text-align:right; }
.branch-targets-table__cell:hover,.branch-targets-table__cell:focus-visible { border-color:#65a98b; background:#eaf7f0; outline:none; }
.branch-targets-table__cell.is-current { border-color:#a9d6bf; background:#f0faf4; font-weight:700; }
.branch-targets-table__sales,.branch-targets-table__units { display:block; font-variant-numeric:tabular-nums; }
.branch-targets-table__sales { color:#123d2f; }
.branch-targets-table__units { margin-top:3px; color:#668178; font-size:.78rem; }
.branch-targets-empty { padding:34px!important; color:#668178; text-align:center!important; }
#branch_target_dialog { width:min(440px,calc(100vw - 32px)); padding:0; border:1px solid #cfe1d8; border-radius:12px; box-shadow:0 18px 60px rgba(10,46,33,.24); color:#123d2f; }
#branch_target_dialog::backdrop { background:rgba(8,39,28,.42); }
.branch-target-dialog__header { display:flex; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid #dce9e2; background:#f5faf7; }
.branch-target-dialog__header h2 { margin:0; font-size:1.15rem; }
.branch-target-dialog__body { padding:20px; }
.branch-target-dialog__body p { color:#668178; line-height:1.5; }
.branch-target-dialog__form { display:grid; gap:14px; }
.branch-target-dialog__form label { display:grid; gap:6px; color:#31594b; font-weight:700; }
.branch-target-dialog__actions { display:flex; justify-content:flex-end; gap:8px; margin:18px -20px -20px; padding:14px 20px; border-top:1px solid #dce9e2; background:#f8fbf9; }
@media (max-width:760px) { .branch-targets-page__heading { align-items:flex-start; flex-direction:column; } .branch-targets-panel__toolbar { flex-direction:column; } }
