/* Weekly Accomplishment module styles */

.file-upload-area {
  border: 2px dashed var(--border);
  border-radius: var(--radius);
  padding: 24px;
  text-align: center;
  cursor: pointer;
  transition: border-color .2s;
}
.file-upload-area:hover {
  border-color: var(--primary);
}
.file-upload-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: var(--text-light);
  font-size: 14px;
}

.submission-card {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.submission-card .submission-info {
  font-size: 13px;
  color: var(--text-light);
}
.submission-card .submission-file {
  font-weight: 600;
  color: var(--text);
  font-size: 14px;
}

.status-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.status-pending { background: #FEF3C7; color: #92400E; }
.status-approved { background: #D1FAE5; color: #065F46; }
.status-resubmit { background: #FEE2E2; color: #991B1B; }
.status-disapproved { background: #F3F4F6; color: #6B7280; text-decoration: line-through; }

.alert-banner {
  padding: 14px 18px;
  border-radius: var(--radius);
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 500;
}
.alert-resubmit {
  background: #FEF3C7;
  border: 1px solid #F59E0B;
  color: #92400E;
}
.alert-disapproved {
  background: #FEE2E2;
  border: 1px solid #EF4444;
  color: #991B1B;
}

.decision-select {
  padding: 6px 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  font-size: 13px;
  background: #fff;
  cursor: pointer;
}
.decision-select:focus {
  outline: none;
  border-color: var(--primary);
}