/* Stengazeta - the wall-newspaper skin (D9), master tokens only.
   The sk-tabs rules are ported from the flat console (runbook F-05). */

.stg { display: flex; flex-direction: column; height: 100%; gap: 10px; }

.stg-masthead { display: flex; align-items: baseline; gap: 12px; padding: 8px 12px;
  border: 1px solid #4c453d; background: var(--card); }
.stg-star { color: var(--red); font-size: 18px; }
.stg-title { font-weight: 800; letter-spacing: .14em; font-size: 18px; }
.stg-issue { margin-left: auto; color: var(--muted); font-family: var(--mono); font-size: 11px; }

.sk-tabs { display: flex; gap: 6px; }
.sk-tab { border: 1px solid #4c453d; background: var(--card-2); color: var(--ink);
  padding: 6px 14px; font-weight: 800; font-size: 11px; letter-spacing: .06em;
  text-transform: uppercase; cursor: pointer; }
.sk-tab:hover { border-color: var(--red); }

.stg-stage { flex: 1; overflow: auto; }

.stg-bar { display: flex; gap: 8px; margin-bottom: 10px; }
.stg-bar input { flex: 1; background: var(--field-fill); color: var(--ink);
  border: 1px solid #332e28; padding: 6px 8px; }

.stg-wall { position: relative; min-height: 260px; border: 1px solid #332e28;
  background: var(--bg-2); overflow: hidden; }
.stg-empty { padding: 24px; color: var(--muted); }

.stg-pin { position: absolute; max-width: 220px; background: var(--card);
  border: 1px solid #4c453d; padding: 14px 10px 10px; box-shadow: 4px 4px 0 rgba(0,0,0,.35); }
.stg-pin.dragging { opacity: .85; }
.stg-pushpin { position: absolute; top: 2px; left: 50%; width: 8px; height: 8px;
  background: var(--red); border-radius: 50%; }
.stg-pin-body { font-size: 13px; }
.stg-left-tag { margin-top: 6px; font-size: 10px; color: var(--muted); font-family: var(--mono); }
.stg-agent-mark { position: absolute; top: 2px; right: 4px; color: var(--muted); font-size: 11px; }
.stg-stamp { margin-top: 6px; display: inline-block; border: 2px solid var(--red);
  color: var(--red); font-weight: 800; font-size: 10px; letter-spacing: .12em;
  padding: 1px 6px; transform: rotate(-4deg); }

.stg-tray-head { margin-top: 10px; font-size: 10px; font-weight: 800;
  letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.stg-tray { display: flex; gap: 10px; flex-wrap: wrap; padding: 10px;
  border: 1px dashed #4c453d; background: var(--bg); min-height: 40px; }
.stg-tray .stg-pin { position: static; }
.stg-adopt { margin-top: 6px; border-color: var(--red); }

.stg-gantt { background: var(--bg-2); border: 1px solid #332e28; }
.stg-grid { stroke: #332e28; stroke-width: 1; }
.stg-label { fill: var(--ink); font-size: 11px; font-family: var(--mono); }
.stg-bar-rail { fill: var(--red-tint); stroke: var(--red-dark); }
.stg-bar-done { fill: var(--red); }
.stg-vypolneno { fill: var(--gold); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.stg-agent { fill: var(--muted); font-size: 11px; }

.stg-team { border: 1px solid #332e28; background: var(--card); padding: 10px; margin-bottom: 10px; }
.stg-team.current { border-color: var(--red); }
.stg-team-head { display: flex; gap: 10px; align-items: center; font-weight: 800; margin-bottom: 8px; }
.stg-member { margin: 4px 0; font-family: var(--mono); font-size: 12px; }
.stg-perm { font-size: 10px; padding: 2px 8px; margin-left: 4px; opacity: .55; }
.stg-perm.on { opacity: 1; border-color: var(--red); }