/* --- LAYOUT --------------------------------------------------- */

#welcomePage {
  padding: 20px;
  font-family: system-ui, sans-serif;
}

.welcome-header h2 {
  font-size: 2rem;
  margin-bottom: 0;
}

.welcome-subtext {
  margin-top: 8px;
  color: #444;
}

/* --- PROJECT TABLE ------------------------------------------- */

.project-table-container {
  margin-top: 30px;
  padding: 20px;
  border: 2px solid #0074D9;
  background: white;
  border-radius: 12px;
}

.project-status {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  display: inline-block;
}

/* STATUS COLORS */
.project-status.CREATED           { background:#eee;         color:#555; }
.project-status.ACCEPTED         { background:#d0f5d0;      color:#006400; }
.project-status.RECEIVED         { background:#ffe7c2;      color:#a05c00; }
.project-status.SENT_FOR_UPDATE  { background:#d5e0ff;      color:#001b75; }

/* --- ROLE-DEPENDENT BUTTONS ---------------------------------- */

.action-btn {
  padding: 6px 12px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 0.8rem;
}

.btn-view       { background: #f0f0f0; font-size: large}
.btn-edit       { background: #0074D9; font-size: large; color: white; }
.btn-calc       { background: #2ECC40; font-size: large; color: white; }
.btn-admin      { background: #FF4136; font-size: large; color: white; }

.action-btn     { background: var(--primary-color); font-size: large; color: var(--primary-color-text); padding: 6px; margin-right: 5px; border: 1px solid var(--primary-color-text);}


.article-status-div {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

/* --- QUICK ACTIONS ------------------------------------------- */

.quick-actions {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.quick-actions button {
  margin-right: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  border: none;
  background: #0074D9;
  color: white;
  cursor: pointer;
}