/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Вкладка проекта «Git» (screens/project-git.js). Файл подключён в index.html после project.css; значения — только из tokens.css. */

.pg { display: grid; gap: var(--tile-gap); min-width: 0; max-width: var(--layout-narrow); }
.pg-body { display: grid; gap: var(--tile-gap); min-width: 0; }
.pg-status:empty, .pg-stale:empty { display: none; }
.pg-stale .notice > .btn { margin-left: auto; }

.pg-tile { display: grid; gap: var(--space-4); }
.pg-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-3) var(--space-4); min-width: 0; }
.pg-head__t { display: grid; gap: var(--space-1); min-width: 0; }
.pg-btns { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }

.pg-cap { color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); overflow-wrap: anywhere; }
.pg-addr { overflow-wrap: anywhere; min-width: 0; }
a.pg-addr { justify-self: start; }

/* Не подключён */
.pg-state { display: flex; align-items: flex-start; gap: var(--space-2); }
.pg-state .ic { flex: none; width: 1.125rem; height: 1.125rem; margin-top: .15rem; color: var(--color-warn-text); }
.pg-steps { display: grid; gap: var(--space-2); margin: 0; padding-left: var(--space-6); color: var(--color-ink); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.pg-steps li { overflow-wrap: anywhere; padding-left: var(--space-1); }

/* Репозиторий */
.pg-kv { display: grid; gap: var(--space-3) var(--space-6); grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); margin: 0; min-width: 0; }
.pg-kv > div { display: grid; gap: var(--space-1); justify-items: start; min-width: 0; }
.pg-kv dd { margin: 0; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.pg-kv .ui-chip { max-width: 100%; white-space: normal; overflow-wrap: anywhere; padding-block: var(--space-1); }
.pg-files summary { cursor: pointer; min-height: var(--size-touch-min); display: flex; align-items: center; color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.pg-flist { display: grid; gap: var(--space-1); margin: 0; padding: 0; list-style: none; }
.pg-flist li { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-3); min-width: 0; }
.pg-fpath { overflow-wrap: anywhere; min-width: 0; }

/* Версии и ветки */
.pg-list { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.pg-c__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4); padding: var(--space-3) var(--space-4); }
.pg-c__m { display: grid; gap: var(--space-1); min-width: 0; flex: 1 1 14rem; }
.pg-c__t { overflow-wrap: anywhere; }
.pg-c__side { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }
.pg-hash { font-size: var(--text-caption-size); }
.pg-none { padding: var(--space-4); color: var(--color-ink2); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }

/* Ответ действия */
.pg-result { display: flex; align-items: flex-start; gap: var(--space-2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); overflow-wrap: anywhere; }
.pg-result .ic { flex: none; width: 1rem; height: 1rem; margin-top: .1rem; }
.pg-result--ok { color: var(--color-ink2); }
.pg-result--ok .ic { color: var(--color-ok-text); }
.pg-result--danger { color: var(--color-danger-text); }

@media (max-width: 40rem) {
  .pg-btns, .pg-btns .btn { width: 100%; }
  .pg-c__in { padding: var(--space-3); }
  .pg-c__side { width: 100%; }
}