/* Shared data-table presentation. Calendar / scheduling grids retain their spatial structure. */
@media screen {
  :is(#app, body) .el-table {
    --el-table-header-bg-color: var(--bg-card, var(--el-bg-color));
    --el-table-tr-bg-color: var(--bg-card, var(--el-bg-color));
    --el-table-bg-color: var(--bg-card, var(--el-bg-color));
    --el-table-row-hover-bg-color: var(--bg-hover, var(--el-fill-color-light));
    --el-table-border-color: var(--border-light, var(--el-border-color-lighter));
    --el-table-header-text-color: var(--text-regular, var(--el-text-color-regular));
    font-size: 15px;
    border: 0 !important;
  }
  :is(#app, body) .el-table .el-table__cell {
    padding: 14px 0;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--border-light, var(--el-border-color-lighter)) !important;
  }
  :is(#app, body) .el-table th.el-table__cell {
    padding: 12px 0;
    background: var(--bg-card, var(--el-bg-color)) !important;
    color: var(--text-regular, var(--el-text-color-regular));
    font-size: 14px;
    font-weight: 500;
  }
  :is(#app, body) .el-table .el-table__body tr > td.el-table__cell {
    background: var(--bg-card, var(--el-bg-color)) !important;
  }
  :is(#app, body) .el-table .el-table__body tr:is(:hover, .hover-row, .current-row) > td.el-table__cell {
    background: var(--bg-hover, var(--el-fill-color-light)) !important;
  }
  :is(#app, body) .el-table .el-table__cell .cell {
    padding-left: 16px;
    padding-right: 16px;
    line-height: 22px;
  }
  :is(#app, body) .el-table .el-table__footer-wrapper .el-table__cell {
    background: var(--bg-subtle, var(--el-fill-color-light));
    font-weight: 500;
  }
  :is(#app, body) .el-table--border::before,
  :is(#app, body) .el-table--border::after,
  :is(#app, body) .el-table .el-table__inner-wrapper::before,
  :is(#app, body) .el-table .el-table__border-left-patch { display: none !important; }
  /* Data returned by the assistant uses a native table rather than Element Plus. */
  :is(#app, body) table.statistics { border-collapse: collapse; font-size: 15px; }
  :is(#app, body) table.statistics :is(th, td) {
    padding: 14px 16px;
    border: 0;
    border-bottom: 1px solid var(--border-light, var(--el-border-color-lighter));
    background: var(--bg-card, var(--el-bg-color));
  }
  :is(#app, body) table.statistics th { padding-block: 12px; font-weight: 500; font-size: 14px; color: var(--text-regular); }
  :is(#app, body) table.statistics tbody tr:hover td { background: var(--bg-hover); }
}
/* Read-only key/value tables in detail drawers follow the same separator language. */
@media screen {
  :is(#app, body) .el-descriptions__table .el-descriptions__cell {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--border-light, var(--el-border-color-lighter)) !important;
    background: var(--bg-card, var(--el-bg-color)) !important;
    padding: 12px 16px;
  }
  :is(#app, body) .el-descriptions__table .el-descriptions__label {
    color: var(--text-regular, var(--el-text-color-regular));
    font-weight: 500;
  }
}
/* Table actions share one type scale and neutral palette; disabled actions remain distinguishable. */
@media screen {
  :is(#app, body) .el-table :is(.el-button, .el-link) {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  :is(#app, body) .el-table :is(.el-button.is-link, .el-button.is-text, .el-link) {
    color: var(--text-regular, var(--el-text-color-regular)) !important;
    line-height: 22px;
    vertical-align: middle;
  }
  :is(#app, body) .el-table .el-button.is-link {
    height: auto;
    min-height: 24px;
    padding: 0 4px;
  }
  :is(#app, body) .el-table :is(.el-button.is-link, .el-button.is-text, .el-link):is(:hover, :focus-visible):not(.is-disabled) {
    color: var(--el-color-primary) !important;
  }
  :is(#app, body) .el-table :is(.el-button.is-link, .el-button.is-text, .el-link).is-disabled {
    color: var(--text-placeholder, var(--el-text-color-disabled)) !important;
  }
}

/* Overview date and metric selectors share the same readable dimensions. */
@media screen {
  .wb-page :is(.metrics-controls, .trend-controls) .el-radio-button__inner {
    box-sizing: border-box;
    height: 30px !important;
    padding: 5px 10px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    border-width: 1px;
  }
}