/**
 * Snippet Name: BrightLeaf · MS — Phone fixes (MS-56, MS-57, MS-58)
 * Generated: 2026-11-13 12:35:22
 * Source: Custom
 * AUTO-GENERATED FILE — DO NOT EDIT.
 */

/* BrightLeaf · MS — Phone fixes (MS-56, MS-57, MS-58). Frontend, all pages. CSS only.
   MS-56: hidden Advanced Select lists no longer push pages sideways on phones.
   MS-57: My Credit Cards (/dashboard/parentcc/, page 793, view 790) shows each card as its own box under 600px.
   MS-58: Spectra pop-up close (X) sits inside the box on phones, so pop-ups can be closed.
   Rollback: deactivate (or delete one block). */

/* ---------- MS-56 ----------
   GP Advanced Select keeps the native <select> for the form value and hides it as .ts-hidden-accessible
   (position:absolute; width:1px). The old sitewide forms record sets every .gform_wrapper select to
   width:100% !important, so the hidden select grows to its positioned ancestor's width and sticks out
   past the right edge (form 13 fields 24 and 32 on /pay/). Put the plugin's 1px back. */
html body .gform_wrapper select.ts-hidden-accessible{width:1px!important;min-width:0!important;max-width:1px!important}

/* ---------- MS-57 ----------
   Two :not(#id) so these beat sitewide table record 6854; the page record's min-width:700px is overridden.
   Labels come from GravityView's data-label on each cell; the link cell (no label) sits on the right. */
@media (max-width:600px){
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view thead,html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view tfoot{display:none!important}
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view tbody{display:block!important}
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view tr{display:block!important;background:#fff!important;border:1px solid #eceae3!important;border-radius:12px!important;margin:0 0 12px!important;padding:4px 14px!important;box-shadow:0 2px 8px rgba(2,35,66,.04)!important}
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view td{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;width:auto!important;max-width:none!important;padding:9px 0!important;border:0!important;border-bottom:1px solid #eceae3!important;background:transparent!important;text-align:right!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view td:last-child{border-bottom:0!important}
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view td::before{content:attr(data-label);flex:none;max-width:45%;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.5;color:#786a45;text-align:left}
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view td:not([data-label]),html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view td[data-label=""]{justify-content:flex-end}
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view td:not([data-label])::before,html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 table.gv-table-view td[data-label=""]::before{content:none}
html body.page-id-793:not(#ms57a):not(#ms57b) .gv-container-790 .table-scroll-wrapper{overflow:visible!important;max-height:none!important;min-height:0!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
}

/* ---------- MS-58 ----------
   Spectra puts the close X outside the pop-up box (top/right -25px, white, 25px). On phones the box is
   full width, so the X is off-screen, and overlay click is off on the site's pop-ups (Message Us, form 49;
   Technical Support, form 65). Inside the box, navy, 44px tap target. Desktop unchanged. */
@media (max-width:768px){
html body .uagb-modal-popup.active .uagb-modal-popup-close{top:6px!important;right:6px!important;left:auto!important;width:44px!important;height:44px!important;display:flex!important;align-items:center;justify-content:center;z-index:5}
html body .uagb-modal-popup.active .uagb-modal-popup-close svg{width:18px!important;height:18px!important;fill:#022342!important;color:#022342!important}
}