/* ==========================================================================
   AWCompany ApS — Mit Byggeprojekt (mine-projekter.html + calculator save
   widgets). Premium homeowner-portal feel, not an admin/ERP look (spec
   #2 §79) — reuses the site's own tokens, no new design system.
   ========================================================================== */

.mp-project-grid{
  display:grid; grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
  gap: 1px; background: var(--c-line); border: 1px solid var(--c-line);
}
.mp-card{
  background: var(--c-surface); padding: var(--sp-4);
  display:flex; flex-direction:column; gap: 0.6rem;
}
.mp-card__head{ display:flex; justify-content:space-between; align-items:baseline; gap:0.75rem; }
.mp-card__title{ font-size: 1.15rem; }
.mp-card__type{
  font-size: var(--fs-label); letter-spacing:0.08em; text-transform:uppercase;
  color: var(--c-ink-faint); white-space:nowrap;
}
.mp-card__estimate{ font-family:var(--f-display); font-weight:700; font-size:1.3rem; color:var(--c-ink); margin:0; }
.mp-card__meta{ font-size: var(--fs-small); color: var(--c-ink-faint); margin:0; }
.mp-card__actions{ display:flex; flex-wrap:wrap; gap:0.6rem; margin-top:0.5rem; }
.mp-card__actions .btn{ font-size: 0.78rem; padding: 0.75em 1.4em; }

.mp-status-pill{
  align-self:flex-start;
  display:inline-block; padding:0.3em 0.85em; border-radius: var(--radius-pill);
  font-size: 0.72rem; font-weight:600; letter-spacing:0.03em; text-transform:uppercase;
  background: var(--c-bg-alt); color: var(--c-ink-soft);
}
.mp-status-draft{ background:#eee; color:#666; }
.mp-status-calculated, .mp-status-saved{ background:#e6eefc; color:#1e4c8a; }
.mp-status-ready_for_review, .mp-status-submitted, .mp-status-in_review{ background:#fff4de; color:#8a6416; }
.mp-status-quote_prepared, .mp-status-quote_sent{ background:#fdeee0; color:#9c5a1f; }
.mp-status-accepted{ background:#e5f3ea; color:#1e6b3c; }
.mp-status-rejected{ background:#fbeaea; color:#8a2e2e; }
.mp-status-archived{ background:#eee; color:#888; }

/* -------------------------------------------------------------------------
   mit-projekt.html — project detail page (historik / dokumenter / notes)
   ------------------------------------------------------------------------- */
.mp-empty-note{ color: var(--c-ink-faint); font-size: var(--fs-small); }

.mp-versions-list{ display:flex; flex-direction:column; border:1px solid var(--c-line); }
.mp-version-row{
  display:flex; justify-content:space-between; align-items:center; gap:1rem;
  padding: 0.85rem 1rem; border-bottom:1px solid var(--c-line);
}
.mp-version-row:last-child{ border-bottom:none; }
.mp-version-row__main{ display:flex; flex-direction:column; gap:0.15rem; }
.mp-version-row__date{ font-size: var(--fs-small); color: var(--c-ink-faint); }
.mp-version-row__price{ display:flex; align-items:baseline; gap:0.6rem; font-family:var(--f-display); font-weight:600; }
.mp-version-row__delta{ font-size: var(--fs-small); font-family:var(--f-body); font-weight:500; }
.mp-version-row__delta.is-up{ color:#8a2e2e; }
.mp-version-row__delta.is-down{ color:#1e6b3c; }

.mp-upload-row{ display:flex; flex-wrap:wrap; align-items:center; gap:0.85rem; }

.mp-attachments-list{ display:flex; flex-direction:column; border:1px solid var(--c-line); }
.mp-attachment-row{
  display:flex; justify-content:space-between; align-items:center; gap:1rem;
  padding: 0.85rem 1rem; border-bottom:1px solid var(--c-line);
}
.mp-attachment-row:last-child{ border-bottom:none; }
.mp-attachment-row__main{ display:flex; flex-direction:column; gap:0.15rem; }
.mp-attachment-row__meta{ font-size: var(--fs-small); color: var(--c-ink-faint); }

.mp-notes-list{ display:flex; flex-direction:column; gap:0.75rem; }
.mp-note-row{ padding: 0.85rem 1rem; background: var(--c-bg-alt); border-radius: var(--radius-s, 4px); }
.mp-note-row p{ margin:0 0 0.35rem; }
.mp-note-row__date{ font-size: var(--fs-small); color: var(--c-ink-faint); }

.btn--small{ font-size: 0.78rem; padding: 0.6em 1.1em; }