/* ==========================================================================
   LuxDesign B2B — Project Boards (My Account)
   Neutral furniture aesthetic · gold #b8860b · dark #1a1a1a · 12px cards
   ========================================================================== */

.luxb2b-proj-head h2 { margin: 0 0 4px; }
.luxb2b-proj-head p { color: #7a7a7a; margin: 0 0 20px; }
.luxb2b-proj-empty { color: #9a9a9a; font-style: italic; padding: 12px 0; }

/* ---- Project cards grid ---- */
.luxb2b-proj-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin-bottom: 32px; }
.luxb2b-proj-card {
  display: flex; flex-direction: column; gap: 6px;
  border: 1px solid #e6e2da; border-radius: 12px; padding: 18px 20px;
  background: #fff; text-decoration: none; color: #1a1a1a;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
.luxb2b-proj-card:hover { border-color: #b8860b; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.luxb2b-proj-card__name { font-weight: 700; font-size: 1.08rem; }
.luxb2b-proj-card__meta { font-size: .82rem; color: #8a8a8a; }
.luxb2b-proj-card__stats { display: flex; justify-content: space-between; align-items: baseline; margin-top: 8px; padding-top: 10px; border-top: 1px solid #efece5; }
.luxb2b-proj-card__stats > span:first-child { font-size: .82rem; color: #7a7a7a; }
.luxb2b-proj-card__trade { font-weight: 700; color: #b8860b; }
.luxb2b-proj-card__rrp { font-size: .76rem; color: #9a9a9a; }
.luxb2b-proj-card__rrp .amount { text-decoration: line-through; }

/* ---- Forms (create / add / details) ---- */
.luxb2b-proj-create, .luxb2b-proj-add { margin: 8px 0 30px; border-top: 1px solid #efece5; padding-top: 22px; }
.luxb2b-proj-form .luxb2b-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 18px; margin-bottom: 16px; }
.luxb2b-proj-form label { display: flex; flex-direction: column; gap: 5px; font-size: .84rem; font-weight: 600; color: #444; }
.luxb2b-proj-form .luxb2b-block { grid-column: 1 / -1; }
.luxb2b-proj-form input, .luxb2b-proj-form select, .luxb2b-proj-form textarea {
  padding: 10px 12px; border: 1px solid #d8d3c9; border-radius: 8px; font-size: .95rem;
  background: #fff; color: #1a1a1a; width: 100%; font-weight: 400;
}
.luxb2b-proj-form input:focus, .luxb2b-proj-form select:focus, .luxb2b-proj-form textarea:focus {
  outline: none; border-color: #b8860b; box-shadow: 0 0 0 2px rgba(184,134,11,.15);
}

/* ---- Single project ---- */
.luxb2b-proj-back a { color: #7a7a7a; text-decoration: none; font-size: .88rem; }
.luxb2b-proj-back a:hover { color: #b8860b; }
.luxb2b-proj-title { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.luxb2b-proj-title h2 { margin: 0; }
.luxb2b-proj-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.luxb2b-btn {
  display: inline-block; padding: 10px 18px; border-radius: 8px; font-weight: 600; font-size: .9rem;
  text-decoration: none; cursor: pointer; border: 1px solid #1a1a1a; background: #fff; color: #1a1a1a;
}
.luxb2b-btn:hover { background: #1a1a1a; color: #fff; }
.luxb2b-btn--gold { background: #b8860b; border-color: #b8860b; color: #fff; }
.luxb2b-btn--gold:hover { background: #9c710a; border-color: #9c710a; color: #fff; }

/* ---- Item tables ---- */
.luxb2b-proj-room { font-size: .82rem; text-transform: uppercase; letter-spacing: .06em; color: #b8860b; margin: 22px 0 8px; }
.luxb2b-proj-table { width: 100%; border-collapse: collapse; margin-bottom: 6px; display: table; }
.luxb2b-proj-table th { text-align: left; font-size: .68rem; text-transform: uppercase; letter-spacing: .04em; color: #9a9a9a; border-bottom: 1px solid #e6e2da; padding: 6px 8px; }
.luxb2b-proj-table td { padding: 10px 8px; border-bottom: 1px solid #efece5; vertical-align: middle; font-size: .9rem; }
.luxb2b-proj-thumb img { width: 52px; height: 52px; object-fit: cover; border-radius: 8px; border: 1px solid #eee; display: block; }
.luxb2b-proj-sku { color: #9a9a9a; font-size: .74rem; }
.luxb2b-proj-table input[type="text"], .luxb2b-proj-table input[type="number"] {
  padding: 7px 8px; border: 1px solid #d8d3c9; border-radius: 6px; font-size: .86rem; width: 100%; background: #fff;
}
.luxb2b-proj-qty { max-width: 68px; }
.luxb2b-proj-rm { text-align: center; }

/* ---- Details / delete ---- */
.luxb2b-proj-details { margin-top: 28px; border-top: 1px solid #efece5; padding-top: 16px; }
.luxb2b-proj-details summary { cursor: pointer; font-weight: 700; color: #1a1a1a; margin-bottom: 16px; }
.luxb2b-proj-delete { margin-top: 12px; }
.luxb2b-proj-delete-btn { background: none; border: 0; color: #a12a1e; font-size: .84rem; cursor: pointer; text-decoration: underline; padding: 0; }
.luxb2b-proj-delete-btn:hover { color: #7a1c13; }

@media (max-width: 640px) {
  .luxb2b-proj-form .luxb2b-grid { grid-template-columns: 1fr; }
  .luxb2b-proj-table, .luxb2b-proj-table thead, .luxb2b-proj-table tbody, .luxb2b-proj-table tr, .luxb2b-proj-table td { display: block; }
  .luxb2b-proj-table thead { display: none; }
  .luxb2b-proj-table td { border: 0; padding: 4px 8px; }
  .luxb2b-proj-table tr { border: 1px solid #efece5; border-radius: 10px; margin-bottom: 12px; padding: 8px; }
}