/* Quadro member experience. Native business IDs, requests and plugin hooks stay intact. */
body.mfc-quadro :is(.mfc-auth, .mfc-account-shell, .mfc-profile-shell, .mfc-credits-surface) {
  --member-surface: #fff;
  --member-soft: #f4f6f9;
  --member-border: #e2e6ec;
  --member-text: #243043;
  --member-muted: #647084;
  --member-brand: #c82025;
  min-width: 0;
  color: var(--member-text);
}
body.mfc-quadro .mfc-member-eyebrow { margin: 0 0 .625rem; color: var(--member-brand, #c82025); font-size: .75rem; font-weight: 700; line-height: 1.5; letter-spacing: .08em; }
body.mfc-quadro .mfc-member-mark { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; flex: none; border: 1px solid #efd7d9; border-radius: var(--mfc-radius, .25rem); color: #c82025; background: #fff5f5; font-size: var(--mfc-type-card, 1.125rem); }
body.mfc-quadro .mfc-member-mark > .icon { margin: 0; }
body.mfc-quadro .mfc-panel-title { margin: 0 0 1.25rem; padding: 0; color: var(--member-text, #243043); font-size: var(--mfc-type-section, 1.375rem); line-height: 1.4; font-weight: 650; }

/* Account entry: a quiet introduction beside one focused form surface. */
body.mfc-quadro .mfc-auth { container: mfc-auth / inline-size; max-width: 64rem; margin: 0 auto var(--mfc-section-gap, 2rem); }
body.mfc-quadro .mfc-auth-layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; gap: 1.25rem; }
body.mfc-quadro .mfc-auth-main { float: none; width: auto; min-width: 0; }
/* Login and registration use one centered form without the introductory aside. */
body.mfc-quadro .mfc-auth.mfc-auth-focused { width: 100%; max-width: 32rem; }
body.mfc-quadro .mfc-auth.mfc-auth-focused.mfc-register { max-width: 48rem; }
body.mfc-quadro .mfc-auth-focused .mfc-auth-layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
body.mfc-quadro .mfc-member-intro { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 1rem; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid var(--member-border); border-radius: var(--mfc-radius, .25rem); background: #f0f3f7; }
body.mfc-quadro .mfc-member-intro .mfc-member-eyebrow { margin: .5rem 0 0; }
body.mfc-quadro .mfc-member-intro h2 { max-width: 18ch; margin: 0; font-size: var(--mfc-type-section, 1.375rem); line-height: 1.3; letter-spacing: -.025em; }
body.mfc-quadro .mfc-member-benefits { display: grid; gap: .75rem; margin: 1rem 0 0; padding: 0; list-style: none; }
body.mfc-quadro .mfc-member-benefits li { display: flex; align-items: center; gap: .75rem; color: #4c586a; font-size: var(--mfc-type-body, .9375rem); }
body.mfc-quadro .mfc-member-benefits .icon { width: 1.25rem; margin: 0; color: #c82025; text-align: center; }
body.mfc-quadro .mfc-auth .mfc-auth-panel { container: mfc-auth-card / inline-size; margin: 0; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid var(--member-border); border-radius: var(--mfc-radius, .25rem); background: #fff; box-shadow: 0 8px 28px rgb(36 48 67 / 4%); }
body.mfc-quadro #logtabs .mfc-auth-card { container: mfc-auth-card / inline-size; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.mfc-quadro #logtabs > .mfc-auth-tabs { display: flex; gap: .25rem; margin: 0 0 1.25rem; padding: .3rem; border: 0; border-radius: var(--mfc-radius, .25rem); background: #f0f2f6; box-shadow: none; }
body.mfc-quadro #logtabs > .mfc-auth-tabs::after { display: none; }
body.mfc-quadro #logtabs > .mfc-auth-tabs > li { float: none; flex: 1 1 0; min-width: 0; margin: 0; }
body.mfc-quadro #logtabs > .mfc-auth-tabs > li > a { display: flex; align-items: center; justify-content: center; margin: 0; padding: .5rem .75rem; border: 0; border-radius: var(--mfc-radius, .25rem); color: #5b6678; text-align: center; line-height: 1.4; font-size: var(--mfc-type-body, .9375rem); box-shadow: none; white-space: normal; min-height: var(--mfc-control-height, 2.5rem); }
body.mfc-quadro #logtabs > .mfc-auth-tabs > li > a.active { color: #243043; background: #fff; box-shadow: 0 2px 5px rgb(36 48 67 / 7%); }
body.mfc-quadro #logtabs > .mfc-auth-tabs > li > a::before { display: none; }
body.mfc-quadro #logtabs > .tab.content { margin: 0; }
body.mfc-quadro .mfc-auth-heading { margin-bottom: 1.25rem; }
body.mfc-quadro :is(.mfc-auth-heading h2, .mfc-auth-title) { margin: 0 0 .75rem; color: #243043; font-size: var(--mfc-type-section, 1.375rem); font-weight: 650; line-height: 1.35; letter-spacing: -.02em; }
body.mfc-quadro :is(.mfc-auth-heading p, .mfc-auth-panel form > p) { margin: 0; color: #647084; font-size: var(--mfc-type-body, .9375rem); line-height: 1.7; }
body.mfc-quadro #login form > .columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
body.mfc-quadro #login form > .columns::after { display: none; }
body.mfc-quadro #login .mfc-auth-field { margin: 0; }
body.mfc-quadro #login .content-right { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .5rem; }
body.mfc-quadro .mfc-auth .mfc-auth-submit { min-height: var(--mfc-control-height, 2.5rem); padding: .5rem 1rem; border-radius: var(--mfc-radius, .25rem); color: #fff; background: #c82025; box-shadow: none; font-size: var(--mfc-type-body, .9375rem); line-height: 1.4; }
body.mfc-quadro .mfc-auth .mfc-auth-submit:hover { background: #a9191e; }
body.mfc-quadro #reset .mfc-auth-submit { width: 100%; margin-top: 1.5rem; }
body.mfc-quadro .mfc-register .mfc-auth-submit,
body.mfc-quadro .mfc-activate .mfc-auth-submit { width: 100%; margin-top: .75rem; }
body.mfc-quadro .mfc-auth .two.fields,
body.mfc-quadro #acctab #uprofile :is(.two, .three).fields,
body.mfc-quadro .mfc-shipping-editor .two.fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; margin: 0 0 1.25rem; }
body.mfc-quadro .mfc-auth .two.fields::after,
body.mfc-quadro #acctab #uprofile :is(.two, .three).fields::after,
body.mfc-quadro .mfc-shipping-editor .two.fields::after { display: none; }
body.mfc-quadro .mfc-auth .two.fields > .field,
body.mfc-quadro #acctab #uprofile :is(.two, .three).fields > .field,
body.mfc-quadro .mfc-shipping-editor .two.fields > .field { float: none; width: auto; min-width: 0; margin: 0; padding: 0; }
body.mfc-quadro :is(.mfc-auth, #acctab) .wojo.form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.mfc-quadro .mfc-shipping-editor .wojo.form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-height: var(--mfc-control-height, 2.5rem); border-radius: var(--mfc-radius, .25rem); font-size: var(--mfc-type-body, .9375rem); }
body.mfc-quadro :is(.mfc-auth, #acctab) .wojo.form textarea { border-radius: var(--mfc-radius, .25rem); min-height: 9rem; font-size: var(--mfc-type-body, .9375rem); }
body.mfc-quadro .mfc-auth .wojo.form .field > label:not(.input) { margin-bottom: .5rem; }
body.mfc-quadro .mfc-auth [id="msgholder"]:not(:empty) { margin-top: 1rem; }

/* The member workspace keeps service navigation beside the active content. */
body.mfc-quadro .mfc-account-shell { container: mfc-account / inline-size; }
body.mfc-quadro .mfc-account-overview { display: block; background: transparent; margin: 0 0 var(--mfc-section-gap, 2rem); }
body.mfc-quadro .mfc-account-heading { min-width: 0; }
body.mfc-quadro .mfc-account-heading h2 { margin: 0 0 .75rem; font-size: var(--mfc-type-section, 1.375rem); line-height: 1.3; font-weight: 650; }
body.mfc-quadro .mfc-account-heading > p:last-child { max-width: 75ch; margin: 0; color: #647084; font-size: var(--mfc-type-body, .9375rem); line-height: 1.7; }
body.mfc-quadro #acctab.account-layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 1.5rem; margin: 0; }
body.mfc-quadro #acctab .account-sidebar { min-width: 0; max-width: none; padding: .875rem; border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; }
body.mfc-quadro .mfc-service-navigation-title { margin: .25rem .75rem .875rem; color: #647084; font-size: .75rem; font-weight: 650; letter-spacing: .05em; }
body.mfc-quadro #acctab .account-menu { display: flex; align-items: stretch; flex-wrap: nowrap; gap: .375rem; padding: .25rem; margin: 0; overflow-x: auto; border: 0; background: transparent; scrollbar-width: thin; scroll-snap-type: x proximity; }
body.mfc-quadro #acctab .account-menu::after { display: none; }
body.mfc-quadro #acctab .account-menu li { float: none; flex: 0 0 auto; min-width: 0; margin: 0; border: 0; scroll-snap-align: start; }
body.mfc-quadro #acctab .account-menu li a { display: flex; align-items: center; gap: .75rem; height: 100%; max-width: 15rem; min-height: var(--mfc-control-height, 2.5rem); margin: 0; padding: .5rem .875rem; border: 0; border-radius: var(--mfc-radius, .25rem); color: #4a576b; background: transparent; line-height: 1.4; font-size: var(--mfc-type-body, .9375rem); white-space: normal; overflow-wrap: anywhere; box-shadow: none; }
body.mfc-quadro #acctab .account-menu li a:hover { background: #f4f6f9; color: #243043; }
body.mfc-quadro #acctab .account-menu li a.active { color: #b41b21; background: #fff0f1; font-weight: 650; box-shadow: inset 3px 0 0 #c82025; }
body.mfc-quadro #acctab .account-menu li a.active::before { display: none; }
body.mfc-quadro #acctab .account-menu li a i.icon { width: 1.125rem; flex: none; margin: 0; text-align: center; }
body.mfc-quadro #acctab .account-content { min-width: 0; }
body.mfc-quadro #acctab .account-content > .wojo.tab.content { display: none; margin: 0; }
body.mfc-quadro #acctab .account-content > .wojo.tab.content.active { display: block; }
body.mfc-quadro #acctab .account-content > .tab.content > .segment,
body.mfc-quadro :is(.mfc-account-records, .mfc-shipping-editor) { margin: 0 0 1.5rem; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; box-shadow: none; }
body.mfc-quadro #acctab #uprofile > .mfc-profile-editor { container: mfc-profile / inline-size; width: 100%; max-width: none; }
body.mfc-quadro #acctab .mfc-form-section { min-width: 0; margin: 0; padding: 0; border: 0; }
body.mfc-quadro #acctab .mfc-form-section + .mfc-form-section { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e8ebf0; }
body.mfc-quadro #acctab .mfc-form-section legend { float: left; width: 100%; margin: 0 0 1rem; padding: 0; color: #4a576b; font-size: var(--mfc-type-card, 1.125rem); line-height: 1.5; font-weight: 650; }
body.mfc-quadro #acctab .mfc-form-section legend + * { clear: both; }
body.mfc-quadro #acctab .mfc-form-actions { display: flex; justify-content: flex-end; align-items: center; gap: 1rem; padding-top: 1.25rem; margin-top: 1.25rem; border-top: 1px solid #e8ebf0; }
body.mfc-quadro #acctab .mfc-account-save { min-height: var(--mfc-control-height, 2.5rem); color: #fff; background: #c82025; box-shadow: none; }
body.mfc-quadro #acctab .mfc-account-save:hover { background: #a9191e; }
body.mfc-quadro #acctab .mfc-password-field { position: relative; }
body.mfc-quadro #acctab .mfc-password-field input { padding-right: calc(var(--mfc-control-height, 2.5rem) + .25rem); }
body.mfc-quadro #acctab .mfc-password-toggle { position: absolute; top: 0; right: 0; width: var(--mfc-control-height, 2.5rem); height: var(--mfc-control-height, 2.5rem); margin: 0; padding: 0; border: 0; border-radius: var(--mfc-radius, .25rem); color: #647084; background: transparent; font-size: 1rem; line-height: var(--mfc-control-height, 2.5rem); cursor: pointer; }
body.mfc-quadro #acctab .mfc-password-toggle:hover { color: #243043; background: #f0f3f7; }
body.mfc-quadro #acctab img { max-width: 100%; height: auto; }
body.mfc-quadro #acctab .mfc-avatar-control { display: grid; grid-template-columns: 3rem minmax(0, 1fr); align-items: center; gap: 1rem; width: 100%; max-width: 36rem; }
body.mfc-quadro #acctab .mfc-avatar-preview { display: grid; place-items: center; width: 3rem; height: 3.2rem; overflow: hidden; }
body.mfc-quadro #acctab .mfc-avatar-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.mfc-quadro #acctab .mfc-avatar-upload { min-width: 0; }
body.mfc-quadro #acctab .mfc-avatar-upload > input[type="file"] { max-width: 100%; font: inherit; }
body.mfc-quadro #acctab .mfc-avatar-upload .fileinput { display: flex; align-items: stretch; width: 100%; min-width: 0; }
body.mfc-quadro #acctab .mfc-avatar-upload .fileinput > input { flex: 1 1 0; min-width: 0; width: 0; padding: .5rem .75rem; border: 1px solid #e2e6ec; border-right: 0; border-radius: var(--mfc-radius, .25rem) 0 0 var(--mfc-radius, .25rem); background: #f8f9fb; color: #647084; text-overflow: ellipsis; }
body.mfc-quadro #acctab .mfc-avatar-upload .fileinput > a { display: flex; flex: none; align-items: center; justify-content: center; padding: .5rem .75rem; border: 1px solid #e2e6ec; border-radius: 0 var(--mfc-radius, .25rem) var(--mfc-radius, .25rem) 0; background: #fff; color: #4a576b; }
body.mfc-quadro #acctab .mfc-avatar-upload .fileinput > a:hover { background: #f0f3f7; color: #243043; }
body.mfc-quadro #acctab .mfc-avatar-upload .fileinput a label { margin: 0; color: inherit; font: inherit; cursor: pointer; }
body.mfc-quadro #acctab .mfc-avatar-upload .fileinput a .icon { margin: 0 .375rem 0 0; }
body.mfc-quadro #acctab .mfc-avatar-upload .fileinput > a:focus-visible { outline: 2px solid #657e9e; outline-offset: 2px; }

/* Memberships: real plan information, one activation form, one primary action. */
body.mfc-quadro #acctab .mfc-plan-overview h3 { margin: 0 0 1.25rem; font-size: var(--mfc-type-section, 1.375rem); }
body.mfc-quadro #acctab .mfc-plan-status { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 2rem; margin: 0; }
body.mfc-quadro #acctab .mfc-plan-status .item { display: flex; flex-direction: column; gap: .375rem; margin: 0; padding: 0; border: 0; }
body.mfc-quadro #acctab .mfc-plan-status .item::after { content: none; }
body.mfc-quadro #acctab .mfc-plan-status .content { order: 0; }
body.mfc-quadro #acctab .mfc-plan-status .header { color: #647084; font-size: var(--mfc-type-small, .8125rem); font-weight: 500; }
body.mfc-quadro #acctab .mfc-plan-status .right.floated { order: 1; float: none; margin: 0; color: #243043; font-size: var(--mfc-type-body, .9375rem); font-weight: 600; line-height: 1.7; overflow-wrap: anywhere; }
body.mfc-quadro #acctab .mfc-membership-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr)); align-items: stretch; gap: 1.25rem; margin: 0; }
body.mfc-quadro #acctab .mfc-membership-grid::after { display: none; }
body.mfc-quadro #acctab .mfc-membership-grid > .row { float: none; width: auto; min-width: 0; margin: 0; padding: 0; }
body.mfc-quadro #acctab .mfc-plan-card { container: mfc-membership-card / inline-size; display: flex; flex-direction: column; height: 100%; margin: 0; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; box-shadow: none; }
body.mfc-quadro #acctab .mfc-plan-card > h4 { margin: 0 0 1rem; color: #243043; font-size: var(--mfc-type-card, 1.125rem); line-height: 1.4; font-weight: 650; }
body.mfc-quadro #acctab .mfc-plan-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; margin: 0 0 .75rem; }
body.mfc-quadro #acctab .mfc-plan-value:first-child { color: #c82025; font-size: 1.75rem; font-weight: 700; line-height: 1.15; letter-spacing: -.03em; }
body.mfc-quadro #acctab .mfc-plan-value + .mfc-plan-value { color: #647084; font-size: var(--mfc-type-small, .8125rem); }
body.mfc-quadro #acctab .mfc-plan-recurring { margin: 0 0 1.25rem; color: #647084; font-size: var(--mfc-type-small, .8125rem); }
body.mfc-quadro #acctab .mfc-plan-recurring .icon { margin-left: .25rem; }
body.mfc-quadro #acctab .mfc-plan-activation { display: flex; flex-direction: column; flex: 1; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.mfc-quadro #acctab .mfc-plan-activation form { flex: 1; }
body.mfc-quadro #acctab :is(.mfc-plan-card, .mfc-plan-activation):not(.loading)::after { content: none; }
body.mfc-quadro #acctab .mfc-plan-notice { margin: 0 0 1.25rem; padding: 1rem; border: 0; border-radius: var(--mfc-radius, .25rem); background: #f4f6f9; color: #4a576b; font-size: var(--mfc-type-body, .9375rem); line-height: 1.7; box-shadow: none; }
body.mfc-quadro #acctab .mfc-plan-notice-warning { background: #ede110; color: #c82025; }
body.mfc-quadro #acctab .mfc-plan-notice p:last-child { margin-bottom: 0; }
body.mfc-quadro #acctab .mfc-plan-action { display: flex; width: 100%; min-height: var(--mfc-control-height, 2.5rem); margin: 1rem 0 0; padding: .5rem 1rem; border: 0; border-radius: var(--mfc-radius, .25rem); color: #fff; background: #000; text-align: center; box-shadow: none; align-items: center; justify-content: center; font-size: var(--mfc-type-body, .9375rem); line-height: 1.4; }
body.mfc-quadro #acctab .mfc-plan-action:hover { background: #a9191e; }
body.mfc-quadro #acctab .mfc-membership-payment:empty { display: none; }
body.mfc-quadro #acctab .mfc-membership-payment:not(:empty) { margin-top: 1.5rem; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; overflow-wrap: anywhere;}
body.mfc-quadro .mfc-account-table-scroll { min-width: 0; width: 100%; overflow-x: auto; border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); -webkit-overflow-scrolling: touch; }
body.mfc-quadro .mfc-account-table-scroll table { min-width: 44rem; margin: 0; }
/* These records scroll as tables; the legacy phone block-table mode breaks their columns. */
body.mfc-quadro .mfc-account-table-scroll > table.wojo,
body.mfc-quadro .mfc-credit-checkout > .mfc-table-scroll > table.wojo { display: table; }
body.mfc-quadro :is(.mfc-account-table-scroll, .mfc-credit-checkout) table.wojo > thead { display: table-header-group; }
body.mfc-quadro :is(.mfc-account-table-scroll, .mfc-credit-checkout) table.wojo > tbody { display: table-row-group; }
body.mfc-quadro :is(.mfc-account-table-scroll, .mfc-credit-checkout) table.wojo > tfoot { display: table-footer-group; }
body.mfc-quadro :is(.mfc-account-table-scroll, .mfc-credit-checkout) table.wojo tr { display: table-row; }
body.mfc-quadro :is(.mfc-account-table-scroll, .mfc-credit-checkout) table.wojo tr > :is(th, td) { display: table-cell; width: auto; padding: .875rem 1rem; }
body.mfc-quadro :is(.mfc-account-table-scroll, .mfc-credit-checkout) table.wojo tr > td { border-top: 1px solid #e2e6ec; box-shadow: none; font-weight: normal; }
body.mfc-quadro .mfc-account-records > p { margin: 0 0 1.5rem; color: #647084; line-height: 1.7; }
body.mfc-quadro #acctab .mfc-account-records > h3 { margin: 0 0 .75rem; font-size: 1.125rem; line-height: 1.5; font-weight: 600; }
body.mfc-quadro #acctab .mfc-account-records th { color: #647084; font-size: .8125rem; font-weight: 600; line-height: 1.5; }
body.mfc-quadro #acctab .mfc-account-records td { font-size: .875rem; line-height: 1.6; }
body.mfc-quadro #acctab .mfc-account-orders-empty { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .75rem; padding: 1.5rem 1rem; border: 1px solid #e8ebf0; border-radius: var(--mfc-radius, .25rem); background: #f7f8fa; color: #647084; text-align: center; }
body.mfc-quadro #acctab .mfc-account-orders-empty > .icon { margin: 0; font-size: 1.25rem; }
body.mfc-quadro #acctab .mfc-account-orders-empty > p { margin: 0; font-size: .875rem; line-height: 1.6; }
body.mfc-quadro .mfc-account-records td { overflow-wrap: anywhere; }
body.mfc-quadro .mfc-account-records .label .detail { white-space: normal; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-shipping-editor { container: mfc-shipping / inline-size; max-width: none; width: 100%; }
body.mfc-quadro .mfc-shipping-editor h3 { margin: 0 0 1.25rem; font-size: var(--mfc-type-section, 1.375rem); }
body.mfc-quadro .mfc-shipping-editor form > h3 { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e8ebf0; }
body.mfc-quadro .mfc-article-workspace { container: mfc-article / inline-size; }
body.mfc-quadro .mfc-article-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
body.mfc-quadro .mfc-article-toolbar::after { display: none; }
body.mfc-quadro .mfc-article-toolbar > h3 { order: 0; float: none; margin: 0; }
body.mfc-quadro .mfc-article-toolbar > .button { order: 1; float: none; margin: 0; }
body.mfc-quadro .mfc-article-compose { width: 100%; max-width: 64rem; margin-bottom: 1.75rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e2e6ec; }
body.mfc-quadro .mfc-article-compose .two.fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; margin: 0 0 1.25rem; }
body.mfc-quadro .mfc-article-compose .two.fields::after { display: none; }
body.mfc-quadro .mfc-article-compose .two.fields > .field { float: none; width: auto; min-width: 0; margin: 0; padding: 0; }
body.mfc-quadro .mfc-article-compose .inline-group { display: flex; flex-wrap: wrap; gap: .75rem; }
body.mfc-quadro .mfc-article-compose .inline-group > label { margin: 0; }
body.mfc-quadro .mfc-article-compose .redactor_box { max-width: 100%; }

/* A compact profile card beside an uncluttered activity feed. */
body.mfc-quadro .mfc-profile-shell { container: mfc-profile-view / inline-size; }
body.mfc-quadro .mfc-profile-shell > .columns { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 1.5rem; margin: 0; }
body.mfc-quadro .mfc-profile-shell > .columns::after { display: none; }
body.mfc-quadro .mfc-profile-shell > .columns > [class*="screen-"] { float: none; width: auto; min-width: 0; padding: 0; }
body.mfc-quadro .mfc-profile-shell .mfc-profile-avatar { max-width: none; margin: 0; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; box-shadow: none; }
body.mfc-quadro .mfc-profile-avatar > img { display: block; width: 6rem; height: 6rem; max-width: 100%; margin: 0 auto 1.25rem; border: 1px solid #e2e6ec; border-radius: 50%; object-fit: cover; }
body.mfc-quadro .mfc-profile-avatar .footer { padding: 0; border: 0; background: transparent; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-profile-name { margin: 0 0 1rem; font-size: var(--mfc-type-card, 1.125rem); line-height: 1.4; }
body.mfc-quadro .mfc-profile-avatar .footer > p:last-child { margin-bottom: 0; color: #647084; line-height: 1.75; }
body.mfc-quadro .mfc-profile-shell .mfc-profile-feed { margin: 0; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; box-shadow: none; }
body.mfc-quadro .mfc-profile-feed .event { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: 1rem; padding: 1rem 0; }
body.mfc-quadro .mfc-profile-feed .event > .label { display: block; width: auto; }
body.mfc-quadro .mfc-profile-feed .event > .content { display: block; min-width: 0; padding: .25rem 0 0; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-profile-feed .content .date { display: block; float: none; margin-top: .375rem; padding: 0; color: #647084; font-size: .8125rem; }

/* Support retains its status colors, submit variants, reply accent and UUID URLs. */
body.mfc-quadro .mfc-support.support-front { --support-border: #e2e6ec; --support-muted: #647084; --support-surface: #f4f6f9; container: mfc-support / inline-size; padding-top: 0; color: #243043; }
body.mfc-quadro .mfc-support.support-front .support-stats { gap: 1rem; margin-bottom: 1.5rem; }
body.mfc-quadro .mfc-support.support-front .support-stat { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid transparent; border-radius: var(--mfc-radius, .25rem); box-shadow: none; }
body.mfc-quadro .mfc-support.support-front .support-stat-open { background: #fff1d7; }
body.mfc-quadro .mfc-support.support-front .support-stat-pending { background: #e5f2fa; }
body.mfc-quadro .mfc-support.support-front .support-stat-closed { background: #e5f2e8; }
body.mfc-quadro .mfc-support.support-front .support-stat:hover { border-color: #b6bec8; }
body.mfc-quadro .mfc-support.support-front .support-stat.is-active { border-color: #c82025; box-shadow: 0 0 0 1px #c82025; }
body.mfc-quadro .mfc-support.support-front .mfc-support-stat-icon { display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: var(--mfc-radius, .25rem); background: rgb(255 255 255 / 65%); color: #526172; font-size: var(--mfc-type-card, 1.125rem); }
body.mfc-quadro .mfc-support.support-front .mfc-support-stat-icon > .icon { margin: 0; }
body.mfc-quadro .mfc-support.support-front .mfc-support-stat-label { color: #405064; font-size: var(--mfc-type-small, .8125rem); line-height: 1.55; }
body.mfc-quadro .mfc-support.support-front .support-stat strong { color: #243043; font-size: 1.75rem; font-weight: 650; line-height: 1; }
body.mfc-quadro .mfc-support.support-front :is(.support-section-heading, .support-ticket-navigation) { margin-bottom: 1.25rem; gap: .875rem; }
body.mfc-quadro .mfc-support.support-front .support-list-panel { border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; }
body.mfc-quadro .mfc-support.support-front .support-filter { padding: var(--mfc-card-padding, 1.25rem); border-radius: var(--mfc-radius, .25rem) var(--mfc-radius, .25rem) 0 0; background: #fff; }
body.mfc-quadro .mfc-support.support-front .support-filter-fields { gap: .875rem; }
body.mfc-quadro .mfc-support.support-front .support-search-button { width: var(--mfc-control-height, 2.5rem); height: var(--mfc-control-height, 2.5rem); min-width: var(--mfc-control-height, 2.5rem); min-height: var(--mfc-control-height, 2.5rem); border-radius: var(--mfc-radius, .25rem); background: #f0f3f7; color: #4a576b; }
body.mfc-quadro .mfc-support.support-front .support-search-button:hover { background: #e7ebf1; color: #c82025; }
body.mfc-quadro .mfc-support.support-front .support-reset { min-height: var(--mfc-control-height, 2.5rem); padding-inline: .5rem; font-size: var(--mfc-type-small, .8125rem); }
body.mfc-quadro .mfc-support.support-front .support-table th { padding: .75rem 1rem; background: #f7f8fa; color: #647084; font-size: var(--mfc-type-small, .8125rem); }
body.mfc-quadro .mfc-support.support-front .support-table td { padding: .875rem 1rem; font-size: var(--mfc-type-body, .9375rem); }
body.mfc-quadro .mfc-support.support-front .support-table tbody tr:hover { background: #fafbfc; }
body.mfc-quadro .mfc-support.support-front .support-ticket-link { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); align-items: center; column-gap: .875rem; row-gap: .375rem; }
body.mfc-quadro .mfc-support.support-front .mfc-ticket-mark { grid-column: 1; grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: 1px solid #e6eaf0; border-radius: var(--mfc-radius, .25rem); color: #647084; background: #f7f8fa; }
body.mfc-quadro .mfc-support.support-front .mfc-ticket-mark .icon { margin: 0; }
body.mfc-quadro .mfc-support.support-front .support-ticket-link .support-ticket-subject-text { grid-column: 2; grid-row: 1; color: #243043; font-size: var(--mfc-type-body, .9375rem); line-height: 1.5; }
body.mfc-quadro .mfc-support.support-front .support-ticket-link .support-ticket-number { grid-column: 2; grid-row: 2; margin: 0; font-size: var(--mfc-type-small, .8125rem); line-height: 1.5; }
body.mfc-quadro .mfc-support.support-front .support-ticket-link:hover .support-ticket-subject-text { color: #c82025; }
body.mfc-quadro .mfc-support.support-front .support-badge { padding: .3rem .625rem; border-radius: var(--mfc-radius, .25rem); font-size: .8125rem; line-height: 1.5; }
body.mfc-quadro .mfc-support.support-front .support-date { min-width: 0; }
body.mfc-quadro .mfc-support.support-front .support-date time { font-size: .8125rem; }
body.mfc-quadro .mfc-support.support-front :is(.support-compose, .support-ticket-overview, .support-reply) { margin: 0; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; box-shadow: none; }
body.mfc-quadro .mfc-support.support-front :is(.support-compose, .support-reply) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; align-items: start; width: 100%; max-width: none; }
body.mfc-quadro .mfc-support.support-front :is(.support-compose, .support-reply):not(.loading)::after { content: none; }
body.mfc-quadro .mfc-support.support-front .mfc-compose-intro { background: transparent; }
body.mfc-quadro .mfc-support.support-front .support-reply > .mfc-compose-intro { display: flex; align-items: center; gap: .75rem; margin: 0; padding: 0 0 1rem; border-bottom: 1px solid #e8ebf0; }
body.mfc-quadro .mfc-support.support-front .support-reply > .mfc-compose-intro h3 { margin: 0; }
body.mfc-quadro .mfc-support.support-front .support-reply > .mfc-compose-intro .mfc-member-mark { width: 2rem; height: 2rem; font-size: 1rem; }
body.mfc-quadro .mfc-support.support-front .mfc-compose-intro h3 { margin: 1rem 0 .75rem; color: #243043; font-size: var(--mfc-type-section, 1.375rem); font-weight: 650; }
body.mfc-quadro .mfc-support.support-front .mfc-compose-intro .support-field-help { max-width: 30ch; font-size: .8125rem; line-height: 1.75; }
body.mfc-quadro .mfc-support.support-front .support-form { min-width: 0; }
body.mfc-quadro .mfc-support.support-front .wojo.form.support-form .field > label { color: #4a576b; font-size: var(--mfc-type-small, .8125rem); }
body.mfc-quadro .mfc-support.support-front .wojo.form.support-form .field > :is(input[type="text"], select, textarea),
body.mfc-quadro .mfc-support.support-front .support-filter input[type="text"],
body.mfc-quadro .mfc-support.support-front .support-form .chosen-container-single .chosen-single,
body.mfc-quadro .mfc-support.support-front .support-filter .chosen-container-single .chosen-single { min-height: var(--mfc-control-height, 2.5rem); padding: .5rem .875rem; border-radius: var(--mfc-radius, .25rem); font-size: var(--mfc-type-body, .9375rem); line-height: 1.5; }
body.mfc-quadro .mfc-support.support-front .support-form .chosen-container-single .chosen-single,
body.mfc-quadro .mfc-support.support-front .support-filter .chosen-container-single .chosen-single { padding-right: 2.5rem; }
body.mfc-quadro .mfc-support.support-front .support-form .chosen-container-single .chosen-single div b::before { line-height: 1rem; }
body.mfc-quadro .mfc-support.support-front .wojo.form.support-form .field > textarea { min-height: 10rem; height: 10rem; line-height: 1.8; }
body.mfc-quadro .mfc-support.support-front .support-actions { margin-top: 1.25rem; padding-top: 1.25rem; gap: .75rem; }
body.mfc-quadro .mfc-support.support-front .support-ticket-heading h3 { color: #243043; font-size:  0.975rem; line-height: 1.4; font-weight: 650; }
body.mfc-quadro .mfc-support.support-front .support-ticket-heading .support-ticket-number { margin-top: .75rem; font-size: .8125rem; }
body.mfc-quadro .mfc-support.support-front .support-ticket-facts { gap: 1rem 2rem; }
body.mfc-quadro .mfc-support.support-front .support-ticket-facts dt { font-size: var(--mfc-type-small, .8125rem); }
body.mfc-quadro .mfc-support.support-front .support-ticket-facts dd { font-size: var(--mfc-type-body, .9375rem); }
body.mfc-quadro .mfc-support.support-front .support-messages { gap: 1rem; margin: var(--mfc-section-gap, 2rem) 0; }
body.mfc-quadro .mfc-support.support-front .support-conversation-heading { color: #243043; font-size: var(--mfc-type-section, 1.375rem); }
body.mfc-quadro .mfc-support.support-front .support-message { margin: 0; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; box-shadow: none; }
body.mfc-quadro .mfc-support.support-front .support-message.support-agent-message { box-shadow: 0 -2px 0 0 #B2D280; }
body.mfc-quadro .mfc-support.support-front .support-message .support-heading { align-items: center; padding-bottom: .75rem; margin-bottom: .875rem; border-color: #edf0f4; }
body.mfc-quadro .mfc-support.support-front .support-message-heading > strong { color: #243043; font-size: var(--mfc-type-body, .9375rem); }
body.mfc-quadro .mfc-support.support-front .support-message-body { max-width: none; color: #405064; line-height: 1.75; font-size: var(--mfc-type-body, .9375rem); }
body.mfc-quadro .mfc-support.support-front .support-message time { font-size: var(--mfc-type-small, .8125rem); }
body.mfc-quadro .mfc-support.support-front .support-edit-button { width: var(--mfc-control-height, 2.5rem); height: var(--mfc-control-height, 2.5rem); min-width: var(--mfc-control-height, 2.5rem); border-radius: var(--mfc-radius, .25rem); }
body.mfc-quadro .mfc-support.support-front :is(.support-image-link, .support-upload-item, .support-image-download) { border-radius: var(--mfc-radius, .25rem); }
body.mfc-quadro .mfc-support.support-front .support-pagination { margin-top: 1.25rem; }

/* Credits catalog and checkout share the product surface without touching payment data. */
/* Credits catalog uses normal flow; layout changes never set card positions. */
body.mfc-quadro .mfc-credits-surface { container: mfc-credits / inline-size; }
body.mfc-quadro .mfc-credits-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin: 0 0 1.25rem; }
body.mfc-quadro .mfc-credit-catalog-title { margin: 0; font-size: var(--mfc-type-section, 1.375rem); line-height: 1.5; font-weight: 650; }
body.mfc-quadro .mfc-credits-toolbar > #lswitch { display: flex; flex: none; gap: .25rem; padding: .25rem; border: 1px solid var(--member-border); border-radius: var(--mfc-radius, .25rem); background: #fff; }
body.mfc-quadro .mfc-credit-mode { display: inline-flex; align-items: center; justify-content: center; width: 2.125rem; height: 2.125rem; padding: .5rem; border: 0; border-radius: var(--mfc-radius, .25rem); color: var(--member-muted); background: transparent; cursor: pointer; }
body.mfc-quadro .mfc-credit-mode > .icon { margin: 0; font-size: 1rem; }
body.mfc-quadro .mfc-credit-mode:is(:hover, .active) { color: var(--member-brand); background: #fff0f1; }
body.mfc-quadro .mfc-credit-mode:focus-visible { outline: 2px solid var(--member-brand); outline-offset: 2px; }
body.mfc-quadro .mfc-credit-catalog { display: grid; grid-template-columns: repeat(var(--mfc-credit-columns, auto-fit), minmax(min(100%, 15rem), 1fr)); gap: var(--mfc-gap, 1.25rem); }
body.mfc-quadro .mfc-credit-catalog::after { content: none; }
body.mfc-quadro .mfc-credit-catalog--list { grid-template-columns: minmax(0, 1fr); }
body.mfc-quadro .mfc-credit-catalog > .mfc-credit-card { display: flex; flex-direction: column; min-width: 0; margin: 0; border: 1px solid var(--member-border); border-radius: var(--mfc-radius, .25rem); background: #fff; overflow: hidden; box-shadow: none; }
body.mfc-quadro .mfc-credit-card-media { display: flex; align-items: center; justify-content: center; min-width: 0; padding: 1rem; border-bottom: 1px solid var(--member-border); background: #fff; }
body.mfc-quadro .mfc-credit-card-media > img { display: block; width: 100%; height: auto; max-height: 17rem; aspect-ratio: 4 / 3; object-fit: contain; }
body.mfc-quadro .mfc-credit-card-body { display: flex; flex-direction: column; align-items: stretch; flex: 1; min-width: 0; gap: 1rem; padding: var(--mfc-card-padding, 1.25rem); }
body.mfc-quadro .mfc-credit-card-title { margin: 0; font-size: var(--mfc-type-card, 1.125rem); font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-credit-card-title > a { color: inherit; text-decoration: none; }
body.mfc-quadro .mfc-credit-card-title > a:hover { color: var(--member-brand); }
body.mfc-quadro .mfc-credit-card-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0; color: var(--member-muted); font-size: .875rem; line-height: 1.7; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-credit-card-purchase { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; margin-top: auto; }
body.mfc-quadro .mfc-credit-price { margin: 0; color: var(--member-text); font-size: 1.375rem; font-weight: 700; line-height: 1.4; }
body.mfc-quadro .mfc-credit-card-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; min-width: 0; max-width: 100%; margin-inline-start: auto; opacity: 1; visibility: visible; pointer-events: auto; }
@media (hover: hover) and (pointer: fine) {
  body.mfc-quadro .mfc-credit-catalog .mfc-credit-card-actions { opacity: 0; visibility: hidden; pointer-events: none; }
  body.mfc-quadro .mfc-credit-catalog .mfc-credit-card:is(:hover, :focus-within) .mfc-credit-card-actions { opacity: 1; visibility: visible; pointer-events: auto; }
}
body.mfc-quadro :is(.mfc-credit-card-actions, .mfc-credit-purchase-action) > .button { box-sizing: border-box; display: inline-flex; align-items: center; width: auto; max-width: 100%; min-height: var(--mfc-control-small, 2.125rem); margin: 0; padding-top: .5rem; padding-bottom: .5rem; font-size: .8125rem; line-height: 1.4; white-space: normal; }
body.mfc-quadro .mfc-credit-like { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; flex: none; gap: .375rem; min-height: 2.125rem; margin: 0; padding: .375rem .625rem; border: 1px solid var(--member-border); border-radius: var(--mfc-radius, .25rem); color: var(--member-brand); background: #fff; cursor: pointer; }
body.mfc-quadro .mfc-credit-like > .icon { margin: 0; }
body.mfc-quadro .mfc-credit-like > small { font-size: .75rem; }
body.mfc-quadro .mfc-credit-like:is(:hover, :focus-visible) { border-color: var(--member-brand); background: #fff5f5; }
body.mfc-quadro .mfc-credit-catalog--list > .mfc-credit-card { display: grid; grid-template-columns: minmax(0, 1fr); }
body.mfc-quadro .mfc-credit-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mfc-gap, 1.25rem); align-items: start; }
body.mfc-quadro :is(.mfc-credit-detail-media, .mfc-credit-detail-info, .mfc-credit-description) { min-width: 0; margin: 0; border: 1px solid var(--member-border); border-radius: var(--mfc-radius, .25rem); background: #fff; }
body.mfc-quadro .mfc-credit-detail-media { overflow: hidden; }
body.mfc-quadro .mfc-credit-main-image { position: relative; display: block; padding: var(--mfc-card-padding, 1.25rem); }
body.mfc-quadro .mfc-credit-main-image > img { display: block; width: 100%; height: auto; max-height: 24rem; aspect-ratio: 4 / 3; object-fit: contain; }
body.mfc-quadro .mfc-credit-main-image > .icon { position: absolute; bottom: .75rem; right: .75rem; margin: 0; padding: .5rem; border-radius: var(--mfc-radius, .25rem); color: var(--member-muted); background: #fff; }
body.mfc-quadro .mfc-credit-main-image:hover > .icon { color: var(--member-brand); }
body.mfc-quadro .mfc-credit-gallery { padding: var(--mfc-card-padding, 1.25rem); }
body.mfc-quadro .mfc-credit-gallery img { display: block; width: 100%; height: auto; max-height: 24rem; object-fit: contain; }
body.mfc-quadro :is(.mfc-credit-detail-info, .mfc-credit-description) { padding: var(--mfc-card-padding, 1.25rem); }
body.mfc-quadro .mfc-credit-detail-info > h2 { margin: 0 0 1rem; font-size: clamp(1.375rem, 1.15rem + .5vw, 1.75rem); line-height: 1.35; font-weight: 700; letter-spacing: -.025em; }
body.mfc-quadro .mfc-credit-detail-price { margin: 0; color: var(--member-text); font-size: 1.5rem; font-weight: 700; line-height: 1.4; }
body.mfc-quadro .mfc-credit-purchase { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--member-border); }
body.mfc-quadro .mfc-credit-purchase-action { min-width: 0; max-width: 100%; }
body.mfc-quadro .mfc-credit-description { grid-column: 1 / -1; }
body.mfc-quadro .mfc-credit-description .mfc-prose { max-width: none; color: var(--member-text); line-height: 1.8; overflow-wrap: anywhere; }
body.mfc-quadro .mfc-credit-description .mfc-prose > .columns { margin-inline: 0; }
body.mfc-quadro .mfc-credit-description .mfc-prose > .one.columns > .row { float: none; width: 100%; padding: 0; margin: 0; }
body.mfc-quadro .mfc-credit-checkout-layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 1.5rem; }
body.mfc-quadro .mfc-credits-surface #cko.mfc-credit-checkout { min-width: 0; margin: 0; border: 0; background: transparent; box-shadow: none; }
body.mfc-quadro .mfc-credit-checkout .mfc-table-scroll { border-radius: var(--mfc-radius, .25rem); }
body.mfc-quadro .mfc-credit-checkout table { min-width: 40rem; }
body.mfc-quadro .mfc-credit-payment { min-width: 0; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; }
body.mfc-quadro .mfc-credit-payment #show-result { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 1rem; }
body.mfc-quadro .mfc-credit-payment #show-result > form { margin: 0; max-width: 100%; }
body.mfc-quadro .mfc-credit-payment #show-result > #stripeform { flex: 1 1 100%; min-width: 0; max-width: 100%; }
body.mfc-quadro .mfc-credit-payment #show-result :is(img, input[type="image"]) { max-width: 100%; height: auto; }

/* Available-width queries continue to work inside custom CMS sidebars. */
@container mfc-auth (min-width: 54rem) {
  body.mfc-quadro .mfc-auth-layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 1.25rem; }
}
@container mfc-auth (max-width: 53.999rem) {
  body.mfc-quadro .mfc-member-intro { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .25rem 1rem; padding: var(--mfc-card-padding, 1.25rem); }
  body.mfc-quadro .mfc-member-intro .mfc-member-mark { grid-row: 1 / 3; width: 2.5rem; height: 2.5rem; border-radius: var(--mfc-radius, .25rem); }
  body.mfc-quadro .mfc-member-intro .mfc-member-eyebrow { margin: 0; }
  body.mfc-quadro .mfc-member-intro h2 { max-width: none; font-size: var(--mfc-type-card, 1.125rem); line-height: 1.5; }
  body.mfc-quadro .mfc-member-intro .mfc-member-benefits { display: none; }
}
@container mfc-auth-card (min-width: 32rem) { body.mfc-quadro .mfc-auth .two.fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container mfc-auth-card (max-width: 31.999rem) { body.mfc-quadro .mfc-auth .content-right > .button { width: 100%; } }
@container mfc-profile (min-width: 36rem) { body.mfc-quadro #acctab #uprofile .two.fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container mfc-profile (min-width: 52rem) { body.mfc-quadro #acctab #uprofile .three.fields { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container mfc-shipping (min-width: 36rem) { body.mfc-quadro .mfc-shipping-editor .two.fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container mfc-article (min-width: 36rem) { body.mfc-quadro .mfc-article-compose .two.fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container mfc-membership-card (max-width: 30rem) {
  body.mfc-quadro #acctab .mfc-plan-card .two.fields { display: block; }
  body.mfc-quadro #acctab .mfc-plan-card .two.fields > .field { float: none; width: 100%; padding: 0; margin-bottom: .75rem; }
}
@container mfc-account (min-width: 56rem) {
  body.mfc-quadro #acctab.account-layout { grid-template-columns: 16rem minmax(0, 1fr); gap: 2rem; }
  body.mfc-quadro #acctab .account-sidebar { position: sticky; top: 6rem; max-height: calc(100dvh - 7rem); overflow-y: auto; scrollbar-width: thin; }
  body.mfc-quadro #acctab .account-menu { display: block; overflow: visible; }
  body.mfc-quadro #acctab .account-menu li + li { margin-top: .25rem; }
  body.mfc-quadro #acctab .account-menu li a { max-width: none; }
}
@container mfc-account (max-width: 39.999rem) {
  body.mfc-quadro .mfc-account-overview { margin-bottom: 1.5rem; }
  body.mfc-quadro #acctab .mfc-plan-status { grid-template-columns: minmax(0, 1fr); }
  body.mfc-quadro #acctab .mfc-plan-card { padding: var(--mfc-card-padding, 1.25rem); }
  body.mfc-quadro #acctab .mfc-form-actions .button { width: 100%; }
}
@container mfc-profile-view (min-width: 44rem) { body.mfc-quadro .mfc-profile-shell > .columns { grid-template-columns: minmax(14rem, 19rem) minmax(0, 1fr); gap: 2rem; } }
@container mfc-support (min-width: 64rem) {
  body.mfc-quadro .mfc-support.support-front .support-compose { grid-template-columns: 14rem minmax(0, 1fr); gap: 1.5rem; }
}
@container mfc-support (max-width: 64rem) {
  body.mfc-quadro .mfc-support.support-front .support-stat { gap: .75rem; padding: var(--mfc-card-padding, 1.25rem); }
  body.mfc-quadro .mfc-support.support-front .mfc-support-stat-icon { display: none; }
  body.mfc-quadro .mfc-support.support-front .support-stat { grid-template-columns: minmax(0, 1fr) auto; }
}
@container mfc-support (max-width: 56rem) {
  body.mfc-quadro .mfc-support.support-front .support-filter-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.mfc-quadro .mfc-support.support-front .support-filter-fields .field:first-child { grid-column: 1 / -1; }
  body.mfc-quadro .mfc-support.support-front .support-filter-actions { grid-column: 1 / -1; justify-content: flex-end; }
  body.mfc-quadro .mfc-support.support-front .support-list-panel { border: 0; background: transparent; }
  body.mfc-quadro .mfc-support.support-front .support-filter { margin-bottom: 1rem; border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); }
  body.mfc-quadro .mfc-support.support-front .support-table { overflow: visible; }
  body.mfc-quadro .mfc-support.support-front .support-table table { display: block; }
  body.mfc-quadro .mfc-support.support-front .support-table thead { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  body.mfc-quadro .mfc-support.support-front .support-table tbody { display: grid; gap: 1rem; }
  body.mfc-quadro .mfc-support.support-front .support-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: var(--mfc-card-padding, 1.25rem); border: 1px solid #e2e6ec; border-radius: var(--mfc-radius, .25rem); background: #fff; }
  body.mfc-quadro .mfc-support.support-front .support-table td { display: block; min-width: 0; padding: 0; border: 0; }
  body.mfc-quadro .mfc-support.support-front .support-table td[data-label] { display: flex; flex-direction: column; align-items: flex-start; gap: .375rem; }
  body.mfc-quadro .mfc-support.support-front .support-table td[data-label]::before { content: attr(data-label); color: #647084; font-size: .75rem; }
  body.mfc-quadro .mfc-support.support-front .support-table .support-ticket-subject { grid-column: 1 / -1; padding-bottom: 1rem; border-bottom: 1px solid #e8ebf0; }
  body.mfc-quadro .mfc-support.support-front .support-table .support-empty { grid-column: 1 / -1; }
  body.mfc-quadro .mfc-support.support-front .support-ticket-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container mfc-support (max-width: 40rem) {
  body.mfc-quadro .mfc-support.support-front .support-stats { gap: .5rem; }
  body.mfc-quadro .mfc-support.support-front .support-stat { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: .5rem; min-height: 6rem; padding: .875rem; }
  body.mfc-quadro .mfc-support.support-front .mfc-support-stat-label { font-size: var(--mfc-type-small, .8125rem); overflow-wrap: anywhere; }
  body.mfc-quadro .mfc-support.support-front .support-stat strong { font-size: 1.75rem; }
  body.mfc-quadro .mfc-support.support-front .support-filter-fields,
  body.mfc-quadro .mfc-support.support-front .support-form .two.fields { grid-template-columns: minmax(0, 1fr); }
  body.mfc-quadro .mfc-support.support-front .support-heading-actions { gap: .5rem; }
  body.mfc-quadro .mfc-support.support-front .support-message-tools { flex-wrap: wrap; max-width: 100%; margin-left: 0; }
  body.mfc-quadro .mfc-support.support-front .support-message .support-heading { align-items: flex-start; flex-wrap: wrap; }
  body.mfc-quadro .mfc-support.support-front .support-message { padding: var(--mfc-card-padding, 1.25rem); }
  body.mfc-quadro .mfc-support.support-front .mfc-compose-intro { display: flex; flex-wrap: wrap; align-items: center; gap: .875rem; }
  body.mfc-quadro .mfc-support.support-front .mfc-compose-intro h3 { margin: 0; }
  body.mfc-quadro .mfc-support.support-front .mfc-compose-intro .support-field-help { flex-basis: 100%; max-width: none; margin: 0; }
}
@container mfc-credits (min-width: 40rem) {
  body.mfc-quadro .mfc-credit-catalog--list > .mfc-credit-card { grid-template-columns: minmax(11rem, 24%) minmax(0, 1fr); }
  body.mfc-quadro .mfc-credit-catalog--list .mfc-credit-card-media { border-bottom: 0; border-right: 1px solid var(--member-border); }
}
@container mfc-credits (min-width: 48rem) {
  body.mfc-quadro .mfc-credit-detail-grid { grid-template-columns: minmax(0, min(36%, 26rem)) minmax(0, 1fr); }
}
@container mfc-credits (min-width: 72rem) { body.mfc-quadro .mfc-credit-checkout-layout { grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr); } }

@media (max-width: 39.999rem) {
  body.mfc-quadro :is(.mfc-auth, #acctab) .wojo.form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.mfc-quadro .mfc-shipping-editor .wojo.form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.mfc-quadro :is(.mfc-auth, #acctab) .wojo.form textarea,
  body.mfc-quadro .mfc-support.support-front .wojo.form.support-form .field > :is(input[type="text"], select, textarea),
  body.mfc-quadro .mfc-support.support-front .support-filter input[type="text"],
  body.mfc-quadro .mfc-support.support-front .support-form .chosen-container-single .chosen-single,
  body.mfc-quadro .mfc-support.support-front .support-filter .chosen-container-single .chosen-single { font-size: 1rem; }
}

/* The ticket keyword lives in the page header; retain its status/department controls. */
body.mfc-quadro .mfc-support.support-front .support-filter-merged .support-filter-fields { grid-template-columns: repeat(2,minmax(0,1fr)) auto; }
body.mfc-quadro .mfc-support.support-front .support-filter-merged .support-filter-fields .field:first-child { grid-column: auto; }
@media (max-width: 63.999rem) {
  body.mfc-quadro .mfc-support.support-front .support-filter-merged .support-filter-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.mfc-quadro .mfc-support.support-front .support-filter-merged .support-filter-actions { grid-column: 1 / -1; }
}
@media (max-width: 39.999rem) {
  body.mfc-quadro .mfc-support.support-front .support-filter-merged .support-filter-fields { grid-template-columns: minmax(0,1fr); }
}