/* ==========================================================================
   Manage Users page (CompanyUserManagement.aspx) — page-specific overrides
   layered on top of grid.css.
   ----------------------------------------------------------------------------
   Scoped via `body.page-company-users`. Shared chrome (card, filters, search,
   grid, pager, primary CTA pill) comes from grid.css via the additional
   `body.page-grid` class.

   Grid columns are user-configurable via GridCustomColumns (tblGridColumn), so
   per-column nth-child width locks are unreliable — the CTA label is the only
   page-specific override required.
   ========================================================================== */

/* CTA label — the shared grid.css rule styles the teal pill AND hides the
   inner <img>; this `::before` renders the label text so the icon-only
   ASP.NET LinkButton (lbNew, ToolTip="Add New User") shows readable text. */
body.page-company-users a[id$='_lbNew']::before {
    content: 'New User';
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* Edit-column header blank caption — the Edit column is server-pinned as
   the last column via `AlwaysLastColumn="edit"` on GridCustomColumns (and
   `ColumnsHideAlwaysShow="^^edit^^"` prevents users hiding it), so
   `:last-child` targets it robustly even though this grid is DB-driven
   and column order is otherwise user-adjustable. */
body.page-company-users td.dxgvHeader:last-child,
body.page-company-users th.dxgvHeader:last-child,
body.page-company-users td.dxgvHeader:last-child *,
body.page-company-users th.dxgvHeader:last-child * {
    font-size: 0 !important;
    color: transparent !important;
}

/* Edit-column icon centering — unlike the other grids, the C# template
   (CompanyUserManagement.ascx.cs) sets `hlk.Width = new Unit("100%")`,
   which renders as inline `style="width:100%"` and overrides grid.css's
   canonical 20px `.jqEdit` box. Force it back to 20px and center the
   cell's content so the pencil sits mid-column. */
body.page-company-users tr.dxgvDataRow > td:last-child .jqEdit,
body.page-company-users tr.dxgvAlternateRow > td:last-child .jqEdit {
    width: 20px !important;
}
body.page-company-users tr.dxgvDataRow > td:last-child,
body.page-company-users tr.dxgvAlternateRow > td:last-child {
    text-align: center !important;
}