/* v3.60 — «Склады → По месяцам»: деньги по каждой ячейке за 12 месяцев, как в Google-таблице */
.skm-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 10px}
.skm-bar b{font-size:13px}
.skm-bar .btn{padding:4px 10px}
.skm-wrap{overflow:auto;max-height:calc(100vh - 260px);border:1px solid var(--line);border-radius:10px}
.skm{border-collapse:separate;border-spacing:0;font-size:12px;min-width:100%}
.skm th,.skm td{padding:5px 7px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);white-space:nowrap;text-align:right}
.skm thead th{position:sticky;top:0;background:var(--surface-2);z-index:2;font:600 11px var(--font-mono);color:var(--ink-soft)}
.skm tfoot td{position:sticky;bottom:0;background:var(--surface-2);font-weight:700;z-index:2}
.skm .l{text-align:left}
.skm .sticky{position:sticky;left:0;background:var(--surface);z-index:1}
.skm thead .sticky,.skm tfoot .sticky{z-index:3;background:var(--surface-2)}
.skm td.pay{background:rgba(52,168,83,.16);color:var(--ink)}
.skm td.miss{background:rgba(217,48,37,.10);color:var(--bad)}
.skm td.none{color:var(--ink-faint)}
.skm td.now{box-shadow:inset 0 0 0 2px rgba(52,168,83,.5)}
.skm tr.on td{outline:1px solid var(--accent)}
.skm tr{cursor:pointer}
.skm tr:hover td:not(.pay):not(.miss){background:var(--surface-2)}
.skm .tot{font-weight:700}
.skm-period{font-weight:700}
.skm-pick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin:-4px 0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:13px}
.skm-pick input{padding:4px 6px;border:1px solid var(--line);border-radius:6px;font:inherit;background:var(--surface);color:var(--ink)}
.skm-q{display:flex;gap:6px;flex-wrap:wrap}
.sk-layout.skm-full{grid-template-columns:1fr!important}
.sk-layout.skm-full>.sk-card{display:none!important}
.skm-full .skm-wrap{max-height:calc(100vh - 230px)}