/* ==========================================================================
   admin-list.css — Q88 Admin sidebar pure-grid pages re-skin
   ----------------------------------------------------------------------------
   Scoped to body.page-admin-list (added by Default.master.cs when ActiveTab.TabName
   matches one of the four target pages AND PortalId == 1 / Q88 only).

   Target pages (all use <uc:ModuleTemplate> legacy chrome, NOT ModuleTemplateV2 —
   so the shared body.page-grid skin in /styles/grid.css doesn't apply):
     • Roles               (admin/Roles.ascx)            — asp:DataList    + .StdTable
     • Login Concurrency   (admin/UsersLoggedInList.ascx)— dxx:ASPxGridView
     • Question Stats      (admin/IDXIndexer.ascx)       — asp:Repeater    + .StdTable
                                                           (header row: tr.ColHeader)
     • Question List       (admin/QuestionListing.ascx)  — asp:DataGrid    + .StdTable BorderAll
                                                           (header tr.ColHeader, alt tr.Alt,
                                                            pager tr.Header)

   Rendered DOM (same as admin-utility):
       <table.modContainer{Std,Large}>
         <tbody><tr><td>
           <div.modInnerContainer>
             <div.modTitle>
               <div.modTLeft>Title</div>
               <div.modTRight> Add New … LinkButton </div>
             </div>
             <div.modMain>
               <table.StdTable …>  OR  ASPxGridView markup
             </div>

   Source of truth: DESIGN.md
     §1   tokens (--surface-raised, --border-default, --text-primary, …)
     §5   Data grid pattern (header 48h, row 36h, Inter 14/20, slate borders)
     §6.1 .q88-card primitive — 1px slate-200 border, 8px radius, no shadow,
          24×28 inner padding, 24×48 outer margin.
     §15.14 Universal card-shadow drop + brand teal unification.

   Excludes:
     • Stats (admin/stats.ascx)              — multi-section (filter + 9 mini-grids);
                                                needs bespoke treatment
     • Notifications (DesktopModules/Q88/    — email-composer form (UltimateEditor +
        Notification.ascx)                     attachment), not a grid
   ========================================================================== */

/* ==========================================================================
   1. ContentPane chain release
   ----------------------------------------------------------------------------
   DNN wraps every module in a <table.ContentPane> chain that shrink-wraps to
   its widest child and centers via margin:0 auto. .modContainer* doesn't
   carry the .q88-card class, so components.css's `:has(.q88-card)` release
   doesn't fire — replicate it here so the 24×48 card margins work.
   ========================================================================== */
body.page-admin-list .q88-content .ContentPane,
body.page-admin-list .q88-content .ContentPaneBody,
body.page-admin-list .ContentPane .MainTableContent > td,
body.page-admin-list .ContentPane > tbody > tr > td.ContentPaneBody {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
body.page-admin-list .ContentPane,
body.page-admin-list .ContentPaneBody,
body.page-admin-list .MainTableContent {
    background: transparent !important;
    background-color: transparent !important;
}

/* ==========================================================================
   2. Outer card chrome — .modContainer{Std,Large} → .q88-card per §6.1
   ----------------------------------------------------------------------------
   MainWhiteout legacy paints .modContainerStd/Large with a navy chrome table
   layout. Override every legacy declaration so the wrapper behaves as a
   normal block card.
   ========================================================================== */
body.page-admin-list table.modContainerStd,
body.page-admin-list table.modContainerLarge,
body.page-admin-list table.modContainer {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    background: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    border: 1px solid var(--border-default, var(--input, #e2e8f0)) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    margin: 24px 48px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--foreground, var(--text-primary, #0f172a)) !important;
    text-align: left !important;
}

/* Inner <tbody>/<tr>/<td> chain from ModuleTemplate — release to anonymous
   blocks so .modInnerContainer carries the padding directly. */
body.page-admin-list table.modContainerStd > tbody,
body.page-admin-list table.modContainerLarge > tbody,
body.page-admin-list table.modContainer > tbody,
body.page-admin-list table.modContainerStd > tbody > tr,
body.page-admin-list table.modContainerLarge > tbody > tr,
body.page-admin-list table.modContainer > tbody > tr,
body.page-admin-list table.modContainerStd > tbody > tr > td,
body.page-admin-list table.modContainerLarge > tbody > tr > td,
body.page-admin-list table.modContainer > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Inner container — provides §6.1 card padding (24 top/bottom, 28 L/R). */
body.page-admin-list .modInnerContainer {
    padding: 24px 28px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ==========================================================================
   3. Title bar — flex row, 18/28 semibold slate-900, slate-200 underline
   ========================================================================== */
body.page-admin-list .modTitle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-default, #e2e8f0) !important;
    border-radius: 0 !important;
    padding: 0 0 16px 0 !important;
    margin: 0 0 16px 0 !important;
    height: auto !important;
    min-height: 36px !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
body.page-admin-list .modTLeft {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    color: var(--text-primary, var(--foreground, #0f172a)) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}
body.page-admin-list .modTRight {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
body.page-admin-list .modTRight:empty {
    display: none !important;
}

/* ==========================================================================
   4. Main body — flat, transparent (table chrome below carries the grid look)
   ========================================================================== */
body.page-admin-list .modMain {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--text-primary, var(--foreground, #0f172a)) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: left !important;
    overflow-x: auto !important;
}

/* ==========================================================================
   5. .StdTable → DESIGN.md §5 data grid
   ----------------------------------------------------------------------------
   Targets the legacy <table class="StdTable">. Renders as a grid with:
     • Header row  (tr.ColHeader)             — 48h, slate-50 bg, slate-700 semibold
     • Data row    (tr default)               — 36h, Inter 14/20, slate-900
     • Alt row     (tr.Alt)                   — slate-50/50 bg
     • Pager row   (tr.Header inside DataGrid)— compact, slate-50 bg, slate-700
   ========================================================================== */
body.page-admin-list table.StdTable {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: var(--surface-raised, #ffffff) !important;
    border: 1px solid var(--border-default, #e2e8f0) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    color: var(--text-primary, #0f172a) !important;
    table-layout: auto !important;
}

/* 5a. Header row (tr.ColHeader) — present on Question List + Question Stats. */
body.page-admin-list table.StdTable > tbody > tr.ColHeader,
body.page-admin-list table.StdTable > tbody > tr.ColHeader > td,
body.page-admin-list table.StdTable > tbody > tr.ColHeader > th {
    background: var(--surface-muted, #f8fafc) !important;
    background-color: var(--surface-muted, #f8fafc) !important;
    color: var(--text-muted, #475569) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    text-shadow: none !important;
    height: 48px !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-default, #e2e8f0) !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
}
body.page-admin-list table.StdTable > tbody > tr.ColHeader > td[align="right"] {
    text-align: right !important;
}
body.page-admin-list table.StdTable > tbody > tr.ColHeader a {
    color: inherit !important;
    text-decoration: none !important;
}

/* 5b. Data rows — anything in StdTable that isn't ColHeader / Alt / Header. */
body.page-admin-list table.StdTable > tbody > tr,
body.page-admin-list table.StdTable > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-subtle, #f1f5f9) !important;
    color: var(--text-primary, #0f172a) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
    text-shadow: none !important;
}
body.page-admin-list table.StdTable > tbody > tr > td {
    padding: 10px 16px !important;
    height: 36px !important;
    background: transparent !important;
}
body.page-admin-list table.StdTable > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}
body.page-admin-list table.StdTable > tbody > tr:hover > td {
    background-color: var(--surface-hover, rgba(var(--primary-tint), 0.04)) !important;
}

/* 5c. Alt rows (DataGrid AlternatingItemStyle-CssClass="Alt"). asp:DataList
   renders single-cell rows as <tr><td.Alt>… (Alt class on the TD, not the
   TR) — Modules.ascx is the canonical case — so we need to match BOTH:
     tr.Alt > td        (DataGrid / Repeater pattern: class on TR)
     tr > td.Alt        (DataList   pattern: class on TD itself) */
body.page-admin-list table.StdTable > tbody > tr.Alt > td,
body.page-admin-list table.StdTable > tbody > tr > td.Alt {
    background-color: var(--surface-muted-subtle, #fafbfc) !important;
}
body.page-admin-list table.StdTable > tbody > tr.Alt:hover > td,
body.page-admin-list table.StdTable > tbody > tr:hover > td.Alt {
    background-color: var(--surface-hover, rgba(var(--primary-tint), 0.04)) !important;
}

/* 5d. Header rule overrides for Alt + hover (header always wins). */
body.page-admin-list table.StdTable > tbody > tr.ColHeader:hover > td,
body.page-admin-list table.StdTable > tbody > tr.ColHeader:hover > th {
    background-color: var(--surface-muted, #f8fafc) !important;
}

/* 5e. Pager row (DataGrid PagerStyle-CssClass="Header" at top of grid). */
body.page-admin-list table.StdTable > tbody > tr.Header,
body.page-admin-list table.StdTable > tbody > tr.Header > td,
body.page-admin-list table.StdTable > tbody > tr.Header > th {
    background: var(--surface-muted, #f8fafc) !important;
    color: var(--text-muted, #475569) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    height: 40px !important;
    padding: 8px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-default, #e2e8f0) !important;
    text-align: left !important;
}
body.page-admin-list table.StdTable > tbody > tr.Header a {
    color: var(--primary, #0d9488) !important;
    text-decoration: none !important;
    padding: 0 6px !important;
    font-weight: 600 !important;
}
body.page-admin-list table.StdTable > tbody > tr.Header a:hover {
    color: var(--button-primary-hover, #0f766e) !important;
    text-decoration: underline !important;
}
body.page-admin-list table.StdTable > tbody > tr.Header span {
    /* Selected page indicator. */
    color: var(--text-primary, #0f172a) !important;
    font-weight: 700 !important;
    padding: 0 6px !important;
}

/* ==========================================================================
   6. Cell content — links, labels, value spans
   ========================================================================== */
body.page-admin-list table.StdTable > tbody > tr > td a:not(.LinkButton):not(.CommandButton) {
    color: var(--primary, #0d9488) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
body.page-admin-list table.StdTable > tbody > tr > td a:not(.LinkButton):not(.CommandButton):hover {
    color: var(--button-primary-hover, #0f766e) !important;
    text-decoration: underline !important;
}
body.page-admin-list table.StdTable .Normal,
body.page-admin-list table.StdTable .Label {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    color: var(--text-primary, #0f172a) !important;
}

/* 6a. CommandButton (Roles row label is wrapped in <asp:LinkButton CssClass="CommandButton">).
       Style as a primary text link (not a pill). */
body.page-admin-list table.StdTable .CommandButton,
body.page-admin-list table.StdTable a.CommandButton {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--text-primary, #0f172a) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    cursor: pointer !important;
    display: inline !important;
}
body.page-admin-list table.StdTable .CommandButton:hover {
    color: var(--primary, #0d9488) !important;
    text-decoration: underline !important;
}

/* 6b. Inline row icons (Roles edit + delete ImageButtons). Roles renders
       <asp:ImageButton CssClass="Img-Std Img-Std-EditV2"> (paints from sprite
       in components.css) + <asp:ImageButton ImageUrl="/images/delete.gif">. */
body.page-admin-list table.StdTable .Img-Std-EditV2,
body.page-admin-list table.StdTable input[type="image"] {
    opacity: 0.7 !important;
    transition: opacity 0.12s ease !important;
    vertical-align: middle !important;
}
body.page-admin-list table.StdTable > tbody > tr:hover .Img-Std-EditV2,
body.page-admin-list table.StdTable > tbody > tr:hover input[type="image"] {
    opacity: 1 !important;
}

/* ==========================================================================
   7. ASPxGridView (DevExpress) — Login Concurrency
   ----------------------------------------------------------------------------
   ASPxGridView is the legacy DevExpress server-side grid; its rendered markup
   is .dxgvControl + nested .dxgvHeader / .dxgvDataRow / .dxgvPagerBottomPanel.
   /styles/Q88Whiteout.css (legacy) paints navy headers; override per DESIGN.md §5.
   ========================================================================== */
body.page-admin-list .dxgvControl,
body.page-admin-list .dxgvControl_Version3,
body.page-admin-list .dxgvControl_DevEx,
body.page-admin-list .dxgvControl_DevExSharp {
    border: 1px solid var(--border-default, #e2e8f0) !important;
    border-radius: 8px !important;
    background: var(--surface-raised, #ffffff) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--text-primary, #0f172a) !important;
    width: 100% !important;
}

/* Header band */
body.page-admin-list .dxgvHeader,
body.page-admin-list td.dxgvHeader,
body.page-admin-list .dxgvHeader_Version3,
body.page-admin-list .dxgvHeader_DevEx,
body.page-admin-list .dxgvHeader_DevExSharp {
    background: var(--surface-muted, #f8fafc) !important;
    background-image: none !important;
    color: var(--text-muted, #475569) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    text-shadow: none !important;
    height: 48px !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-default, #e2e8f0) !important;
    vertical-align: middle !important;
    text-align: left !important;
}

/* Data row */
body.page-admin-list .dxgvDataRow,
body.page-admin-list .dxgvDataRow_Version3,
body.page-admin-list .dxgvDataRow_DevEx,
body.page-admin-list .dxgvDataRow_DevExSharp {
    background: transparent !important;
}
body.page-admin-list .dxgvDataRow > td,
body.page-admin-list .dxgvDataRow_Version3 > td,
body.page-admin-list .dxgvDataRow_DevEx > td,
body.page-admin-list .dxgvDataRow_DevExSharp > td {
    background: transparent !important;
    color: var(--text-primary, #0f172a) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    height: 36px !important;
    padding: 10px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-subtle, #f1f5f9) !important;
    vertical-align: middle !important;
}

/* Alternating row */
body.page-admin-list .dxgvDataRowAlt,
body.page-admin-list .dxgvDataRowAlt_Version3,
body.page-admin-list .dxgvDataRowAlt_DevEx,
body.page-admin-list .dxgvDataRowAlt_DevExSharp,
body.page-admin-list .dxgvDataRowAlt > td,
body.page-admin-list .dxgvDataRowAlt_Version3 > td,
body.page-admin-list .dxgvDataRowAlt_DevEx > td,
body.page-admin-list .dxgvDataRowAlt_DevExSharp > td {
    background-color: var(--surface-muted-subtle, #fafbfc) !important;
}

/* Hover */
body.page-admin-list .dxgvDataRow:hover > td,
body.page-admin-list .dxgvDataRow_Version3:hover > td,
body.page-admin-list .dxgvDataRow_DevEx:hover > td,
body.page-admin-list .dxgvDataRowAlt:hover > td,
body.page-admin-list .dxgvDataRowAlt_Version3:hover > td,
body.page-admin-list .dxgvDataRowAlt_DevEx:hover > td {
    background-color: var(--surface-hover, rgba(var(--primary-tint), 0.04)) !important;
}

/* Pager band */
body.page-admin-list .dxgvPagerBottomPanel,
body.page-admin-list .dxgvPagerTopPanel,
body.page-admin-list td.dxgvPagerBottomPanel,
body.page-admin-list td.dxgvPagerTopPanel {
    background: var(--surface-muted, #f8fafc) !important;
    background-image: none !important;
    color: var(--text-muted, #475569) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 20px !important;
    border: 0 !important;
    border-top: 1px solid var(--border-default, #e2e8f0) !important;
    padding: 10px 16px !important;
    height: 48px !important;
    vertical-align: middle !important;
}
body.page-admin-list .dxp-button,
body.page-admin-list .dxp-num {
    color: var(--primary, #0d9488) !important;
    background: transparent !important;
    border: 0 !important;
    padding: 4px 8px !important;
    font-weight: 600 !important;
}
body.page-admin-list .dxp-current {
    color: var(--text-primary, #0f172a) !important;
    background: var(--surface-raised, #ffffff) !important;
    border: 1px solid var(--border-default, #e2e8f0) !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   8. TitleRight CTA anchors — teal pill (§15.14 brand unification)
   ----------------------------------------------------------------------------
   Roles renders <asp:LinkButton ID="AddRoleBtn"><uc:ImageManager …/></asp:LinkButton>
   with NO CssClass — so the rendered <a> has no class at all. Question List
   uses the same pattern (lnkAddNew). Question Stats has "Rebuild Question
   Stats" — same pattern. All three render as bare <a> with no LinkButton
   class. Target any anchor in .modTRight as the primary action button.
   ========================================================================== */
body.page-admin-list .modTRight a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 36px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background-color: var(--button-primary-bg, var(--brand-primary, #0d9488)) !important;
    color: var(--button-primary-text, var(--text-on-brand, #ffffff)) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    margin: 0 !important;
    text-shadow: none !important;
}
body.page-admin-list .modTRight a:hover,
body.page-admin-list .modTRight a:focus {
    background-color: var(--button-primary-hover, #0f766e) !important;
    color: var(--button-primary-text, var(--text-on-brand, #ffffff)) !important;
    text-decoration: none !important;
}
/* Hide ASP's <ins>&nbsp;</ins> flex-item spacer + the inline Add sprite
   inside the pill (label-only treatment). */
body.page-admin-list .modTRight a > ins {
    display: none !important;
}
body.page-admin-list .modTRight a img,
body.page-admin-list .modTRight a input[type="image"] {
    display: none !important;
}

/* ==========================================================================
   8b. Footer2 Add button (Messages = Message Templates)
   ----------------------------------------------------------------------------
   Most page-admin-list pages put the primary action button in .modTRight (top
   of the card). Messages.ascx puts it in the Footer2 slot instead:
       <Footer2>
         <asp:LinkButton CssClass="LinkButton" runat=server …>
           <uc:ImageManager ImageIcon="Add" LabelText="Add New" />
         </asp:LinkButton>
       </Footer2>
   ModuleTemplate.ascx renders that slot as <asp:Panel CssClass="modFooter2">
   so .modFooter2 a is the LinkButton's anchor. Style it identically to
   .modTRight a — same 36h teal pill, 24×0 top margin to detach from grid.
   ========================================================================== */
body.page-admin-list .modFooter2 {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 16px 0 0 0 !important;
    text-align: left !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
body.page-admin-list .modFooter2:empty {
    display: none !important;
}
body.page-admin-list .modFooter2 a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 36px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background-color: var(--button-primary-bg, var(--brand-primary, #0d9488)) !important;
    color: var(--button-primary-text, var(--text-on-brand, #ffffff)) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    margin: 0 !important;
    text-shadow: none !important;
}
body.page-admin-list .modFooter2 a:hover,
body.page-admin-list .modFooter2 a:focus {
    background-color: var(--button-primary-hover, #0f766e) !important;
    color: var(--button-primary-text, var(--text-on-brand, #ffffff)) !important;
    text-decoration: none !important;
}
/* Same <ins>&nbsp;</ins> spacer + legacy Add sprite suppression as .modTRight. */
body.page-admin-list .modFooter2 a > ins {
    display: none !important;
}
body.page-admin-list .modFooter2 a img,
body.page-admin-list .modFooter2 a input[type="image"] {
    display: none !important;
}

/* ==========================================================================
   9. .StdTable + .BorderAll (Question List, Question Stats subordinate header)
   ----------------------------------------------------------------------------
   .BorderAll is a legacy modifier that paints inner cell borders. We've already
   set a unified border below the row (see §5b) — kill legacy inner borders so
   the rows read clean.
   ========================================================================== */
body.page-admin-list table.StdTable.BorderAll > tbody > tr > td,
body.page-admin-list table.StdTable.BorderAll > tbody > tr > th {
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
}