/* Планы закупок: плитки позиций, карточка плана, блок на главной. Основа в app.css. */

.plan-tile__link { position: relative; z-index: 1; }
.plan-tile .tile__top .tag { white-space: normal; text-align: right; }

.plans-locked { display: grid; gap: 14px; justify-items: start; }
.plans-locked__numbers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; max-width: 520px; }

.plan-section + .plan-section { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.plan-section h3 { margin-bottom: 10px; }
.plan-table td:first-child { min-width: 220px; }
.plan-table .plan-row--mine td:first-child { box-shadow: inset 3px 0 0 var(--brand); padding-left: 10px; }
.plan-table tr:target td { background: var(--warn-soft); }
.plan-table__name { font-weight: 700; overflow-wrap: anywhere; }
.plan-table__code { font-size: 12px; color: var(--text-3); font-weight: 600; }

.plans-teaser { display: grid; gap: 16px; align-items: center; }
@media (min-width: 900px) { .plans-teaser { grid-template-columns: minmax(0, 1fr) auto; } }
.plans-teaser .stats { margin-top: 0; max-width: none; }
.plans-teaser__lede { color: var(--text-2); margin: 6px 0 14px; max-width: 46em; }
.plans-teaser .chips { flex-wrap: wrap; overflow: visible; margin-top: 12px; }
.plans-teaser .chip { background: var(--surface-soft); }
.plans-teaser .chip:hover { background: var(--surface-hover); }