/* * Projet : MageKorp Hub * Fichier : public/assets/css/responsive.css * Rôle : Adaptations PC, tablette et mobile des interfaces publiques et administratives * Auteur : Régis KREMER * Version fichier : 2.2.0 * Version générale: 1.2.0 * Lot : MAGEKORP HUB PUBLIC PRODUCT REAL MEDIA STORY1 * Base requise : MageKorp Hub 1.1.1 * Créé le : 2026-07-23 * Modifié le : 2026-07-24 * Contraintes : Bord à bord mobile/tablette, aucun débordement horizontal, WCAG 2.2 AA * Modifications : Adaptations des captures officielles et du gestionnaire média sur tous les écrans. */ @layer responsive { @media (max-width: 76rem) { .public-header__inner{gap:1rem}.public-navigation a{padding-inline:.55rem}.header-cta span{display:none}.header-cta{padding:.48rem} .premium-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(27rem,1.1fr);gap:3rem}.premium-hero__visual{min-height:32rem}.hero-float--release{left:0}.hero-float--responsive{right:0} .product-story{grid-template-columns:minmax(23rem,.9fr) minmax(0,1.1fr);gap:4rem}.product-stage{min-height:32rem}.product-stage-wrap{min-height:32rem} .catalog-editorial-item{grid-template-columns:3rem minmax(17rem,.72fr) minmax(0,1.28fr);gap:1.8rem}.product-masthead__inner{gap:3rem}.product-story-section{gap:4rem}.product-practical__grid>article{padding-inline:1.4rem} .admin-shell{grid-template-columns:4.8rem minmax(0,1fr)}.admin-topbar .brand{width:4rem}.admin-topbar .brand__name{display:none}.admin-nav-item{grid-template-columns:1fr;place-items:center}.admin-nav-item b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.admin-sidebar__footer{display:none}.admin-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(17rem,.7fr)} .product-hero__grid{grid-template-columns:minmax(0,1fr) minmax(15rem,.45fr)}.catalog-admin-cards{grid-template-columns:1fr}.form-stepper small{display:none} } @media (max-width: 62rem) { :root{--mk-header:4.4rem} .public-header__inner{width:calc(100% - 2rem);grid-template-columns:auto 1fr auto}.public-brand img{width:11rem}.header-cta{display:none}.menu-trigger{display:block} .public-navigation{position:fixed;z-index:var(--z-overlay);inset:var(--mk-header) 0 0 auto;width:min(24rem,88vw);padding:1.4rem;background:#fff;border-left:1px solid #d6e0ea;box-shadow:-25px 0 55px rgb(31 49 74 / .12);transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .28s var(--mk-ease),visibility 0s linear .28s;overflow-y:auto}.public-navigation.is-open{transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}.public-navigation ul{display:grid;gap:0}.public-navigation li{border-bottom:1px solid #e3e9f0}.public-navigation a{padding:1rem .25rem;font-size:.95rem}.public-navigation li>a::after{display:none}.public-navigation__mobile-cta{display:flex!important;align-items:center;justify-content:center;margin-top:1.4rem;min-height:3rem;background:var(--mk-ink);color:#fff!important;padding:0 1rem!important} .premium-hero{min-height:auto}.premium-hero__grid{grid-template-columns:1fr;padding:5rem 0 6.5rem;gap:4rem}.premium-hero__copy{max-width:47rem}.premium-hero h1{max-width:14ch}.premium-hero__visual{width:min(43rem,100%);margin-inline:auto}.hero-media-showcase{width:88%}.hero-float--release{left:1rem}.hero-float--responsive{right:1rem}.signal-line{grid-template-columns:repeat(2,1fr);gap:2rem 3rem} .experience-section{padding-block:6.5rem}.experience-intro{grid-template-columns:1fr;gap:1.4rem;margin-bottom:4rem}.experience-intro .premium-kicker{grid-column:auto}.experience-intro>p:last-child{max-width:43rem}.product-story{grid-template-columns:1fr;gap:2rem}.product-stage-wrap{position:relative;top:auto;min-height:auto}.product-stage{min-height:32rem}.story-chapter{min-height:auto;padding:3.2rem 0;opacity:1} .release-section{padding-block:6.5rem}.release-section__heading{grid-template-columns:1fr;gap:1.5rem}.release-section__heading>p{max-width:43rem}.release-table__head{display:none}.release-entry{grid-template-columns:minmax(13rem,1.2fr) .65fr .8fr .6fr;min-height:6.8rem}.release-entry>a{grid-column:1/-1;justify-self:start;padding-bottom:1rem}.method-section{padding-block:6.5rem}.method-section__heading{grid-template-columns:1fr;gap:1.3rem}.method-timeline div{gap:2rem}.closing-statement{grid-template-columns:.8fr 1.2fr}.closing-statement__copy{padding:3rem}.premium-footer__inner{grid-template-columns:1fr;gap:3rem}.premium-footer__intro{max-width:34rem} .catalog-masthead__inner{grid-template-columns:1fr}.catalog-masthead__mark{position:absolute;right:-5rem;bottom:-6rem;opacity:.2}.catalog-masthead__mark img{width:20rem}.catalog-masthead__inner>div:first-child{position:relative;z-index:1}.catalog-index__heading{grid-template-columns:1fr;gap:1.3rem}.catalog-editorial-item{grid-template-columns:3rem minmax(15rem,.62fr) minmax(0,1.38fr)}.catalog-product-title{display:grid;gap:1rem}.catalog-feature-line{grid-template-columns:1fr}.catalog-principles>div:first-child{grid-template-columns:1fr;gap:1.2rem} .product-masthead__inner{grid-template-columns:1fr}.product-masthead__copy{max-width:48rem}.product-masthead__visual{width:min(40rem,100%);margin-inline:auto}.product-overview{grid-template-columns:1fr;gap:2rem}.product-overview__body{padding-top:0;max-width:48rem}.product-feature-section__heading,.product-practical__heading{grid-template-columns:1fr;gap:1.2rem}.product-story-section{grid-template-columns:1fr;gap:3rem}.product-story-section--reverse .product-story-section__visual{order:0}.product-story-section__visual{min-height:22rem}.product-practical__grid{grid-template-columns:1fr}.product-practical__grid>article,.product-practical__grid>article:first-child{min-height:auto;padding:2rem 0;border-right:0;border-bottom:1px solid #d6e0ea} .admin-shell{display:block;padding-top:4.4rem}.admin-topbar{position:fixed;inset:0 0 auto;height:4.4rem}.admin-topbar .brand{width:auto}.admin-topbar .brand__name{display:block}.admin-topbar__menu{display:inline-grid;order:-1}.admin-sidebar{position:fixed;z-index:var(--z-overlay);inset-block:4.4rem 0;inset-inline-start:0;width:min(18rem,88vw);height:auto;clip-path:inset(0 100% 0 0);visibility:hidden;pointer-events:none;transition:clip-path var(--duration) var(--ease),visibility 0s linear var(--duration);box-shadow:var(--shadow-lg)}.admin-sidebar.is-open{clip-path:inset(0);visibility:visible;pointer-events:auto;transition-delay:0s}.admin-nav-item{grid-template-columns:2rem 1fr;place-items:initial}.admin-nav-item b{position:static;width:auto;height:auto;overflow:visible;clip:auto}.admin-main{min-height:calc(100vh - 4.4rem)}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid{grid-template-columns:1fr}.admin-quick-actions>div:last-child{grid-template-columns:repeat(2,1fr)} .catalog-grid{grid-template-columns:1fr}.product-detail{grid-template-columns:1fr}.product-detail aside{grid-template-columns:repeat(2,minmax(0,1fr))}.product-side-panel:first-child{grid-row:1}.catalog-unlock-panel{grid-template-columns:1fr}.form-stepper{grid-template-columns:repeat(2,1fr)}.media-existing{grid-template-columns:1fr}.publish-checklist ul{grid-template-columns:1fr} } @media (max-width: 45rem) { :root{--mk-header:4rem} .public-header__inner{width:100%;padding-inline:max(.8rem,env(safe-area-inset-left)) max(.8rem,env(safe-area-inset-right))}.public-brand img{width:9.8rem}.public-navigation{inset-block-start:var(--mk-header)} .premium-hero__grid,.signal-line,.experience-section,.method-section,.closing-statement,.catalog-masthead__inner,.catalog-index,.product-masthead__inner,.product-overview,.product-story-section{width:100%} .premium-hero__grid{padding:4.2rem 1rem 5.5rem}.premium-hero h1{font-size:clamp(2.35rem,11vw,3.2rem);max-width:13ch}.premium-hero__lead{font-size:.96rem}.premium-actions{display:grid;grid-template-columns:1fr}.premium-button{width:100%}.hero-proof{grid-template-columns:1fr;margin-top:2.6rem}.hero-proof>div{grid-template-columns:2.4rem 1fr}.premium-hero__visual{min-height:24rem}.hero-media-showcase{width:94%;transform:none;animation:none}.brand-media-fallback--hero{padding:1.25rem}.brand-media-fallback--hero>img{width:5.5rem;height:5.5rem}.hero-float--release{left:.5rem;bottom:0;width:10rem}.hero-float--responsive{right:.5rem;top:1rem}.hero-orbit--one{width:22rem;height:22rem}.hero-orbit--two{width:17rem;height:17rem}.scroll-cue{display:none} .signal-line{padding:2.5rem 1rem;grid-template-columns:1fr;border-bottom:0;background:#f5f8fc}.signal-line>div{padding-bottom:1rem;border-bottom:1px solid #dce4ed}.signal-line>div:last-child{border-bottom:0} .experience-section{padding:5rem 1rem}.experience-intro{margin-bottom:3rem}.experience-intro h2,.release-section__heading h2,.method-section__heading h2,.catalog-index__heading h2,.product-overview__heading h2,.product-feature-section__heading h2,.product-practical__heading h2{font-size:clamp(1.9rem,8.8vw,2.55rem)}.product-stage{min-height:27rem;padding:1.2rem}.product-stage__identity{gap:.8rem}.product-stage__identity img{width:4.6rem;height:4.6rem}.product-stage__identity strong{font-size:1.7rem}.product-stage__screen{min-height:11rem}.story-chapter{grid-template-columns:2.2rem 1fr;padding:2.5rem 0}.story-chapter h3{font-size:1.65rem} .release-section{padding:5rem 1rem}.release-entry{grid-template-columns:1fr auto;gap:.65rem;padding:1.1rem 0}.release-entry__product{grid-column:1/-1}.release-entry time{grid-column:1}.release-entry__version{grid-column:2;grid-row:2}.release-channel{grid-column:1;grid-row:3}.release-entry>a{grid-column:2;grid-row:3;padding:0}.method-section{padding:5rem 1rem}.method-timeline{margin-top:3rem}.method-timeline li{grid-template-columns:2.5rem 1fr;gap:.8rem;padding:1.5rem 0}.method-timeline div{grid-template-columns:1fr;gap:.45rem}.method-timeline h3{font-size:1.2rem}.closing-statement{margin:0;grid-template-columns:1fr;border-inline:0;border-bottom:0}.closing-statement__mark{min-height:15rem}.closing-statement__mark img{width:14rem}.closing-statement__copy{padding:2.5rem 1rem 4rem}.closing-statement h2{font-size:2.6rem} .premium-footer__inner,.premium-footer__legal{width:100%;padding-inline:1rem}.premium-footer__nav{grid-template-columns:repeat(2,1fr)}.premium-footer__nav>div:last-child{grid-column:1/-1}.premium-footer__legal{align-items:flex-start;flex-direction:column} .catalog-masthead{padding:calc(var(--mk-header) + 3.6rem) 1rem 3.6rem}.catalog-masthead h1,.product-masthead h1{font-size:clamp(2.25rem,10vw,3.1rem)}.catalog-index{padding:5rem 0}.catalog-index__heading{padding-inline:1rem}.catalog-editorial-item{grid-template-columns:2.4rem 1fr;gap:.6rem;padding:2.2rem 1rem}.catalog-editorial-item__visual{grid-column:2;min-height:16rem}.catalog-editorial-item__content{grid-column:2}.catalog-product-title>div:last-child{justify-content:flex-start}.catalog-principles{padding:5rem 1rem}.catalog-principles__grid{grid-template-columns:1fr}.catalog-principles article,.catalog-principles article+article{padding:1.8rem 0;border-right:0;border-bottom:1px solid #d7e0ea}.catalog-principles article:last-child{border-bottom:0} .product-masthead{padding:calc(var(--mk-header) + 3.5rem) 1rem 3.5rem}.product-masthead__visual{min-height:24rem}.product-masthead__halo{width:19rem;height:19rem}.official-product-media--masthead img{min-height:15rem}.brand-media-fallback--product{min-height:20rem}.brand-media-fallback--product>img{width:7.5rem;height:7.5rem}.product-local-nav{top:4rem}.product-local-nav>div{width:100%;padding-inline:1rem}.product-overview{padding:5rem 1rem}.product-feature-section,.product-practical,.product-closing{padding:5rem 1rem}.product-feature-list{margin-top:3rem}.product-feature-list article{grid-template-columns:2.4rem 1fr;padding:1.4rem 0}.product-feature-list article>div{grid-template-columns:1fr;gap:.45rem}.product-story-section{padding:5rem 1rem}.product-story-section__visual{min-height:17rem}.product-story-section__visual{padding:1rem}.official-product-media--section img{min-height:13rem}.brand-media-fallback--section{min-height:15rem}.product-closing h2{font-size:2.45rem}.product-media-gallery{padding:5rem 1rem}.product-media-gallery .product-section-heading{grid-template-columns:1fr;gap:1rem}.product-media-gallery .product-section-heading .premium-kicker{grid-column:auto}.product-media-gallery__grid{grid-template-columns:1fr;gap:1rem} .admin-topbar{height:4rem;padding-inline:max(.6rem,env(safe-area-inset-left)) max(.6rem,env(safe-area-inset-right));gap:.3rem}.admin-shell{padding-top:4rem}.admin-sidebar{inset-block-start:4rem}.admin-topbar .brand__name{display:none}.preview-badge{display:none}.admin-profile>span:last-child{display:none}.admin-main{padding:1rem 0;min-height:calc(100vh - 4rem)}.admin-page-heading{padding-inline:1rem;align-items:flex-start;flex-direction:column}.admin-page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.metric-grid{grid-template-columns:1fr 1fr;padding-inline:1rem}.metric-card{border-radius:var(--radius-sm)}.admin-dashboard-grid{gap:0}.admin-panel{border-inline:0;border-radius:0;box-shadow:none;border-bottom:0}.admin-quick-actions{margin-top:0;border-inline:0;border-radius:0}.admin-quick-actions>div:last-child{grid-template-columns:1fr}.activity-list li{grid-template-columns:auto 1fr}.activity-list time{grid-column:2}.storage-chart{grid-template-columns:1fr;justify-items:center;width:100%}.storage-chart ul{width:min(18rem,100%)} .catalog-admin-metrics{grid-template-columns:repeat(2,1fr);padding-inline:1rem}.catalog-admin-list{border-inline:0;border-radius:0}.catalog-admin-cards{gap:0}.catalog-admin-cards>article{border-inline:0;border-radius:0;border-bottom:0}.catalog-unlock-panel{border-inline:0;border-radius:0}.admin-page-heading--catalog-form{padding-inline:1rem}.form-stepper{grid-template-columns:repeat(4,minmax(3rem,1fr));gap:.25rem;padding-inline:.5rem}.form-stepper button{display:grid;place-items:center;min-height:3.5rem;padding:.4rem;text-align:center}.form-stepper button>span{grid-row:auto;width:1.8rem;height:1.8rem}.form-stepper b{font-size:.6rem}.catalog-form{gap:0}.form-step{border-inline:0;border-radius:0}.form-grid--2,.form-grid--3{grid-template-columns:1fr}.field--wide{grid-column:auto}.repeater-row{grid-template-columns:1fr;padding:1rem}.repeater-row__handle{display:none}.repeater-remove{position:absolute;top:.45rem;right:.45rem}.media-existing__item{grid-template-columns:1fr}.media-existing__preview{width:100%}.media-existing__preview img{width:100%;height:10rem}.media-fields{grid-template-columns:1fr}.media-preview__toolbar{align-items:flex-start;flex-direction:column}.media-preview__viewport--tablet{width:min(88%,34rem)}.media-preview__viewport--mobile{width:min(72%,22rem)}.wizard-actions{border-inline:0;border-radius:0;flex-wrap:wrap}.wizard-actions>span{width:100%;order:-1;margin:0}.wizard-actions .button{flex:1}.catalog-publication-actions{align-items:flex-start;flex-direction:column;border-inline:0;border-radius:0}.catalog-publication-actions>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}.catalog-publication-actions form,.catalog-publication-actions .button{width:100%} } @media (max-width: 25rem) { .premium-hero h1{font-size:2.2rem}.hero-float--responsive{display:none}.product-stage__identity{display:grid}.release-entry>a{grid-column:1/-1;grid-row:auto}.catalog-editorial-item{grid-template-columns:1fr}.catalog-editorial-item__index,.catalog-editorial-item__visual,.catalog-editorial-item__content{grid-column:1}.catalog-editorial-item__index{padding:0}.catalog-product-title>div:last-child{flex-wrap:wrap}.product-local-nav>div{gap:1.1rem}.premium-footer__nav{grid-template-columns:1fr}.premium-footer__nav>div:last-child{grid-column:auto}.metric-grid{grid-template-columns:1fr}.admin-page-actions{grid-template-columns:1fr}.catalog-admin-metrics{grid-template-columns:1fr}.form-stepper{grid-template-columns:repeat(2,1fr)}.catalog-publication-actions>div:last-child{grid-template-columns:1fr}.wizard-actions .button{flex-basis:100%} } } @media (max-width:62rem){ .design-lab-hero__inner,.design-lab-section--split{grid-template-columns:1fr;gap:3.5rem}.design-lab-hero__brand{justify-items:start}.design-palette{grid-template-columns:repeat(2,1fr)}.design-swatch:nth-child(2){border-right:0}.design-swatch:nth-child(-n+2){border-bottom:1px solid #d4deea}.design-device-grid{grid-template-columns:1fr}.design-device-grid article,.design-device-grid article:first-child{padding:2rem 0;border-right:0;border-bottom:1px solid #d8e1eb}.design-device-grid article:last-child{border-bottom:0} } @media (max-width:45rem){ .premium-hero h1{font-size:clamp(2.25rem,9.2vw,2.85rem);max-width:14ch}.catalog-masthead h1,.product-masthead h1,.design-lab-hero h1{font-size:clamp(2.15rem,8.5vw,2.75rem)}.product-masthead__statement{font-size:1.15rem}.design-lab-hero{padding:calc(var(--mk-header) + 3.6rem) 1rem 3.6rem}.design-lab{width:100%}.design-lab-section{padding:5rem 1rem}.design-palette{grid-template-columns:1fr}.design-swatch{min-height:12rem;border-right:0;border-bottom:1px solid #d4deea}.design-swatch:last-child{border-bottom:0}.design-type-specimen>div{grid-template-columns:1fr;gap:.6rem}.design-type-specimen strong{font-size:1.55rem}.design-component-board{padding:1.25rem;grid-template-columns:1fr}.design-component-board__line{grid-column:auto;grid-template-columns:1fr;gap:.35rem}.design-component-board__actions{display:grid}.design-component-board__actions .premium-button{width:100%}.design-component-board__status{justify-content:start} } @media (max-width:1100px){.release-workspace{grid-template-columns:1fr}.release-workspace__aside{grid-template-columns:repeat(2,minmax(0,1fr))}.release-actions{grid-row:span 2}.release-metrics{grid-template-columns:repeat(3,1fr)}.signing-key-grid{grid-template-columns:1fr}} @media (max-width:760px){.release-metrics{grid-template-columns:repeat(2,1fr)}.release-summary-grid{grid-template-columns:repeat(2,1fr)}.release-workspace__aside{grid-template-columns:1fr}.release-actions{grid-row:auto}.artifact-meta,.upload-drop-grid{grid-template-columns:1fr}.artifact-card>header,.artifact-upload-form__footer,.release-form__intro{align-items:flex-start;flex-direction:column}.release-form__intro>p{text-align:left}.release-table{min-width:46rem}.signing-key-list dl>div{grid-template-columns:1fr}.release-heading .admin-page-actions{align-items:flex-start}} @media (max-width:480px){.release-metrics,.release-summary-grid{grid-template-columns:1fr}.artifact-card{padding:.75rem}.release-form{padding:.8rem}.upload-drop{min-height:8rem}} @media (max-width: 76rem) { .product-reviews-layout{grid-template-columns:1fr}.product-review-form-panel{max-width:none}.review-settings-grid{grid-template-columns:1fr}.review-moderation-actions{grid-template-columns:1fr}.review-moderation-actions form,.review-moderation-actions form+form{grid-template-columns:1fr 1fr}.review-moderation-actions form .button{grid-column:1/-1;justify-self:start} } @media (max-width: 62rem) { .product-reviews-section{padding:5rem 1rem}.product-reviews-section__heading{grid-template-columns:1fr}.product-reviews-section__heading .premium-kicker{grid-column:auto}.product-reviews-public,.product-review-form-panel{border-inline:0;margin-inline:-1rem;box-shadow:none}.admin-summary-strip--reviews{grid-template-columns:repeat(2,minmax(0,1fr))}.review-moderation-card>header{display:grid}.review-moderation-card__state{justify-content:flex-start}.admin-pagination{align-items:stretch;flex-direction:column}.admin-pagination>div{flex-wrap:wrap} } @media (max-width: 38rem) { .product-reviews-section{padding-inline:1rem}.product-reviews-section__heading h2{font-size:2.15rem}.product-reviews-public,.product-review-form-panel{padding:1rem}.review-form-grid{grid-template-columns:1fr}.review-score-panel{grid-template-columns:1fr}.review-score-panel>div{grid-row:auto}.review-carousel__viewport{min-height:21rem}.product-review-inline{grid-template-columns:1fr}.product-review-inline blockquote{grid-column:auto}.catalog-review-summary{flex-wrap:wrap}.admin-summary-strip--reviews{grid-template-columns:1fr}.review-setting-fields{grid-template-columns:1fr}.review-moderation-actions form,.review-moderation-actions form+form{grid-template-columns:1fr}.review-moderation-actions form .button{grid-column:auto;width:100%}.review-private-meta{display:grid}.admin-pagination>div .button{flex:1}.review-rating-input label{font-size:1.75rem} } @media (max-width: 900px){ .contact-hero,.contact-workspace,.support-track-layout,.support-reply-panel,.support-admin-layout{grid-template-columns:1fr} .contact-workspace__intro,.support-control-panel{position:static} .support-ticket-row{grid-template-columns:2.25rem minmax(0,1fr)}.support-ticket-row__meta,.support-ticket-row__counts{grid-column:2} .support-ticket-detail__facts{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 640px){ .contact-hero,.contact-workspace,.support-confirmation,.support-track-hero,.support-track-layout,.support-track-alert,.support-reply-panel,.simple-public-error{width:100%;padding-inline:1rem} .contact-hero{padding-top:7rem}.contact-workspace{gap:1.5rem}.support-form,.support-timeline,.support-track-side section,.support-reply-panel{margin-inline:-1rem;border-inline:0;box-shadow:none} .support-form__grid,.support-type-choice,.support-ticket-detail__facts{grid-template-columns:1fr}.support-type-choice label{min-height:auto} .admin-summary-strip--support{grid-template-columns:repeat(2,minmax(0,1fr))}.support-ticket-row{padding-inline:.6rem}.support-admin-reply fieldset{display:grid} } @media (max-width: 390px){.admin-summary-strip--support{grid-template-columns:1fr}.support-ticket-row__counts{display:none}} /* MAGEKORP HUB SUPPORT PAYPAL STRIPE CONFIG1 */ @media (max-width:76rem){.product-contribution-section{grid-template-columns:1fr}.contribution-provider-grid,.contribution-preview-grid{grid-template-columns:1fr}.contribution-event-row{grid-template-columns:8rem 6rem 1fr 8rem}.contribution-event-row>*:last-child{grid-column:3/5}.admin-summary-strip--contributions{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:48rem){.product-contribution-section{padding:5rem 1rem}.product-contribution-providers{grid-template-columns:1fr}.product-contribution-provider{margin-inline:-1rem;border-inline:0;box-shadow:none}.contribution-form-grid,.contribution-form-grid--secrets{grid-template-columns:1fr}.contribution-link-table__head{display:none}.contribution-link-row{grid-template-columns:1fr}.contribution-event-row,.contribution-event-row--head{grid-template-columns:1fr;gap:.25rem}.contribution-event-row--head{display:none}.contribution-event-row>*:last-child{grid-column:auto}.admin-summary-strip--contributions{grid-template-columns:1fr}.contribution-provider-grid,.contribution-preview-grid{padding-inline:0}.contribution-provider-form,.contribution-preview-card{border-inline:0}.contribution-status-actions{display:grid}} /* MAGEKORP HUB CONTACT SUPPORT VERSIONS SCREENSHOTS UX1 */ @media (max-width:760px){.support-screenshot-previews{grid-template-columns:1fr}.support-screenshot-preview{grid-template-columns:5.5rem minmax(0,1fr)}.support-screenshot-preview img{width:5.5rem;height:4.2rem}.support-upload-zone{margin-inline:-.15rem;padding:.85rem}.support-field-help-popover{right:auto;left:0}} @media (forced-colors:active){.support-upload-zone,.support-screenshot-preview,.support-help-button{border:1px solid ButtonText}.support-type-choice label:has(input:checked){outline:2px solid Highlight}}