/* Алиасы-фоллбэки: при недоступности suite-theme.css локальные значения остаются рабочими.
   При загруженной теме Suite переменные --ge-color-* уже определены там — эти объявления
   не перебивают их (каскад: suite-theme.css подключён до style.css). */
:root{
  --ge-color-primary:var(--ge-color-primary, #4f46e5);
  --ge-color-bg:var(--ge-color-bg, #f7f7fb);
  --ge-color-card:var(--ge-color-card, #fff);
  --ge-color-surface:var(--ge-color-surface, #fff);
  --ge-color-text:var(--ge-color-text, #1f2430);
  --ge-color-muted:var(--ge-color-muted, #6b7280);
  --ge-color-text-mute:var(--ge-color-text-mute, #6b7280);
  --ge-color-border:var(--ge-color-border, #e5e7eb);
  --ge-color-ok:var(--ge-color-ok, #16a34a);
  --ge-color-warn:var(--ge-color-warn, #d97706);
}
*{box-sizing:border-box}
body{margin:0;font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif;color:var(--ge-color-text);background:var(--ge-color-bg)}
/* Хедер: suite-waffle — крайняя слева (канон), затем бренд и хлебные крошки */
.topbar{display:flex;align-items:center;gap:14px;padding:10px 18px;background:var(--ge-color-surface,#fff);border-bottom:1px solid var(--ge-color-border);position:sticky;top:0;z-index:5}
.suite-waffle{flex:0 0 auto}
.brand{font-weight:700;display:flex;align-items:center;gap:8px}
.tile{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--ge-color-primary);color:#fff;font-weight:700}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.who{color:var(--ge-color-muted);font-size:13px}
.crumbs a{color:var(--ge-color-primary);text-decoration:none}
.crumbs span.sep{color:var(--ge-color-muted);margin:0 6px}
.app{max-width:1100px;margin:22px auto;padding:0 18px 72px}
/* .foot убран: футер обслуживается suite-footer.js (семейный канон, position:fixed bottom) */
.loading,.empty{color:var(--ge-color-muted);padding:30px 0}
.card{background:var(--ge-color-card);border:1px solid var(--ge-color-border);border-radius:12px;padding:16px;margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.proj{cursor:pointer;transition:.12s}
.proj:hover{border-color:var(--ge-color-primary);box-shadow:0 2px 10px rgba(79,70,229,.12)}
.proj h3{margin:0 0 4px;font-size:15px}
.zone{margin:18px 0}
.zone h2{font-size:15px;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#eef;color:var(--ge-color-primary)}
.badge.WIP{background:#fef3c7;color:#92400e}.badge.Shared{background:#dbeafe;color:#1e40af}
.badge.Published{background:#dcfce7;color:#166534}.badge.Archived{background:#e5e7eb;color:#374151}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--ge-color-border);font-size:13px}
/* Sticky-заголовки таблиц (семейный канон; suite-table.js добавляет расширенные возможности) */
thead th{position:sticky;top:56px;z-index:2;background:var(--ge-color-surface,#fff)}
th{color:var(--ge-color-muted);font-weight:600}
.btn{display:inline-block;padding:5px 11px;border:1px solid var(--ge-color-border);border-radius:8px;background:#fff;color:var(--ge-color-text);cursor:pointer;font-size:13px;text-decoration:none}
.btn:hover{border-color:var(--ge-color-primary);color:var(--ge-color-primary)}
.btn.primary{background:var(--ge-color-primary);color:#fff;border-color:var(--ge-color-primary)}
.tabs{display:flex;gap:6px;margin:0 0 14px}
.tabs .btn.active{background:var(--ge-color-primary);color:#fff;border-color:var(--ge-color-primary)}
.notice{padding:14px 16px;border-radius:10px;background:#fff8e6;border:1px solid #f6d98a;color:#92400e}
.err{padding:12px 14px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;margin:10px 0}
code{background:#f1f1f5;padding:1px 5px;border-radius:5px}