/* ==========================================================================
   admin-qa-pages.css — Q88 Admin Q&A configuration editors re-skin (QEN-8704)
   ----------------------------------------------------------------------------
   Three sibling form/grid pages share this file with bespoke body-class scopes
   (Default.master.cs adds the class on TabName match; PortalId 0 or 1):

     A) body.page-term-settings
          admin/TermSettings.ascx
          • pnlTerm           — <uc:ModuleTemplate>      modContainerStd
                                StdTable.BorderV2Bottom (4-col label/value form)
                                Footer2: Cancel (Secondary) + Save (primary)
          • pnlTermDetails    — <uc:ModuleTemplate>      modContainerLarge
                                Repeater rendering StdTable + tr.SubHeader2 cap
                                + tr.Alt rows; Cancel + Save footer
          → hybrid form-table + Repeater grid, same pattern as admin-stats but
            with no td.Label class (labels are odd-position cells).

     B) body.page-edit-question
          admin/EditQuestion.ascx
          • pnlQuestionSettings  — <uc:ModuleTemplateV2>  .modV2 chrome
                                   bare <table> with label/value cells (no
                                   StdTable wrapper)
                                   embedded validation Repeater (CssClass=sTbl,
                                   tr.trHdr)
                                   Footer (NOT Footer2) — Cancel/Delete/Save
          • pnlCompareAnswer     — Visible=false initially (legacy gif-border)
          • pnlReplaceQuestion   — Visible=false initially (ModuleTemplateV2)

     C) body.page-questionnaire-settings
          admin/QuestionnaireSettings.ascx
          • modMain              — <uc:ModuleTemplate>    modContainerLarge
          • dgQuestionnaire      — asp:DataGrid (StdTable) — LIST view rendered
                                   eagerly with tr.Header (paging) + headers
                                   + tr.Alt rows
          • pnlQuestionnaireDetails — Visible=false initially; renders 4-col
                                   StdTable.BorderV2Bottom form (td.Label) when
                                   user clicks a row to edit
          • pnlQValidation       — Visible=false; embedded GridHeader/GridData
                                   filter form + Repeater results
          • inline <style> for .aliasNames tag chip ribbon — preserved as-is
          Footer2: Cancel (Secondary) + Deploy + Save (last-button-wins primary)

   Source of truth: DESIGN.md §1 tokens / §5 data grid / §6.1 q88-card /
     §15.14 brand teal #0d9488.

   Token gotcha: form-control surface uses
     `var(--card-raised, var(--surface-raised, #fff))` (white) — NOT
     --surface-card (slate-50 in Phase 4 theme). Same pattern across all
     admin-* skins.
   ========================================================================== */


/* ==========================================================================
   COMMON — ContentPane release (applies to all 3 pages)
   ========================================================================== */
body.page-term-settings .q88-content .ContentPane,
body.page-term-settings .q88-content .ContentPaneBody,
body.page-edit-question .q88-content .ContentPane,
body.page-edit-question .q88-content .ContentPaneBody,
body.page-questionnaire-settings .q88-content .ContentPane,
body.page-questionnaire-settings .q88-content .ContentPaneBody {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: transparent !important;
}
body.page-term-settings .ContentPane .MainTableContent > td,
body.page-edit-question .ContentPane .MainTableContent > td,
body.page-questionnaire-settings .ContentPane .MainTableContent > td,
body.page-term-settings .ContentPane > tbody > tr > td.ContentPaneBody,
body.page-edit-question .ContentPane > tbody > tr > td.ContentPaneBody,
body.page-questionnaire-settings .ContentPane > tbody > tr > td.ContentPaneBody {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}


/* ==========================================================================
   A. body.page-term-settings — Terms (Admin)
   ==========================================================================
   A.1 Module container chrome (modContainerStd + modContainerLarge → q88-card)
   ========================================================================== */
body.page-term-settings table.modContainerStd,
body.page-term-settings table.modContainerLarge {
    display: block !important;
    width: auto !important;
    max-width: none !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;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 24px 48px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
body.page-term-settings table.modContainerStd > tbody,
body.page-term-settings table.modContainerLarge > tbody,
body.page-term-settings table.modContainerStd > tbody > tr,
body.page-term-settings table.modContainerLarge > tbody > tr,
body.page-term-settings table.modContainerStd > tbody > tr > td,
body.page-term-settings table.modContainerLarge > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    vertical-align: top !important;
}
body.page-term-settings .modInnerContainer {
    padding: 24px 28px !important;
    background: transparent !important;
}
body.page-term-settings > .q88-content br {
    display: none !important;
}

/* A.2 Title bar */
body.page-term-settings .modTitle {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-subtle, #e2e8f0) !important;
    padding: 0 0 16px 0 !important;
    margin: 0 0 16px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-height: auto !important;
    height: auto !important;
    line-height: normal !important;
}
body.page-term-settings .modTLeft {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    color: var(--text-strong, #0f172a) !important;
    text-transform: none !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}
body.page-term-settings .modTRight {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}
body.page-term-settings .modTRight:empty {
    display: none !important;
}

/* A.3 Main body */
body.page-term-settings .modMain {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !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;
}

/* A.4 pnlTerm StdTable — 4-col label/value form (no td.Label class)
       Layout: <td>Label:</td><td>Value</td><td>Label:</td><td>Value</td>
       Label cells are odd-position; value cells are even-position. */
body.page-term-settings table.modContainerStd table.StdTable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    background: transparent !important;
    margin: 0 !important;
    border: 0 !important;
    table-layout: auto !important;
}
body.page-term-settings table.modContainerStd table.StdTable > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    padding: 6px 8px !important;
    vertical-align: middle !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    color: var(--text-strong, #0f172a) !important;
}
/* Odd-position cells (1st, 3rd, ...) = labels — bold; even-position = values. */
body.page-term-settings table.modContainerStd table.StdTable > tbody > tr > td:nth-child(odd) {
    font-weight: 600 !important;
    color: var(--text-strong, #0f172a) !important;
    width: 160px !important;
    white-space: nowrap !important;
    vertical-align: top !important;
    padding-top: 14px !important;
}
body.page-term-settings table.modContainerStd table.StdTable > tbody > tr > td:nth-child(odd) b {
    font-weight: 600 !important;
}

/* A.5 Form controls */
body.page-term-settings table.modContainerStd .modMain input[type="text"],
body.page-term-settings table.modContainerStd .modMain input[type="password"],
body.page-term-settings table.modContainerStd .modMain input[type="file"],
body.page-term-settings table.modContainerStd .modMain select {
    box-sizing: border-box !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
    border: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    border-radius: 6px !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #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;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
body.page-term-settings table.modContainerStd .modMain input[type="text"]:focus,
body.page-term-settings table.modContainerStd .modMain input[type="password"]:focus,
body.page-term-settings table.modContainerStd .modMain select:focus {
    border-color: var(--border-focus, #0d9488) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-tint), 0.16) !important;
}
body.page-term-settings table.modContainerStd .modMain textarea {
    box-sizing: border-box !important;
    min-height: 80px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    border-radius: 6px !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #0f172a) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    box-shadow: none !important;
    outline: none !important;
    resize: vertical !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
body.page-term-settings table.modContainerStd .modMain textarea:focus {
    border-color: var(--border-focus, #0d9488) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-tint), 0.16) !important;
}

/* A.6 pnlTermDetails Repeater grid — StdTable inside modContainerLarge */
body.page-term-settings table.modContainerLarge 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;
}
/* SubHeader2 row = column header. */
body.page-term-settings table.modContainerLarge table.StdTable > tbody > tr.SubHeader2,
body.page-term-settings table.modContainerLarge table.StdTable > tbody > tr.SubHeader2 > td {
    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: 18px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    text-shadow: none !important;
    height: 40px !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-default, #e2e8f0) !important;
    text-align: left !important;
    vertical-align: middle !important;
}
/* Data rows */
body.page-term-settings table.modContainerLarge table.StdTable > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-subtle, #f1f5f9) !important;
    padding: 10px 12px !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: top !important;
}
body.page-term-settings table.modContainerLarge table.StdTable > tbody > tr.Alt > td {
    background-color: var(--surface-muted-subtle, #fafbfc) !important;
}
body.page-term-settings table.modContainerLarge table.StdTable > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}
/* Form controls inside Repeater (TextBoxes per clause row) */
body.page-term-settings table.modContainerLarge .modMain input[type="text"],
body.page-term-settings table.modContainerLarge .modMain textarea {
    box-sizing: border-box !important;
    padding: 6px 10px !important;
    border: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    border-radius: 6px !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #0f172a) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 18px !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
body.page-term-settings table.modContainerLarge .modMain input[type="text"]:focus,
body.page-term-settings table.modContainerLarge .modMain textarea:focus {
    border-color: var(--border-focus, #0d9488) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-tint), 0.16) !important;
}

/* A.7 Footer2 — last-button-wins primary (lnkSave / lnkTermSave),
       Cancel keeps Secondary ghost. */
body.page-term-settings .modFooter2 {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid var(--border-subtle, #e2e8f0) !important;
    padding: 16px 0 0 0 !important;
    margin: 24px 0 0 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}
body.page-term-settings .modFooter2:empty {
    display: none !important;
}
body.page-term-settings .modFooter2 a,
body.page-term-settings .modFooter2 .LinkButton {
    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: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #0f172a) !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;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    margin: 0 !important;
    text-shadow: none !important;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !important;
}
body.page-term-settings .modFooter2 a:hover,
body.page-term-settings .modFooter2 .LinkButton:hover {
    background-color: var(--surface-muted, var(--surface-card, #f8fafc)) !important;
    border-color: var(--border-input-hover, #94a3b8) !important;
    color: var(--text-strong, #0f172a) !important;
    text-decoration: none !important;
}
/* Last button = primary (teal pill). Cancel sits in a span#pnlCancel wrapper
   which is the only non-direct-child .modFooter2 element — last-child still
   resolves to lnkSave. */
body.page-term-settings .modFooter2 > a:last-of-type,
body.page-term-settings .modFooter2 > .LinkButton:last-of-type {
    background-color: var(--button-primary-bg, #0d9488) !important;
    color: var(--button-primary-text, #ffffff) !important;
    border-color: var(--button-primary-bg, #0d9488) !important;
}
body.page-term-settings .modFooter2 > a:last-of-type:hover,
body.page-term-settings .modFooter2 > .LinkButton:last-of-type:hover {
    background-color: var(--button-primary-bg-hover, #0f766e) !important;
    border-color: var(--button-primary-bg-hover, #0f766e) !important;
    color: var(--button-primary-text, #ffffff) !important;
}
/* Cancel (.LinkButton.Secondary) — neutral ghost regardless of position. */
body.page-term-settings .modFooter2 a.LinkButton.Secondary,
body.page-term-settings .modFooter2 a.Secondary {
    background-color: transparent !important;
    color: var(--text-muted, #64748b) !important;
    border-color: var(--border-default, var(--input, #cbd5e1)) !important;
}
body.page-term-settings .modFooter2 a.LinkButton.Secondary:hover,
body.page-term-settings .modFooter2 a.Secondary:hover {
    background-color: var(--surface-muted, var(--surface-card, #f8fafc)) !important;
    color: var(--text-strong, #0f172a) !important;
    border-color: var(--border-input-hover, #94a3b8) !important;
}
/* <ins>&nbsp;</ins> spacer + legacy ImageManager sprite suppression. */
body.page-term-settings .modFooter2 a > ins,
body.page-term-settings .modFooter2 .LinkButton > ins {
    display: none !important;
}
body.page-term-settings .modFooter2 a img,
body.page-term-settings .modFooter2 .LinkButton img {
    display: none !important;
}
/* TitleRight links — small inline ghost pills. */
body.page-term-settings .modTRight a,
body.page-term-settings .modTRight .LinkButton {
    display: inline-flex !important;
    align-items: center !important;
    height: 28px !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    background-color: transparent !important;
    color: var(--button-primary-bg, #0d9488) !important;
    border: 1px solid var(--button-primary-bg, #0d9488) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    margin-left: 4px !important;
}
body.page-term-settings .modTRight a:hover,
body.page-term-settings .modTRight .LinkButton:hover {
    background-color: rgba(var(--primary-tint), 0.06) !important;
    text-decoration: none !important;
}


/* ==========================================================================
   B. body.page-edit-question — Question List (Edit)
   ==========================================================================
   B.1 Module container chrome — ModuleTemplateV2 renders:
       .modV2 (outer card)
         <table>
           tr/td > .modV2TitleContainer > .modV2Title  (TitleLeft text)
                                        + .modV2TRight (TitleRight links)
           tr/td > .modV2SubHeader                     (SubHeader slot)
           tr/td > .modV2Main                          (Main slot)
           tr/td > .modPopFooter                       (Footer slot — yes,
                                                        "modPopFooter" not
                                                        "modV2Footer")

       Width override: navigation.css L658 sets `.sidebar-nav .modV2
       { width:100% }` which would push the 48px right margin past the
       parent's right edge. Use `width: auto !important` so the box-sizing
       border-box plus margin actually constrain the card inside .q88-content.
   ========================================================================== */
body.page-edit-question .modV2 {
    display: block !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;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    text-align: left !important;
}
/* Flatten the inner DNN table chain inside .modV2 so block flow takes over. */
body.page-edit-question .modV2 > table,
body.page-edit-question .modV2 > table > tbody,
body.page-edit-question .modV2 > table > tbody > tr,
body.page-edit-question .modV2 > table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
}
body.page-edit-question > .q88-content br {
    display: none !important;
}

/* B.2 Title bar — .modV2TitleContainer > .modV2Title + .modV2TRight */
body.page-edit-question .modV2 .modV2TitleContainer {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-subtle, #e2e8f0) !important;
    padding: 24px 28px 16px 28px !important;
    margin: 0 0 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-height: auto !important;
    height: auto !important;
}
body.page-edit-question .modV2 .modV2Title {
    background: transparent !important;
    background-image: none !important;
    color: var(--text-strong, #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;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
    float: none !important;
    display: block !important;
    text-align: left !important;
}
body.page-edit-question .modV2 .modV2TRight {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
body.page-edit-question .modV2 .modV2TRight:empty {
    display: none !important;
}
/* SubHeader row (right-aligned action links — Add New, Replace Question). */
body.page-edit-question .modV2 .modV2SubHeader {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    padding: 12px 28px 0 28px !important;
    margin: 0 !important;
    text-align: right !important;
}
body.page-edit-question .modV2 .modV2SubHeader:empty {
    display: none !important;
}
body.page-edit-question .modV2 .modV2SubHeader a {
    display: inline-flex !important;
    align-items: center !important;
    height: 28px !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    background-color: transparent !important;
    color: var(--button-primary-bg, #0d9488) !important;
    border: 1px solid var(--button-primary-bg, #0d9488) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    margin-left: 4px !important;
}
body.page-edit-question .modV2 .modV2SubHeader a:hover {
    background-color: rgba(var(--primary-tint), 0.06) !important;
    text-decoration: none !important;
}

/* B.3 Main body — .modV2Main wraps a bare <table> with
       <td><b>Label:</b></td><td>Control</td> layout. */
body.page-edit-question .modV2 .modV2Main {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    padding: 16px 28px !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;
    text-align: left !important;
}
body.page-edit-question .modV2 .modV2Main > table {
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    table-layout: auto !important;
}
body.page-edit-question .modV2 .modV2Main > table > tbody > tr > td {
    padding: 6px 8px !important;
    border: 0 !important;
    background: transparent !important;
    vertical-align: middle !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;
}
body.page-edit-question .modV2 .modV2Main > table > tbody > tr > td b {
    font-weight: 600 !important;
    color: var(--text-strong, #0f172a) !important;
}

/* B.4 Form controls */
body.page-edit-question .modV2 input[type="text"],
body.page-edit-question .modV2 input[type="password"],
body.page-edit-question .modV2 select {
    box-sizing: border-box !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
    border: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    border-radius: 6px !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #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;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
body.page-edit-question .modV2 input[type="text"]:focus,
body.page-edit-question .modV2 input[type="password"]:focus,
body.page-edit-question .modV2 select:focus {
    border-color: var(--border-focus, #0d9488) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-tint), 0.16) !important;
}
body.page-edit-question .modV2 textarea {
    box-sizing: border-box !important;
    min-height: 60px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    border-radius: 6px !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #0f172a) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    box-shadow: none !important;
    outline: none !important;
    resize: vertical !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
body.page-edit-question .modV2 textarea:focus {
    border-color: var(--border-focus, #0d9488) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-tint), 0.16) !important;
}

/* B.5 Validation Repeater (table.sTbl + tr.trHdr) — Inter mini-grid. */
body.page-edit-question .modV2 table.sTbl {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid var(--border-default, #e2e8f0) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin: 16px 0 0 0 !important;
    background: var(--surface-raised, #ffffff) !important;
}
body.page-edit-question .modV2 table.sTbl tr.trHdr,
body.page-edit-question .modV2 table.sTbl tr.trHdr td {
    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: 600 !important;
    text-transform: none !important;
    height: 36px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-default, #e2e8f0) !important;
    text-align: left !important;
    vertical-align: middle !important;
}
body.page-edit-question .modV2 table.sTbl tr:not(.trHdr) td {
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-subtle, #f1f5f9) !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;
}
body.page-edit-question .modV2 table.sTbl tr:last-child td {
    border-bottom: 0 !important;
}

/* B.6 Footer — ModuleTemplateV2 wraps <Footer> slot in `.modPopFooter`
       container (legacy name, not "modV2Footer"). Cancel/Delete/Save row.
       In ascx: <Footer><div style="padding:3px;">…</div></Footer>
       The inner <div style="padding:3px;"> is collapsed via display:contents
       so the flex layout of the outer container catches the LinkButtons. */
body.page-edit-question .modV2 .modPopFooter {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid var(--border-subtle, #e2e8f0) !important;
    padding: 16px 28px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}
body.page-edit-question .modV2 .modPopFooter > div {
    display: contents !important;
}
body.page-edit-question .modV2 .modPopFooter a.LinkButton {
    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: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #0f172a) !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;
    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-edit-question .modV2 .modPopFooter a.LinkButton:hover {
    background-color: var(--surface-muted, var(--surface-card, #f8fafc)) !important;
    border-color: var(--border-input-hover, #94a3b8) !important;
}
/* Save = teal primary (per-ID override). */
body.page-edit-question .modV2 a.LinkButton[id$="_lnkSave"] {
    background-color: var(--button-primary-bg, #0d9488) !important;
    color: var(--button-primary-text, #ffffff) !important;
    border-color: var(--button-primary-bg, #0d9488) !important;
}
body.page-edit-question .modV2 a.LinkButton[id$="_lnkSave"]:hover {
    background-color: var(--button-primary-bg-hover, #0f766e) !important;
    border-color: var(--button-primary-bg-hover, #0f766e) !important;
}
/* Cancel = neutral ghost; Delete = neutral ghost (destructive intent left to UX). */
body.page-edit-question .modV2 a.LinkButton.Secondary,
body.page-edit-question .modV2 a.LinkButton[id$="_lnkCancel"] {
    background-color: transparent !important;
    color: var(--text-muted, #64748b) !important;
    border-color: var(--border-default, var(--input, #cbd5e1)) !important;
}
body.page-edit-question .modV2 a.LinkButton.Secondary:hover,
body.page-edit-question .modV2 a.LinkButton[id$="_lnkCancel"]:hover {
    background-color: var(--surface-muted, var(--surface-card, #f8fafc)) !important;
    color: var(--text-strong, #0f172a) !important;
    border-color: var(--border-input-hover, #94a3b8) !important;
}
/* <ins> + img cleanup. */
body.page-edit-question .modV2 a.LinkButton > ins {
    display: none !important;
}
body.page-edit-question .modV2 a.LinkButton img {
    display: none !important;
}


/* ==========================================================================
   C. body.page-questionnaire-settings — Questionnaires (Admin)
   ==========================================================================
   C.1 Module container chrome — modContainerLarge wraps everything
   ========================================================================== */
body.page-questionnaire-settings table.modContainerLarge {
    display: block !important;
    width: auto !important;
    max-width: none !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;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 24px 48px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
body.page-questionnaire-settings table.modContainerLarge > tbody,
body.page-questionnaire-settings table.modContainerLarge > tbody > tr,
body.page-questionnaire-settings table.modContainerLarge > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    vertical-align: top !important;
}
body.page-questionnaire-settings .modInnerContainer {
    padding: 24px 28px !important;
    background: transparent !important;
}
body.page-questionnaire-settings > .q88-content br {
    display: none !important;
}

/* C.2 Title bar */
body.page-questionnaire-settings .modTitle {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-subtle, #e2e8f0) !important;
    padding: 0 0 16px 0 !important;
    margin: 0 0 16px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-height: auto !important;
    height: auto !important;
    line-height: normal !important;
}
body.page-questionnaire-settings .modTLeft {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    color: var(--text-strong, #0f172a) !important;
    text-transform: none !important;
    text-shadow: none !important;
}
body.page-questionnaire-settings .modTRight {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}
body.page-questionnaire-settings .modTRight:empty {
    display: none !important;
}
body.page-questionnaire-settings .modTRight a,
body.page-questionnaire-settings .modTRight .LinkButton {
    display: inline-flex !important;
    align-items: center !important;
    height: 28px !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    background-color: transparent !important;
    color: var(--button-primary-bg, #0d9488) !important;
    border: 1px solid var(--button-primary-bg, #0d9488) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    margin-left: 4px !important;
}
body.page-questionnaire-settings .modTRight a:hover,
body.page-questionnaire-settings .modTRight .LinkButton:hover {
    background-color: rgba(var(--primary-tint), 0.06) !important;
    text-decoration: none !important;
}
body.page-questionnaire-settings .modTRight img {
    display: none !important;
}

/* C.3 Main body */
body.page-questionnaire-settings .modMain {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !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;
}

/* C.4 dgQuestionnaire DataGrid — top list. Renders StdTable with tr.Header
       (paging), tr.ColHeader, tr.Alt rows. */
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid var(--border-default, #e2e8f0) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: var(--surface-raised, #ffffff) !important;
    margin: 0 0 16px 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
}
/* tr.Header = top paging row (Click letter: A | B | C ...). */
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr.Header,
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr.Header > td {
    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: 18px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    height: 40px !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-default, #e2e8f0) !important;
    text-align: left !important;
    vertical-align: middle !important;
}
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr.Header a {
    color: var(--button-primary-bg, #0d9488) !important;
    text-decoration: none !important;
    margin: 0 2px !important;
}
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr.Header a:hover {
    text-decoration: underline !important;
}
/* tr.ColHeader = column header row. */
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr.ColHeader,
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr.ColHeader > td {
    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: 18px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    height: 36px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-default, #e2e8f0) !important;
    text-align: left !important;
    vertical-align: middle !important;
}
/* Data rows. */
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr > td {
    padding: 8px 12px !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;
    vertical-align: middle !important;
    height: 36px !important;
}
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr.Alt > td {
    background-color: var(--surface-muted-subtle, #fafbfc) !important;
}
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr:hover > td {
    background-color: var(--surface-hover, rgba(var(--primary-tint), 0.04)) !important;
}
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr.Header:hover > td,
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr.ColHeader:hover > td {
    background-color: var(--surface-muted, #f8fafc) !important;
}
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr > td a {
    color: var(--button-primary-bg, #0d9488) !important;
    text-decoration: none !important;
}
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr > td a:hover {
    text-decoration: underline !important;
}
body.page-questionnaire-settings table[id$="_dgQuestionnaire"] > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}

/* C.5 pnlQuestionnaireDetails — form panel (Visible=false initially).
       Uses StdTable.BorderV2Bottom with td.Label cells. */
body.page-questionnaire-settings [id$="_pnlQuestionnaireDetails"] {
    background: transparent !important;
    padding: 16px 0 0 0 !important;
    margin: 16px 0 0 0 !important;
    border-top: 1px solid var(--border-subtle, #e2e8f0) !important;
}
body.page-questionnaire-settings [id$="_pnlQuestionnaireDetails"] table.StdTable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    table-layout: auto !important;
}
body.page-questionnaire-settings [id$="_pnlQuestionnaireDetails"] table.StdTable > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    padding: 6px 8px !important;
    vertical-align: middle !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;
}
body.page-questionnaire-settings [id$="_pnlQuestionnaireDetails"] table.StdTable > tbody > tr > td.Label {
    font-weight: 600 !important;
    color: var(--text-strong, #0f172a) !important;
    white-space: nowrap !important;
    vertical-align: top !important;
    padding-top: 14px !important;
}

/* C.6 Form controls (pnlQuestionnaireDetails + pnlQValidation). */
body.page-questionnaire-settings .modMain input[type="text"],
body.page-questionnaire-settings .modMain input[type="password"],
body.page-questionnaire-settings .modMain input[type="file"],
body.page-questionnaire-settings .modMain select {
    box-sizing: border-box !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
    border: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    border-radius: 6px !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #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;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
body.page-questionnaire-settings .modMain input[type="text"]:focus,
body.page-questionnaire-settings .modMain input[type="password"]:focus,
body.page-questionnaire-settings .modMain select:focus {
    border-color: var(--border-focus, #0d9488) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-tint), 0.16) !important;
}
body.page-questionnaire-settings .modMain textarea {
    box-sizing: border-box !important;
    min-height: 50px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    border-radius: 6px !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #0f172a) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px !important;
    line-height: 20px !important;
    box-shadow: none !important;
    outline: none !important;
    resize: vertical !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
body.page-questionnaire-settings .modMain textarea:focus {
    border-color: var(--border-focus, #0d9488) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-tint), 0.16) !important;
}
body.page-questionnaire-settings .modMain input[type="submit"],
body.page-questionnaire-settings .modMain input[type="button"],
body.page-questionnaire-settings .modMain button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    border: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #0f172a) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-shadow: none !important;
}
body.page-questionnaire-settings .modMain input[type="submit"]:hover,
body.page-questionnaire-settings .modMain input[type="button"]:hover,
body.page-questionnaire-settings .modMain button:hover {
    background-color: var(--surface-muted, var(--surface-card, #f8fafc)) !important;
    border-color: var(--border-input-hover, #94a3b8) !important;
}

/* C.7 pnlQValidation — embedded GridHeader/GridData filter form + Repeater. */
body.page-questionnaire-settings [id$="_pnlQValidation"] tr.GridHeader,
body.page-questionnaire-settings [id$="_pnlQValidation"] tr.GridHeader td {
    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: 18px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    height: 36px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-default, #e2e8f0) !important;
    text-align: left !important;
}
body.page-questionnaire-settings [id$="_pnlQValidation"] tr.GridData,
body.page-questionnaire-settings [id$="_pnlQValidation"] tr.GridData td,
body.page-questionnaire-settings [id$="_pnlQValidation"] tr.GridDataAlt,
body.page-questionnaire-settings [id$="_pnlQValidation"] tr.GridDataAlt td {
    background-color: transparent !important;
    background-image: none !important;
    color: var(--text-primary, #0f172a) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    line-height: 18px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--border-subtle, #f1f5f9) !important;
    vertical-align: top !important;
}
body.page-questionnaire-settings [id$="_pnlQValidation"] tr.GridDataAlt td {
    background-color: var(--surface-muted-subtle, #fafbfc) !important;
}

/* C.8 Footer2 — Cancel/Deploy/Save (last-button-wins primary). */
body.page-questionnaire-settings .modFooter2 {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-top: 1px solid var(--border-subtle, #e2e8f0) !important;
    padding: 16px 0 0 0 !important;
    margin: 24px 0 0 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}
body.page-questionnaire-settings .modFooter2:empty {
    display: none !important;
}
body.page-questionnaire-settings .modFooter2 a.LinkButton {
    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: 1px solid var(--border-default, var(--input, #cbd5e1)) !important;
    background-color: var(--card-raised, var(--surface-raised, #ffffff)) !important;
    color: var(--text-strong, #0f172a) !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;
    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-questionnaire-settings .modFooter2 a.LinkButton:hover {
    background-color: var(--surface-muted, var(--surface-card, #f8fafc)) !important;
    border-color: var(--border-input-hover, #94a3b8) !important;
}
/* Save = teal primary (per-ID). */
body.page-questionnaire-settings .modFooter2 a.LinkButton[id$="_lnkSave"] {
    background-color: var(--button-primary-bg, #0d9488) !important;
    color: var(--button-primary-text, #ffffff) !important;
    border-color: var(--button-primary-bg, #0d9488) !important;
}
body.page-questionnaire-settings .modFooter2 a.LinkButton[id$="_lnkSave"]:hover {
    background-color: var(--button-primary-bg-hover, #0f766e) !important;
    border-color: var(--button-primary-bg-hover, #0f766e) !important;
}
/* Cancel + Deploy = ghost. */
body.page-questionnaire-settings .modFooter2 a.LinkButton.Secondary,
body.page-questionnaire-settings .modFooter2 a.LinkButton[id$="_lnkCancel"] {
    background-color: transparent !important;
    color: var(--text-muted, #64748b) !important;
    border-color: var(--border-default, var(--input, #cbd5e1)) !important;
}
body.page-questionnaire-settings .modFooter2 a.LinkButton.Secondary:hover,
body.page-questionnaire-settings .modFooter2 a.LinkButton[id$="_lnkCancel"]:hover {
    background-color: var(--surface-muted, var(--surface-card, #f8fafc)) !important;
    color: var(--text-strong, #0f172a) !important;
    border-color: var(--border-input-hover, #94a3b8) !important;
}
body.page-questionnaire-settings .modFooter2 a > ins,
body.page-questionnaire-settings .modFooter2 a.LinkButton > ins {
    display: none !important;
}
body.page-questionnaire-settings .modFooter2 a img,
body.page-questionnaire-settings .modFooter2 a.LinkButton img {
    display: none !important;
}