.uc-amelia-wrapper { width: 100%; overflow-x: auto; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial; }
.uc-amelia-table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 15px; min-width: 700px; }
.uc-amelia-table th, .uc-amelia-table td { border: 1px solid #e6e6e6; padding: 12px 10px; text-align: left; vertical-align: middle; }
.uc-amelia-table thead th { background: #0a7bbc; color: #fff; font-weight: 600; }
.uc-amelia-table tbody tr:nth-child(even) { background: #fafafa; }
.uc-btn { border: none; border-radius: 6px; padding: 8px 12px; cursor: pointer; font-size: 14px; margin-right:6px; }
.uc-done { background: #28a745; color: #fff; }
.uc-reject { background: #dc3545; color: #fff; }
.uc-btn:focus { outline: 2px solid rgba(0,0,0,0.08); }
.uc-badge { display: inline-block; padding: 6px 10px; border-radius: 999px; font-weight:600; font-size:13px; color:#fff; }
.uc-status-pending { background:#f0ad4e; color:#fff; }
.uc-status-approved { background:#0275d8; color:#fff; }
.uc-status-done { background:#28a745; color:#fff; }
.uc-status-rejected { background:#d9534f; color:#fff; }
.uc-status-cancelled { background:#6c757d; color:#fff; }

/* Responsive: tablet */
@media screen and (max-width: 1024px) {
  .uc-amelia-table { font-size: 14px; min-width: 0; }
  .uc-amelia-table th, .uc-amelia-table td { padding: 10px 8px; }
}

/* Mobile: convert table to cards */
@media screen and (max-width: 768px) {
  .uc-amelia-table { border: none; display: block; }
  .uc-amelia-table thead { display: none; }
  .uc-amelia-table tbody, .uc-amelia-table tr { display: block; width: 100%; margin-bottom: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); border-radius: 8px; border: 1px solid #e6e6e6; padding: 10px; background:#fff; }
  .uc-amelia-table td { display: block; text-align: left; padding: 8px 6px; border:none; position: relative; }
  .uc-amelia-table td:before { content: attr(data-label); font-weight:600; display:block; margin-bottom:6px; color:#333; }
  .uc-actions { margin-top:6px; }
}

/* Small phones */
@media screen and (max-width: 480px) {
  .uc-btn { display:block; width:100%; margin-bottom:8px; }
  .uc-badge { font-size:12px; padding:6px 8px; }
}