.doc-table-container {
  background: #FFFBF4;
  padding: 0;
  border-radius: 9px;
  border-collapse: collapse;
  width: 100%;
  height: 900px;
  gap: none;  /* container only */
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  flex-direction: column;
}

.doc-table {
  display: table;
  width: 105%;
  border-collapse: collapse;
  flex: 1;
}

.doc-table-header {
    background: #D9A128;
    color: #ffffff;
    font-weight: bold;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.doc-table-header > div {
   display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  margin: 0;
  padding: 7px 9px;
}

.doc-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    align-items: center;
    padding: 7px 9px;
}


.doc-row:hover {
    background: #fffdf9;
}

.doc-row > div {
   font-size: 12px;
    margin-left: 8px;
}

/* Status Pill Styling */
.status-pill {
    padding: 1px 11px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: bold;
    color: white;
    text-align: center;
    display: inline-block;
    min-width: 40px;
}

.status-signed { background-color: #000; color: #fff; }
.status-pending { background-color: #D9A128; color: #fff; }
.status-cancelled { background-color: #dc3545; }

/* Action Icons */
.doc-action-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #555;
    padding: 5px;
    transition: color 0.2s;
}

.doc-action-btn:hover {
    color: #D9A128;
}