/**
 * TimeLex — Legal Time Capture
 * Copyright (c) 2026 Kone Tshivhinda
 * 
 * ASSESSMENT PROTOTYPE - NOT FOR PRODUCTION USE
 * Developed exclusively for MB Motsoeneng Bill Attorneys Software Engineer Assessment 2026
 * 
 * ALL RIGHTS RESERVED
 * This work is protected by copyright law. Submission of this assessment does not constitute 
 * transfer of ownership. All intellectual property rights remain with the creator.
 * 
 * This code may not be used in production without express written permission.
 * For commercial licensing inquiries, contact: erictshivhinda@gmail.com
 * 
 * IMPORTANT: This assessment submission is provided under Assessment-Specific License terms
 * as documented in the complete project repository. Intentional limitations exist for 
 * assessment purposes only (not for production implementation).
 */

/* ====== LEGAL FEED TABLE - Professional Adaptation ====== */
.entries-table {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border: 1px solid var(--border2);
}

.entries-table th {
    text-align: left;
    background: #f1f5f9;
    padding: 1rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.entries-table td {
    padding: 1rem;
    border-bottom: 1px solid var(--border2);
}

/* ====== TABLE ====== */
.entries-table {
  width: 100%; border-collapse: collapse;
}
.entries-table th {
  font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.7px;
  color: var(--text-dim); padding: 8px 12px; text-align: left;
  border-bottom: 1px solid var(--border);
}
.entries-table td {
  padding: 10px 12px; font-size: 12px; color: var(--text);
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.entries-table tr:last-child td { border-bottom: none; }
.entries-table tr:hover td { background: var(--bg-card2); }

.tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
}
.tag-billable   { background: var(--green-dim);  color: var(--green);  border: 1px solid rgba(76,175,130,0.2); }
.tag-unbillable { background: var(--red-dim);    color: var(--red);    border: 1px solid rgba(224,92,92,0.2); }
.tag-approved   { background: var(--green-dim);  color: var(--green);  }
.tag-draft      { background: var(--gold-dim);   color: var(--gold);   }
.tag-auto       { background: var(--blue-dim);   color: var(--blue);   }
.tag-manual     { background: var(--border);     color: var(--text-muted); }

.mono { font-family: var(--font-mono); }

.table-footer {
  padding: 12px;
  font-size: 12px; color: var(--text-muted);
  border-top: 1px solid var(--border);
  display: flex; justify-content: flex-end;
}

.btn-icon {
  background: transparent;
  border: none;
  color: var(--text-dim);
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 14px;
  transition: all 0.15s;
}
.btn-icon:hover { color: var(--red); background: var(--red-dim); }

/* ====== FILTER ====== */
#filter-matter {
  background: transparent;
  border: 1px solid var(--border2);
  border-radius: 7px;
  color: var(--text);
  font-size: 13px;
  padding: 7px 12px;
  font-family: var(--font-sans);
  cursor: pointer;
}
#filter-matter option { background: var(--bg-card); }

/* Professional badge adaptations */
.badge-draft {
  background: var(--gold-dim);
  color: var(--gold);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}