/* projects.css — сторінка «Проєкти та розрахунки» (/proekty/) + кнопка «Зберегти розрахунок».
   Токени --sh-* (перемикаються у theme.css). */
.pj-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; margin: 22px 0; }
.pj-card {
  position: relative; border: 1px solid var(--sh-border); border-radius: 14px; background: var(--sh-surface);
  padding: 18px 20px; display: flex; flex-direction: column; gap: 12px;
}
.pj-del {
  position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border-radius: 50%;
  border: 1px solid var(--sh-border); background: var(--sh-surface-2); color: var(--sh-gray);
  font-size: 18px; line-height: 1; cursor: pointer; display: grid; place-items: center;
}
.pj-del:hover { color: #EF4444; border-color: #EF4444; }
.pj-head { display: flex; flex-direction: column; gap: 3px; padding-right: 30px; }
.pj-title { font-family: 'Unbounded', sans-serif; font-size: 15px; font-weight: 600; color: var(--sh-gray-900); line-height: 1.3; }
.pj-date { font-size: 12px; color: var(--sh-gray); }
.pj-lines { list-style: none; margin: 0; padding: 12px 0; border-top: 1px solid var(--sh-border); border-bottom: 1px solid var(--sh-border); display: flex; flex-direction: column; gap: 6px; }
.pj-lines li { font-size: 13px; color: var(--sh-gray-dark); line-height: 1.45; }
.pj-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.pj-total { font-family: 'Unbounded', sans-serif; font-size: 16px; font-weight: 700; color: var(--sh-gray-900); }
.pj-total-lbl { font-family: 'Geologica', sans-serif; font-size: 12px; font-weight: 500; color: var(--sh-gray); }
.pj-open { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--sh-blue); text-decoration: none; }
.pj-open:hover { text-decoration: underline; }
.pj-open svg { width: 14px; height: 14px; }
.pj-actions { margin: 8px 0 0; }
.pj-clear { background: none; border: 1px solid var(--sh-border); border-radius: 9px; padding: 10px 18px; font-family: 'Geologica', sans-serif; font-size: 13px; color: var(--sh-gray-dark); cursor: pointer; }
.pj-clear:hover { border-color: #EF4444; color: #EF4444; }
.pj-empty { text-align: center; padding: 48px 20px; background: var(--sh-surface-2); border: 1px dashed var(--sh-border); border-radius: 16px; }
.pj-empty svg { opacity: .7; }
.pj-empty-title { font-family: 'Unbounded', sans-serif; font-size: 17px; font-weight: 600; color: var(--sh-gray-900); margin: 12px 0 6px; }
.pj-empty-hint { font-size: 14px; color: var(--sh-gray); max-width: 480px; margin: 0 auto 18px; line-height: 1.55; }
.pj-empty-btn { display: inline-block; background: var(--sh-blue); color: #fff; border-radius: 9px; padding: 12px 24px; font-family: 'Unbounded', sans-serif; font-size: 13px; font-weight: 600; text-decoration: none; }
.pj-empty-btn:hover { background: var(--sh-blue-light); }
/* Кнопка «Зберегти розрахунок» у калькуляторі — стан збереження */
[data-project-save].is-saved { color: #1B7A3D !important; border-color: #1B7A3D !important; }