/* Графики зарплат (design Г4): the heat map of months */
.sch-bar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.sch-seg { display: inline-flex; border: 1px solid var(--border); border-radius: 9px; overflow: hidden; background: var(--surface); }
.sch-seg button { border: 0; background: none; font: inherit; font-size: 13px; font-weight: 600; padding: 6px 12px; color: var(--muted); border-right: 1px solid var(--border); cursor: pointer; }
.sch-seg button:last-child { border-right: 0; } .sch-seg button.on { background: #eef3ff; color: var(--primary); font-weight: 700; }
.sch-bar select { width: auto; }
.sch-lock { font-size: 12px; color: var(--muted); }
.sch-card { padding: 16px 18px; margin-bottom: 14px; min-width: 0; }
.sch-card h2 { margin: 0 0 3px; font-size: 15px; } .sch-sub { margin: 0 0 10px; color: var(--muted); font-size: 12.5px; }
.sch-wrap { overflow-x: auto; }
.sch-t { border-collapse: separate; border-spacing: 2px; width: 100%; font-variant-numeric: tabular-nums; }
.sch-t th { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--muted); text-align: center; padding: 6px 2px; white-space: nowrap; }
.sch-t th.left, .sch-t td.left { text-align: left; position: sticky; left: 0; background: var(--surface); z-index: 1; padding-right: 12px; }
.sch-t th.right, .sch-t td.right { text-align: right; padding-left: 10px; white-space: nowrap; }
.sch-row { cursor: pointer; } .sch-row:hover td.left { color: var(--primary); }
.sch-who { display: inline-flex; align-items: center; gap: 9px; font-weight: 600; font-size: 13.5px; white-space: nowrap; }
.sch-c { min-width: 46px; height: 32px; text-align: center; font-size: 12px; border-radius: 6px; color: #1f2433; padding: 0 2px; }
.sch-c.lt { color: #fff; } .sch-c.none { color: #9aa3b5; }
.sch-up, .sch-dn, .sch-eq { font-weight: 700; font-size: 12.5px; padding: 2px 8px; border-radius: 99px; white-space: nowrap; } .sch-up { background: #e3f6ea; color: #1b7f43; } .sch-dn { background: #fde8e8; color: #c2373f; } .sch-eq { background: var(--surface-2); color: var(--muted); }
.sch-note { margin: 8px 0 0; font-size: 12px; color: var(--muted); }
.sch-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; } .sch-head .avatar { flex: none; } .sch-head h2 { margin: 0; font-size: 20px; } .sch-head p { margin: 0; color: var(--muted); font-size: 13px; } .sch-head .spacer { flex: 1; } .sch-head > select { width: auto; max-width: 240px; }
.sch-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(62px, 1fr)); gap: 3px; }
.sch-strip .sch-c { height: auto; padding: 7px 2px; line-height: 1.3; } .sch-strip b { display: block; font-size: 13px; }
svg.sch-svg { display: block; width: 100%; height: auto; } svg.sch-svg text { font: 12px system-ui, -apple-system, "Segoe UI", sans-serif; fill: var(--muted); } svg.sch-svg text.dk { fill: var(--text); font-weight: 700; }