:root{
  --bk-table-border:#e2e8f0;
  --bk-table-border-strong:#cbd5e1;
  --bk-table-head-bg:#0f766e;
  --bk-table-head-fg:#ffffff;
  --bk-table-row-hover:#f8fafc;
}

.bk-table-wrap{
  width:100%;
  overflow-x:auto;
}

.bk-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:auto;
  font-size:13px;
  line-height:1.45;
  min-width:100%;
  border:1px solid var(--bk-table-border);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

.bk-table thead th{
  background:var(--bk-table-head-bg);
  color:var(--bk-table-head-fg);
  text-align:left;
  font-weight:700;
  padding:10px 12px;
  vertical-align:middle;
  border-right:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid color-mix(in srgb, var(--bk-table-head-bg) 72%, black);
  white-space:nowrap;
}

.bk-table thead th:last-child{border-right:none;}

.bk-table tbody td{
  padding:9px 12px;
  vertical-align:middle;
  border-right:1px solid var(--bk-table-border);
  border-bottom:1px solid var(--bk-table-border);
  background:#fff;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
}

.bk-table tbody td:last-child{border-right:none;}
.bk-table tbody tr:last-child td{border-bottom:none;}
.bk-table tbody tr:hover td{background:var(--bk-table-row-hover);}

.bk-table__mono,
.bk-table__code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:12px;
  letter-spacing:.1px;
}

.bk-table__col-actions,
.bk-table__col-status{
  text-align:center;
}

.bk-table__action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
}

.bk-table__note{
  margin-top:14px;
  padding:14px 16px;
  background:#f8fafc;
  border:1px dashed var(--bk-table-border-strong);
  border-radius:12px;
  line-height:1.6;
}

.bk-table td,
.bk-table th{
  hyphens:none;
}

.bk-table .is-nowrap{
  white-space:nowrap !important;
}