.shared-table-wrapper{

  width:
    100%;

  overflow-x:
    auto;

  border:
    1px solid #e5e7eb;

  border-radius:
    10px;

  background:
    #ffffff;

}


.shared-table{

  width:
    100%;

  border-collapse:
    collapse;

}


.shared-table-empty{

  padding:
    32px 20px;

  border:
    1px solid #e5e7eb;

  border-radius:
    10px;

  background:
    #ffffff;

  color:
    #6b7280;

  text-align:
    center;

}


.shared-table th{

  white-space:
    nowrap;

}


.shared-table td{

  color:
    #374151;

}


.shared-table-number{

  width:
    56px;

  text-align:
    center;

}


.shared-table-center{

  text-align:
    center;

}


.shared-table-nowrap{

  white-space:
    nowrap;

}


.shared-primary-secondary{

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}


.shared-primary-text{

  color:
    #111827;

  font-weight:
    700;

  line-height:
    1.35;

}


.shared-secondary-text{

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    4px;

  color:
    #6b7280;

  font-size:
    12px;

  line-height:
    1.35;

}


.shared-secondary-label{

  color:
    #9ca3af;

}


.shared-key-value-list{

  display:
    grid;

  gap:
    4px;

}


.shared-key-value-row{

  display:
    flex;

  align-items:
    baseline;

  gap:
    5px;

  white-space:
    nowrap;

}


.shared-key-value-label{

  color:
    #9ca3af;

  font-size:
    11px;

}


.shared-key-value-value{

  color:
    #374151;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    monospace;

  font-size:
    12px;

}


.shared-status-badge{

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  min-width:
    72px;

  padding:
    4px 10px;

  border-radius:
    999px;

  font-size:
    12px;

  font-weight:
    700;

  text-transform:
    uppercase;

}


.shared-status-active,
.shared-status-success,
.shared-status-approved,
.shared-status-paid{

  background:
    #dcfce7;

  color:
    #166534;

}


.shared-status-resigned,
.shared-status-danger,
.shared-status-rejected,
.shared-status-void{

  background:
    #fee2e2;

  color:
    #991b1b;

}


.shared-status-pending,
.shared-status-draft,
.shared-status-warning{

  background:
    #fef3c7;

  color:
    #92400e;

}


.shared-status-neutral,
.shared-status-inactive,
.shared-status-false{

  background:
    #f3f4f6;

  color:
    #4b5563;

}