/* KONSALTOFF CRM v97.5 · Финансы → «Аналитика продаж» */
.sa-page{display:flex;flex-direction:column;gap:14px}
.sa-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:10px 12px}
.sa-seg{display:inline-flex;border:1px solid #cfdcec;border-radius:8px;overflow:hidden}
.sa-seg button{border:0;background:#fff;color:#36526d;padding:7px 14px;font-weight:600;font-size:13px;cursor:pointer}
.sa-seg button+button{border-left:1px solid #cfdcec}
.sa-seg button:hover{background:#f1f6fc}
.sa-seg button.active{background:#0b63ce;color:#fff}
.sa-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sa-nav b{min-width:150px;text-align:center;font-size:15px;color:#12304f}
.sa-nav input[type=date]{height:34px;border:1px solid #cfdcec;border-radius:8px;padding:0 8px;color:#36526d;background:#fff}
.sa-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sa-right select{height:34px;min-width:200px;border:1px solid #cfdcec;border-radius:8px;padding:0 8px;background:#fff}
.sa-who{font-weight:700;color:#12304f;background:#eef4fc;border-radius:999px;padding:6px 12px}
.sa-cards,.sa-buckets{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.sa-buckets{padding:0 12px 12px}
.sa-card{background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.sa-card span{font-size:12px;color:#6b7f96}
.sa-card b{font-size:22px;color:#12304f;line-height:1.15;overflow-wrap:anywhere}
.sa-card small{font-size:12px;color:#6b7f96;line-height:1.4}
.sa-card.good b{color:#1b7f47}
.sa-card.bonus b{color:#7a4cc2}
.sa-card.debt b{color:#c23a3a}
.sa-card.amber b{color:#b97a08}
.sa-card.muted b{color:#8a9bb0;font-size:18px}
.sa-delta{font-style:normal;font-weight:700;margin-right:4px;color:#6b7f96}
.sa-delta.up{color:#1b7f47}
.sa-delta.down{color:#c23a3a}
.sa-bar{display:block;height:6px;border-radius:999px;background:#e8eef6;margin-top:6px;overflow:hidden}
.sa-bar i{display:block;height:100%;background:#e0a31c;border-radius:999px}
.sa-bar i.ok{background:#0b63ce}
.sa-bar i.done{background:#1f9d55}
.sa-block{background:#fff;border:1px solid #dfe7f0;border-radius:10px;overflow:hidden}
.sa-block-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;flex-wrap:wrap}
.sa-block-head h3{margin:0;font-size:15px;color:#12304f}
.sa-block-head small{color:#6b7f96;font-size:12px}
.sa-table-wrap{overflow-x:auto}
.sa-table{width:100%;border-collapse:collapse;font-size:13px}
.sa-table th{background:#f3f7fc;color:#4a6079;font-weight:600;text-align:left;padding:8px 12px;white-space:nowrap;border-top:1px solid #e3ebf4;border-bottom:1px solid #e3ebf4}
.sa-table td{padding:8px 12px;border-bottom:1px solid #edf2f8;color:#1d3550;white-space:nowrap}
.sa-table td:first-child{white-space:normal}
.sa-table tbody tr[data-sa-open],.sa-table tbody tr[data-sa-client]{cursor:pointer}
.sa-table tbody tr[data-sa-open]:hover,.sa-table tbody tr[data-sa-client]:hover{background:#f3f8ff}
.sa-table tfoot td{font-weight:700;background:#f8fafd;border-top:2px solid #dfe7f0}
.sa-red{color:#c23a3a!important;font-weight:700}
.sa-amber{color:#b97a08!important;font-weight:700}
.sa-empty{text-align:center;color:#8a9bb0;padding:18px!important}
.sa-note{font-size:12px;color:#6b7f96;background:#f6f9fd;border:1px solid #e3ebf4;border-radius:8px;padding:8px 12px}
.sa-block>.sa-note{margin:0 12px 12px}
.sa-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;height:150px;padding:6px 14px 12px}
.sa-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px;min-width:0}
.sa-col i{display:block;width:100%;max-width:46px;background:#bcd3ee;border-radius:5px 5px 0 0}
.sa-col.current i{background:#0b63ce}
.sa-col span{font-size:11px;color:#6b7f96}
.sa-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 14px;margin:10px 0 14px}
.sa-plan-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#4a6079}
.sa-plan-grid input{height:34px;border:1px solid #cfdcec;border-radius:8px;padding:0 8px}