.ecommerce-page { background: #f7f8fb; min-height: 100vh; }
.ecommerce-page__heading { padding-bottom: 1rem; }
.ecommerce-page__title-row, .ecommerce-page__title-copy, .ecommerce-page__header-actions, .ecommerce-panel__intro, .ecommerce-panel__actions, .ecommerce-card__heading, .ecommerce-setting-card__heading { align-items: center; display: flex; }
.ecommerce-page__title-row { gap: 1rem; justify-content: space-between; }
.ecommerce-page__title-copy { gap: .75rem; min-width: 0; }
.ecommerce-page__title-copy h3 { color: #25324b; letter-spacing: 0; margin: 0 0 .2rem; }
.ecommerce-page__eyebrow { color: #7c8aa5; font-size: .72rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.ecommerce-page__eyebrow i { color: #435ebe; margin-right: .28rem; }
.ecommerce-page__header-actions { flex: 0 0 auto; gap: .75rem; }
.entity-list--ecommerce { border-color: #e7eaf0; box-shadow: 0 3px 12px rgba(31, 45, 61, .04); }
.ecommerce-list-page__toolbar { align-items: flex-start; flex-wrap: wrap; }
.ecommerce-list-page__toolbar-filters { border-bottom: 0; flex: 1 1 auto; min-height: 0; padding: 0; }
.ecommerce-panel__actions { flex: 0 1 auto; gap: .85rem; margin-left: auto; }
.ecommerce-panel__actions > .btn { flex: 0 0 auto; min-height: 40px; padding-left: .9rem; padding-right: .9rem; white-space: nowrap; }
.ecommerce-list-page__tab-search { flex: 0 1 460px; max-width: 460px; min-width: 280px; }
.ecommerce-list-page__day-filter .entity-list__status-filter-menu { min-width: 300px; }
.ecommerce-list-page__day-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); padding: 0 .45rem; }
.ecommerce-list-page__day-grid .entity-list__status-filter-option { justify-content: center; min-height: 33px; padding: .28rem .3rem; }
.ecommerce-list-page__day-grid .form-check-input { display: none; }
.ecommerce-list-page__day-grid .form-check-label { align-items: center; border: 1px solid #e0e5ee; border-radius: 5px; display: flex; flex: 1; font-size: .72rem; justify-content: center; min-height: 27px; }
.ecommerce-list-page__day-grid .form-check-input:checked + .form-check-label { background: #435ebe; border-color: #435ebe; color: #fff; }
.ecommerce-list-page__tabs { align-items: center; background: #fff; border-bottom: 1px solid #e7eaf0; display: flex; gap: .35rem; min-height: 58px; overflow-x: auto; padding: .65rem 1.25rem; }
.ecommerce-list-page__tabs button { background: transparent; border: 0; border-radius: 6px; color: #7c8aa5; flex: 0 0 auto; font-size: .88rem; font-weight: 800; min-height: 38px; padding: .45rem .85rem; transition: background-color .15s ease, color .15s ease, box-shadow .15s ease; }
.ecommerce-list-page__tabs button:hover, .ecommerce-list-page__tabs button:focus { background: #f4f7fb; color: #435ebe; outline: none; }
.ecommerce-list-page__tabs button.is-active { background: #eef3ff; box-shadow: inset 0 0 0 1px #dbe4ff; color: #435ebe; }
.ecommerce-panel { padding: 1rem 1.25rem 1.25rem; }
.ecommerce-panel__intro { gap: 1rem; justify-content: space-between; margin-bottom: .9rem; }
.ecommerce-panel__intro h4 { color: #25324b; font-size: 1.05rem; font-weight: 900; letter-spacing: 0; margin: .15rem 0 0; }
.ecommerce-panel__intro p { color: #7c8aa5; font-size: .8rem; margin: .3rem 0 0; }
.ecommerce-panel__eyebrow { color: #7c8aa5; display: block; font-size: .72rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.ecommerce-state { align-items: center; color: #7c8aa5; display: flex; font-size: .85rem; gap: .6rem; justify-content: center; min-height: 150px; }
.ecommerce-state--error { color: #b42318; }
.ecommerce-metrics { display: grid; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: .75rem; }
.ecommerce-metric { background: #fff; border: 1px solid #e7eaf0; border-radius: 8px; box-shadow: 0 3px 10px rgba(31, 45, 61, .035); min-height: 116px; overflow: hidden; padding: .9rem 1rem; position: relative; }
.ecommerce-metric::before { background: #435ebe; content: ''; height: 3px; left: 0; position: absolute; right: 0; top: 0; }
.ecommerce-metric--orders::before { background: #16a085; }.ecommerce-metric--products::before { background: #25324b; }.ecommerce-metric--stock::before { background: #f0643b; }
.ecommerce-metric__icon { display: none; }
.ecommerce-metric > span { color: #7c8aa5; display: block; font-size: .68rem; font-weight: 900; letter-spacing: .035em; line-height: 1.2; min-height: 1.65rem; text-transform: uppercase; }
.ecommerce-metric > strong { color: #435ebe; display: block; font-size: 1.55rem; font-weight: 900; letter-spacing: 0; line-height: 1; margin: .4rem 0 .2rem; }.ecommerce-metric--orders > strong { color: #16a085; }.ecommerce-metric--products > strong { color: #25324b; }.ecommerce-metric--stock > strong { color: #f0643b; }
.ecommerce-metric > small { color: #7c8aa5; display: block; font-size: .72rem; font-weight: 700; }.ecommerce-metric em { display: none; }
.ecommerce-overview-grid { display: grid; gap: .75rem; grid-template-columns: minmax(0, 1.45fr) minmax(260px, 1fr); }
.ecommerce-card { background: #fff; border: 1px solid #e7eaf0; border-radius: 8px; padding: 1rem; }.ecommerce-card__heading { gap: .8rem; justify-content: space-between; margin-bottom: .6rem; }.ecommerce-card__heading span { color: #7c8aa5; display: block; font-size: .7rem; font-weight: 800; text-transform: uppercase; }.ecommerce-card__heading h5 { color: #25324b; font-size: .94rem; font-weight: 800; margin: .15rem 0 0; }.ecommerce-card--start { background: #f8faff; border-color: #e1e8fb; }.ecommerce-card--start p { color: #69758d; font-size: .8rem; line-height: 1.45; margin: 0; }.ecommerce-checkline { color: #4f5d75; display: flex; font-size: .78rem; gap: .45rem; margin-top: .6rem; }.ecommerce-checkline i { color: #16a085; }
.ecommerce-order-mini { align-items: center; border-top: 1px solid #edf0f5; display: flex; gap: .65rem; padding: .65rem 0; }.ecommerce-avatar { align-items: center; background: #edf1ff; border-radius: 50%; color: #435ebe; display: flex; flex: 0 0 35px; font-size: .72rem; font-weight: 800; height: 35px; justify-content: center; width: 35px; }.ecommerce-order-mini__copy { display: grid; flex: 1; min-width: 0; }.ecommerce-order-mini__copy strong { color: #25324b; font-size: .82rem; }.ecommerce-order-mini__copy small { color: #7c8aa5; font-size: .71rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.ecommerce-order-mini__value { display: grid; gap: .2rem; justify-items: end; }.ecommerce-order-mini__value > strong { color: #25324b; font-size: .8rem; }
.ecommerce-badge { border-radius: 4px; display: inline-flex; font-size: .67rem; font-weight: 800; padding: .18rem .38rem; white-space: nowrap; width: fit-content; }.ecommerce-badge.is-active, .ecommerce-badge.is-paid { background: #e8f7ef; color: #14804a; }.ecommerce-badge.is-low, .ecommerce-badge.is-preparing { background: #fff3df; color: #a75c00; }.ecommerce-badge.is-empty, .ecommerce-badge.is-draft, .ecommerce-badge.is-pending { background: #edf0f5; color: #6b778c; }.ecommerce-badge.is-ready { background: #edf1ff; color: #435ebe; }.ecommerce-badge.is-delivery { background: #e7f4f6; color: #14788a; }.ecommerce-badge.is-featured { align-items: center; background: #fff3df; color: #a75c00; gap: .22rem; }
.ecommerce-list-page__table-wrap { border-top: 1px solid #e7eaf0; overflow: auto; }.ecommerce-list-page__columns, .ecommerce-list-page__row { gap: 0; min-width: 760px; padding-left: 0; padding-right: 0; }.ecommerce-list-page__columns { background: #f7f8fb; border-bottom: 1px solid #e7eaf0; color: #78849b; font-size: .72rem; font-weight: 800; min-height: 52px; }.ecommerce-list-page__row { background: #fff; border-bottom: 1px solid #edf0f5; color: #25324b; font-size: .8rem; min-height: 68px; transition: background-color .15s ease; }.ecommerce-list-page__row:hover { background: #f9faff; }.ecommerce-list-page__columns > span, .ecommerce-list-page__row > span { align-items: center; border-right: 1px solid #edf0f5; display: flex; min-height: inherit; min-width: 0; padding: .5rem .75rem; }.ecommerce-list-page__columns > span { justify-content: center; }.ecommerce-list-page__columns > span:last-child, .ecommerce-list-page__row > span:last-child { border-right: 0; }.ecommerce-list-page__columns--products, .ecommerce-list-page__row--products { grid-template-columns: minmax(260px, 2fr) minmax(155px, 1.2fr) 110px 110px 92px; }.ecommerce-list-page__columns--orders, .ecommerce-list-page__row--orders { grid-template-columns: minmax(185px, 1.2fr) minmax(175px, 1fr) minmax(165px, .95fr) minmax(185px, 1.1fr) 125px 78px; min-width: 1018px; }
.ecommerce-product__main { gap: .65rem; }.ecommerce-product__visual { align-items: center; background: #f2f5fb; border-radius: 8px; color: #7c8aa5; display: flex; flex: 0 0 38px; font-size: 1.08rem; height: 38px; justify-content: center; overflow: hidden; width: 38px; }.ecommerce-product__photo img { height: 100%; object-fit: cover; width: 100%; }.ecommerce-product__main > span:last-child { display: grid; min-width: 0; }.ecommerce-product__title { align-items: center; display: flex; gap: .45rem; min-width: 0; }.ecommerce-product__title strong { color: #25324b; font-size: .83rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.ecommerce-product__main small, .ecommerce-product__stock small { color: #7c8aa5; font-size: .7rem; margin-top: .14rem; }.ecommerce-product__fulfillment { color: #58677f; font-size: .75rem; gap: .4rem; }.ecommerce-product__fulfillment i { color: #435ebe; }.ecommerce-product__stock { display: grid !important; justify-content: center; text-align: center; }.ecommerce-product__stock strong { color: #25324b; font-size: .8rem; }.ecommerce-product__stock strong.is-low { color: #d65d36; }.ecommerce-product__price { color: #25324b; font-size: .83rem; font-weight: 800; justify-content: center; }.ecommerce-product__actions { gap: .35rem; justify-content: center; }.ecommerce-product__actions .btn { color: #69758d; padding: .25rem .42rem; }.ecommerce-empty { align-items: center; color: #7c8aa5; display: flex; flex-direction: column; gap: .35rem; justify-content: center; min-height: 190px; padding: 2rem; }.ecommerce-empty i { color: #7c8aa5; font-size: 1.6rem; }.ecommerce-empty strong { color: #25324b; font-size: .92rem; }.ecommerce-empty span { font-size: .78rem; }
.ecommerce-list-page__table-wrap > .ecommerce-empty > i { margin-bottom: .45rem; }
.ecommerce-page__options { align-items: center; display: inline-flex; justify-content: center; min-height: 38px; padding: 0; width: 38px; }.ecommerce-panel__actions .ecommerce-page__options { min-height: 31px; width: 31px; }.ecommerce-category-selector { display: flex; flex-wrap: wrap; gap: .45rem; }.ecommerce-category-selector label { margin: 0; position: relative; }.ecommerce-category-selector input { opacity: 0; position: absolute; }.ecommerce-category-selector span { background: #fff; border: 1px solid #dfe5f0; border-radius: 5px; color: #59677d; cursor: pointer; display: block; font-size: .76rem; padding: .32rem .55rem; }.ecommerce-category-selector input:checked + span { background: #edf1ff; border-color: #8da2e5; color: #435ebe; }.ecommerce-category-selector input:disabled + span { cursor: not-allowed; opacity: .55; }.ecommerce-category-selector small { color: #7c8aa5; font-size: .74rem; width: 100%; }.ecommerce-categories-editor { width: min(580px, calc(100vw - 2rem)); }.ecommerce-category-form { background: #f7f9ff; border: 1px solid #dfe7fb; border-radius: 7px; margin-bottom: 1rem; padding: .75rem; }.ecommerce-category-form label { color: #59677d; display: block; font-size: .75rem; font-weight: 700; margin-bottom: .35rem; }.ecommerce-category-list { border-top: 1px solid #e7eaf0; }.ecommerce-category-list article { align-items: center; border-bottom: 1px solid #edf0f5; display: flex; justify-content: space-between; min-height: 52px; padding: .55rem 0; }.ecommerce-category-list strong { color: #25324b; font-size: .82rem; }.ecommerce-category-list article > span { display: flex; gap: .35rem; }.ecommerce-category-list .btn { color: #69758d; padding: .25rem .42rem; }.ecommerce-category-list .ecommerce-empty { min-height: 150px; }
.ecommerce-order__customer { gap: .6rem; }.ecommerce-order__customer > span:last-child, .ecommerce-order__identifier, .ecommerce-order__payment > span, .ecommerce-order__fulfillment > span, .ecommerce-order__total { display: grid; }.ecommerce-order__customer strong, .ecommerce-order__identifier strong, .ecommerce-order__payment strong, .ecommerce-order__fulfillment strong, .ecommerce-order__total > strong { color: #25324b; font-size: .82rem; }.ecommerce-order__customer small, .ecommerce-order__identifier small, .ecommerce-order__payment small, .ecommerce-order__fulfillment small { color: #7c8aa5; font-size: .7rem; margin-top: .14rem; }.ecommerce-order__payment, .ecommerce-order__fulfillment { gap: .48rem; }.ecommerce-order__payment > i, .ecommerce-order__fulfillment > i { color: #435ebe; }.ecommerce-order__total { gap: .3rem; justify-items: end; text-align: right; }.ecommerce-order__actions { justify-content: center; }.ecommerce-order__actions .btn { color: #69758d; padding: .25rem .42rem; }
.ecommerce-settings { display: grid; gap: .75rem; }.ecommerce-setting-card { border: 1px solid #e7eaf0; border-radius: 8px; padding: 1rem; }.ecommerce-setting-card__heading { gap: .7rem; margin-bottom: .9rem; }.ecommerce-setting-card__heading h5 { color: #25324b; font-size: .92rem; font-weight: 800; margin: 0; }.ecommerce-setting-card__heading p { color: #7c8aa5; font-size: .76rem; margin: .13rem 0 0; }.ecommerce-setting-card__icon { align-items: center; background: #edf1ff; border-radius: 7px; color: #435ebe; display: flex; height: 34px; justify-content: center; width: 34px; }.ecommerce-setting-card__icon--pickup { background: #e8f7ef; color: #168454; }.ecommerce-setting-card__icon--delivery { background: #e7f4f6; color: #14788a; }.form-switch { align-items: center; color: #69758d; display: inline-flex; font-size: .77rem; gap: .4rem; }.form-switch .form-check-input { margin: 0; }.ecommerce-payment-note { align-items: center; background: #f4f7ff; border: 1px solid #dbe4ff; border-radius: 8px; color: #69758d; display: flex; gap: .65rem; padding: .85rem 1rem; }.ecommerce-payment-note > i { color: #435ebe; font-size: 1.15rem; }.ecommerce-payment-note div { display: grid; }.ecommerce-payment-note strong { color: #25324b; font-size: .83rem; }.ecommerce-payment-note span { font-size: .74rem; margin-top: .12rem; }.ecommerce-settings__actions { display: flex; justify-content: end; }.ecommerce-public-store-link .form-control { background: #f9fbff; color: #435ebe; font-size: .78rem; }.ecommerce-public-store-link .btn { flex: 0 0 auto; }
.ecommerce-modal-backdrop { background: rgba(31, 45, 61, .46); inset: 0; position: fixed; z-index: 1100; }.ecommerce-editor { background: #fff; border-radius: 10px; box-shadow: 0 24px 80px rgba(20, 28, 45, .26); left: 50%; max-height: calc(100vh - 2rem); overflow: auto; position: fixed; top: 50%; transform: translate(-50%, -50%); width: min(680px, calc(100vw - 2rem)); z-index: 1101; }.ecommerce-editor header, .ecommerce-editor footer { align-items: center; display: flex; justify-content: space-between; padding: 1rem 1.25rem; }.ecommerce-editor header { border-bottom: 1px solid #e7eaf0; }.ecommerce-editor header span { color: #7c8aa5; font-size: .7rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }.ecommerce-editor header h4 { color: #25324b; font-size: 1.05rem; font-weight: 900; margin: .15rem 0 0; }.ecommerce-editor__close { height: 34px; padding: 0; width: 34px; }.ecommerce-editor__body { padding: 1.2rem 1.25rem; }.ecommerce-editor__form-grid { display: grid; gap: .85rem; grid-template-columns: 1fr 1fr; }.ecommerce-editor__field label, .ecommerce-editor fieldset legend { color: #59677d; display: block; font-size: .77rem; font-weight: 700; margin-bottom: .35rem; }.ecommerce-editor__field--wide { grid-column: span 2; }.ecommerce-editor fieldset { border: 0; margin: 1.2rem 0 0; padding: 0; }.ecommerce-choice { display: inline-flex; margin-right: .55rem; }.ecommerce-choice input { position: absolute; opacity: 0; }.ecommerce-choice span { align-items: center; border: 1px solid #dfe5f0; border-radius: 7px; color: #69758d; column-gap: .3rem; cursor: pointer; display: grid; grid-template-columns: 24px auto; min-width: 185px; padding: .6rem .65rem; }.ecommerce-choice input:checked + span { background: #f4f7ff; border-color: #8da2e5; }.ecommerce-choice i { color: #435ebe; grid-row: span 2; }.ecommerce-choice strong { color: #25324b; font-size: .78rem; }.ecommerce-choice small { font-size: .66rem; }.ecommerce-photo-gallery__empty { align-items: center; background: #f8faff; border: 1px dashed #cdd8f2; border-radius: 8px; display: grid; gap: .65rem; grid-template-columns: auto 1fr auto; padding: .85rem; }.ecommerce-photo-gallery__empty > i { color: #435ebe; font-size: 1.3rem; }.ecommerce-photo-gallery__empty div { display: grid; }.ecommerce-photo-gallery__empty strong { color: #25324b; font-size: .79rem; }.ecommerce-photo-gallery__empty small, .ecommerce-photo-gallery > small { color: #7c8aa5; font-size: .7rem; }.ecommerce-photo-gallery__grid { display: grid; gap: .65rem; grid-template-columns: repeat(auto-fill, minmax(126px, 1fr)); }.ecommerce-photo-card, .ecommerce-photo-gallery__add { background: #fff; border: 1px solid #dfe5f0; border-radius: 8px; min-width: 0; overflow: hidden; padding: .35rem; position: relative; }.ecommerce-photo-card__preview { background: #f2f5fb; border: 0; display: block; height: 100px; overflow: hidden; padding: 0; width: 100%; }.ecommerce-photo-card__preview img { height: 100%; object-fit: cover; width: 100%; }.ecommerce-photo-card__primary { background: #435ebe; border-radius: 4px; color: #fff; font-size: .62rem; font-weight: 700; left: .6rem; padding: .12rem .3rem; position: absolute; top: .6rem; }.ecommerce-photo-card__actions { display: flex; gap: .25rem; justify-content: center; padding-top: .35rem; }.ecommerce-photo-card__actions .btn { padding: .2rem .32rem; }.ecommerce-photo-card__upload-status { color: #69758d; font-size: .68rem; min-height: 2rem; padding-top: .35rem; }.ecommerce-photo-card .progress { height: .28rem; margin-top: .25rem; }.ecommerce-photo-gallery__add { align-items: center; color: #59677d; display: flex; flex-direction: column; font-size: .73rem; justify-content: center; min-height: 145px; }.ecommerce-photo-gallery__add i { color: #435ebe; font-size: 1.2rem; margin-bottom: .35rem; }.ecommerce-editor footer { border-top: 1px solid #e7eaf0; gap: .55rem; justify-content: end; }
.ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__form-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }.ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__field--wide { grid-column: span 6; }.ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__form-grid > .ecommerce-editor__field:nth-child(3), .ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__form-grid > .ecommerce-editor__field:nth-child(4), .ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__form-grid > .ecommerce-editor__field:nth-child(5) { grid-column: span 2; }.ecommerce-editor:not(.ecommerce-order-editor) .note-editor { border-color: #dfe5f0; border-radius: 7px; }.ecommerce-editor:not(.ecommerce-order-editor) .note-toolbar { background: #f7f9ff; border-bottom-color: #e3e8f2; }.ecommerce-editor:not(.ecommerce-order-editor) .note-editable { color: #39475b; font-size: .84rem; line-height: 1.55; min-height: 190px; }.ecommerce-editor:not(.ecommerce-order-editor) .note-editable:focus { box-shadow: inset 0 0 0 1px #8da2e5; }
.ecommerce-product-featured-choice { align-items: center; background: #fffaf0; border: 1px solid #f2dba8; border-radius: 7px; color: #59677d; cursor: pointer; display: flex; gap: .65rem; margin: 0; padding: .7rem .8rem; }.ecommerce-product-featured-choice input { flex: 0 0 auto; height: 1rem; margin: 0; width: 1rem; }.ecommerce-product-featured-choice span { align-items: center; display: grid; gap: 0 .45rem; grid-template-columns: 20px 1fr; }.ecommerce-product-featured-choice i { color: #a75c00; grid-row: span 2; }.ecommerce-product-featured-choice strong { color: #25324b; font-size: .78rem; }.ecommerce-product-featured-choice small { font-size: .69rem; }
.ecommerce-editor--product { width: min(860px, calc(100vw - 2rem)); }.ecommerce-product-config { border-top: 1px solid #e7eaf0; padding: 1.1rem 1.25rem 1.25rem; }.ecommerce-product-config__heading span { color: #7c8aa5; display: block; font-size: .68rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.ecommerce-product-config__heading h5, .ecommerce-product-variations__heading h6, .ecommerce-product-variant-prices__heading h6 { color: #25324b; font-size: .9rem; font-weight: 800; margin: .16rem 0 0; }.ecommerce-product-config__heading p, .ecommerce-product-variations__heading p, .ecommerce-product-variant-prices__heading p { color: #7c8aa5; font-size: .72rem; line-height: 1.4; margin: .22rem 0 0; }.ecommerce-product-promotion-choice { align-items: center; background: #fff8ee; border: 1px solid #f0d7aa; border-radius: 7px; cursor: pointer; display: flex; gap: .65rem; margin: .85rem 0 0; padding: .68rem .75rem; }.ecommerce-product-promotion-choice input { flex: 0 0 auto; height: 1rem; margin: 0; width: 1rem; }.ecommerce-product-promotion-choice span { align-items: center; color: #69758d; display: grid; gap: 0 .42rem; grid-template-columns: 20px 1fr; }.ecommerce-product-promotion-choice i { color: #a75c00; grid-row: span 2; }.ecommerce-product-promotion-choice strong { color: #25324b; font-size: .78rem; }.ecommerce-product-promotion-choice small { font-size: .68rem; }.ecommerce-product-promotion-price { margin-top: .75rem; max-width: 260px; }.ecommerce-product-promotion-price > label, .ecommerce-product-variation-group label { color: #59677d; display: block; font-size: .73rem; font-weight: 700; margin-bottom: .32rem; }.ecommerce-product-promotion-price small { color: #7c8aa5; display: block; font-size: .67rem; margin-top: .25rem; }.ecommerce-product-config__separator { border-top: 1px solid #e7eaf0; margin: 1rem 0; }.ecommerce-product-variations__heading, .ecommerce-product-variant-prices__heading { align-items: flex-start; display: flex; gap: .75rem; justify-content: space-between; }.ecommerce-product-variations__heading .btn { flex: 0 0 auto; }.ecommerce-product-variations__empty { align-items: center; background: #f8faff; border: 1px dashed #cdd8f2; border-radius: 7px; color: #69758d; display: flex; font-size: .72rem; gap: .5rem; margin-top: .75rem; padding: .65rem .7rem; }.ecommerce-product-variations__empty i { color: #435ebe; font-size: 1rem; }.ecommerce-product-variation-groups { display: grid; gap: .65rem; margin-top: .75rem; }.ecommerce-product-variation-group { border: 1px solid #e1e6ef; border-radius: 7px; padding: .7rem; }.ecommerce-product-variation-group__head { align-items: end; display: grid; gap: .55rem; grid-template-columns: minmax(0, 1fr) 34px; }.ecommerce-product-variation-group__head .btn, .ecommerce-product-variation-option .btn { align-items: center; display: inline-flex; height: 34px; justify-content: center; padding: 0; width: 34px; }.ecommerce-product-variation-options { display: grid; gap: .42rem; margin-top: .65rem; }.ecommerce-product-variation-option { display: grid; gap: .42rem; grid-template-columns: minmax(0, 1fr) 34px; }.ecommerce-product-variation-option-add { margin-top: .12rem; }.ecommerce-product-variation-errors { align-items: flex-start; background: #fff6f5; border: 1px solid #f2d5d0; border-radius: 7px; color: #ad4f3e; display: flex; font-size: .72rem; gap: .5rem; margin-top: .75rem; padding: .65rem .7rem; }.ecommerce-product-variation-errors > i { margin-top: .1rem; }.ecommerce-product-variation-errors div { display: grid; gap: .1rem; }.ecommerce-product-variation-errors strong { color: #8f392c; font-size: .74rem; }.ecommerce-product-variant-prices { display: grid; gap: .55rem; margin-top: .85rem; }.ecommerce-product-variant-prices__heading > span { background: #eef3ff; border-radius: 4px; color: #435ebe; font-size: .67rem; font-weight: 800; padding: .26rem .4rem; white-space: nowrap; }.ecommerce-product-variant-prices > article { align-items: center; border: 1px solid #e1e6ef; border-radius: 7px; display: grid; gap: .55rem; grid-template-columns: minmax(160px, 1fr) minmax(130px, .6fr) minmax(130px, .6fr); padding: .55rem .65rem; }.ecommerce-product-variant-prices > article > strong { color: #25324b; font-size: .73rem; line-height: 1.35; }.ecommerce-product__price { display: grid; gap: .05rem; }.ecommerce-product__price del { color: #8a96a9; font-size: .68rem; font-weight: 600; }.ecommerce-product__price strong { color: #25324b; font-size: .8rem; }.ecommerce-product__price strong.is-promotion { color: #b35b00; }
@media (max-width: 767.98px) { .ecommerce-product-config { padding-left: 1rem; padding-right: 1rem; }.ecommerce-product-variant-prices > article { grid-template-columns: minmax(140px, 1fr) minmax(120px, .7fr) minmax(120px, .7fr); } }
@media (max-width: 575.98px) { .ecommerce-product-variations__heading, .ecommerce-product-variant-prices__heading { align-items: stretch; flex-direction: column; }.ecommerce-product-variations__heading .btn { align-self: flex-start; }.ecommerce-product-variant-prices > article { grid-template-columns: 1fr; }.ecommerce-product-variant-prices__heading > span { align-self: flex-start; } }
.ecommerce-order-editor { width: min(740px, calc(100vw - 2rem)); }.ecommerce-manual-order-items { margin-top: 1.1rem !important; }.ecommerce-manual-order-item { align-items: center; border: 1px solid #e7eaf0; border-radius: 7px; display: grid; gap: .55rem; grid-template-columns: minmax(0, 1fr) 76px 100px 36px; margin-bottom: .55rem; padding: .5rem; }.ecommerce-manual-order-item > strong { color: #25324b; font-size: .83rem; text-align: right; }.ecommerce-manual-order-item > .btn { padding: .25rem .4rem; }.ecommerce-order-editor__details { margin-top: 1.15rem; }.ecommerce-manual-order-total { align-items: center; background: #f4f7ff; border: 1px solid #dbe4ff; border-radius: 8px; display: grid; gap: .08rem; grid-template-columns: 1fr auto; margin-top: 1.15rem; padding: .75rem .9rem; }.ecommerce-manual-order-total span { color: #59677d; font-size: .78rem; font-weight: 700; }.ecommerce-manual-order-total strong { color: #435ebe; font-size: 1.15rem; }.ecommerce-manual-order-total small { color: #7c8aa5; font-size: .68rem; grid-column: 1 / span 2; }
.ecommerce-order-customer-grid { display: grid; gap: .85rem; grid-template-columns: minmax(0, 1.5fr) minmax(130px, .8fr) minmax(150px, 1fr); }.ecommerce-manual-order-empty { align-items: center; background: #f8faff; border: 1px dashed #cdd8f2; border-radius: 7px; color: #69758d; display: flex; gap: .7rem; padding: .75rem; }.ecommerce-manual-order-empty > i { color: #435ebe; font-size: 1.15rem; }.ecommerce-manual-order-empty div { display: grid; }.ecommerce-manual-order-empty strong { color: #25324b; font-size: .78rem; }.ecommerce-manual-order-empty small { font-size: .69rem; }.ecommerce-order-item__product { align-items: center; display: flex; gap: .6rem; min-width: 0; }.ecommerce-order-item__product img, .ecommerce-order-product-results article > img { border-radius: 5px; flex: 0 0 38px; height: 38px; object-fit: cover; width: 38px; }.ecommerce-order-item__product .ecommerce-product__photo-placeholder, .ecommerce-order-product-results .ecommerce-product__photo-placeholder { border-radius: 5px; flex: 0 0 38px; height: 38px; width: 38px; }.ecommerce-order-item__product > span:last-child { display: grid; min-width: 0; }.ecommerce-order-item__product strong { color: #25324b; font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.ecommerce-order-item__product small { color: #7c8aa5; font-size: .67rem; }.ecommerce-order-payment { background: #fbfcff; border: 1px solid #e0e6f0; border-radius: 8px; margin-top: 1.15rem; padding: .85rem; }.ecommerce-order-payment__heading { align-items: center; display: flex; gap: .6rem; margin-bottom: .75rem; }.ecommerce-order-payment__heading > i { color: #435ebe; font-size: 1.15rem; }.ecommerce-order-payment__heading div { display: grid; }.ecommerce-order-payment__heading strong { color: #25324b; font-size: .8rem; }.ecommerce-order-payment__heading small { color: #7c8aa5; font-size: .68rem; }.ecommerce-order-payment__confirmation { align-items: flex-start; display: flex; gap: .45rem; margin: .75rem 0 0; }.ecommerce-order-payment__confirmation .form-check-input { flex: 0 0 auto; margin: .18rem 0 0; }.ecommerce-order-payment__confirmation .form-check-label { color: #59677d; font-size: .72rem; }.ecommerce-order-payment__methods { display: flex; gap: .5rem; }.ecommerce-order-payment__methods .btn { align-items: center; border: 1px solid #dfe5f0; color: #59677d; display: inline-flex; font-size: .77rem; gap: .35rem; }.ecommerce-order-payment__methods .btn.is-selected { background: #eef3ff; border-color: #8da2e5; color: #435ebe; }.ecommerce-order-payment__card { margin-top: .75rem; max-width: 190px; }.ecommerce-order-payment__secure-card, .ecommerce-order-payment__unavailable, .ecommerce-order-payment__error { align-items: flex-start; background: #f4f7ff; border: 1px solid #dbe4ff; border-radius: 6px; color: #59677d; display: flex; font-size: .7rem; gap: .4rem; line-height: 1.4; margin-top: .65rem; padding: .55rem .6rem; }.ecommerce-order-payment__secure-card i { color: #435ebe; }.ecommerce-order-payment__unavailable, .ecommerce-order-payment__error { background: #fff6f5; border-color: #f2d5d0; color: #ad4f3e; }.ecommerce-order-payment__pix { align-items: center; display: grid; gap: .75rem; grid-template-columns: 126px 1fr; margin-top: .8rem; }.ecommerce-order-payment__pix img { background: #fff; border: 1px solid #e0e6f0; height: 126px; object-fit: contain; padding: .25rem; width: 126px; }.ecommerce-order-payment__pix div { display: grid; gap: .35rem; }.ecommerce-order-payment__pix strong { color: #25324b; font-size: .8rem; }.ecommerce-order-payment__pix small { color: #7c8aa5; font-size: .7rem; }.ecommerce-order-payment__pix textarea { font-size: .68rem; resize: none; }.ecommerce-order-payment__error { margin-top: .8rem; }.ecommerce-order-product-picker { width: min(650px, calc(100vw - 2rem)); }.ecommerce-order-product-results { display: grid; gap: .55rem; margin-top: .9rem; }.ecommerce-order-product-results article { align-items: center; border: 1px solid #e5e9f1; border-radius: 7px; display: grid; gap: .65rem; grid-template-columns: 42px minmax(0, 1fr) auto; padding: .55rem; }.ecommerce-order-product-results article > div { display: grid; min-width: 0; }.ecommerce-order-product-results strong { color: #25324b; font-size: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.ecommerce-order-product-results small { color: #7c8aa5; font-size: .67rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.ecommerce-order-product-results span { color: #435ebe; font-size: .7rem; font-weight: 700; margin-top: .12rem; }
.ecommerce-editor .ecommerce-photo-gallery { align-items: stretch; display: flex; flex-direction: column; gap: .65rem; min-inline-size: 0; width: 100%; }.ecommerce-editor .ecommerce-photo-gallery > legend { float: none; margin: 0; width: 100%; }.ecommerce-photo-gallery__empty, .ecommerce-photo-gallery__grid, .ecommerce-photo-gallery > .form-text { width: 100%; }
.ecommerce-photo-gallery__filter, .ecommerce-photo-gallery__filtered-empty { background: #f8faff; border: 1px solid #dfe7f5; border-radius: 7px; display: grid; gap: .65rem; padding: .7rem; }.ecommerce-photo-gallery__filter-heading { align-items: center; display: flex; gap: .65rem; justify-content: space-between; }.ecommerce-photo-gallery__filter-heading > span { display: grid; gap: .08rem; min-width: 0; }.ecommerce-photo-gallery__filter-heading strong { color: #25324b; font-size: .76rem; }.ecommerce-photo-gallery__filter-heading small, .ecommerce-photo-gallery__filtered-empty small { color: #7c8aa5; font-size: .67rem; }.ecommerce-photo-gallery__filter-heading .btn { font-size: .7rem; padding: 0; white-space: nowrap; }.ecommerce-photo-gallery__filter-groups, .ecommerce-photo-card__variations { display: grid; gap: .55rem; }.ecommerce-photo-gallery__filter-groups > div, .ecommerce-photo-card__variations > div { display: grid; gap: .28rem; }.ecommerce-photo-gallery__filter-groups > div > strong, .ecommerce-photo-card__variations > div > span, .ecommerce-photo-card__variations > strong { color: #59677d; font-size: .67rem; font-weight: 800; }.ecommerce-photo-gallery__filter-groups label, .ecommerce-photo-card__variations label { align-items: center; color: #59677d; cursor: pointer; display: flex; font-size: .68rem; gap: .35rem; margin: 0; min-width: 0; }.ecommerce-photo-gallery__filter-groups input, .ecommerce-photo-card__variations input { flex: 0 0 auto; margin: 0; }.ecommerce-photo-gallery__filter-groups label span, .ecommerce-photo-card__variations label span { overflow-wrap: anywhere; }.ecommerce-photo-gallery__filtered-empty { align-items: center; grid-template-columns: auto minmax(0, 1fr) auto; }.ecommerce-photo-gallery__filtered-empty > i { color: #59677d; font-size: 1rem; }.ecommerce-photo-gallery__filtered-empty > div { display: grid; gap: .08rem; }.ecommerce-photo-gallery__filtered-empty strong { color: #25324b; font-size: .75rem; }.ecommerce-photo-card__variation-summary { color: #59677d; display: block; font-size: .64rem; line-height: 1.35; overflow: hidden; padding: .38rem .1rem 0; text-overflow: ellipsis; white-space: nowrap; }.ecommerce-photo-card__variation-summary.is-universal { color: #16725c; font-weight: 700; }.ecommerce-photo-card__actions .btn.is-selected { background: #eef3ff; border-color: #8da2e5; color: #435ebe; }.ecommerce-photo-card__variations { border-top: 1px solid #edf0f5; margin-top: .38rem; padding: .55rem .1rem .1rem; }
@media (max-width: 575.98px) { .ecommerce-photo-gallery__filter-heading { align-items: flex-start; flex-direction: column; }.ecommerce-photo-gallery__filtered-empty { align-items: flex-start; grid-template-columns: auto minmax(0, 1fr); }.ecommerce-photo-gallery__filtered-empty .btn { grid-column: 2; justify-self: start; } }
.ecommerce-photo-card__actions { flex-wrap: wrap; }
.ecommerce-order-payment__card { max-width: 360px; }.ecommerce-order-payment__card-element { background: #fff; border: 1px solid #dfe5f0; border-radius: 6px; min-height: 42px; padding: .7rem .75rem; }.ecommerce-order-payment__card-element.StripeElement--focus { border-color: #8da2e5; box-shadow: 0 0 0 .2rem rgba(67, 94, 190, .12); }.ecommerce-order-payment__card-element.StripeElement--invalid { border-color: #d15a4c; }.ecommerce-order-payment__card-status { align-items: center; color: #69758d; display: flex; font-size: .7rem; gap: .4rem; margin-top: .55rem; }
.ecommerce-setting-card__icon--payment { background: #fff3df; color: #a75c00; }.ecommerce-payment-settings__grid { display: grid; gap: .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }.ecommerce-payment-settings__section { border: 1px solid #e5e9f1; border-radius: 7px; min-width: 0; padding: .9rem; }.ecommerce-payment-settings__section-heading { align-items: flex-start; display: flex; gap: .7rem; justify-content: space-between; }.ecommerce-payment-settings__section-heading h6 { color: #25324b; font-size: .84rem; font-weight: 800; margin: 0; }.ecommerce-payment-settings__section-heading p { color: #7c8aa5; font-size: .71rem; line-height: 1.4; margin: .15rem 0 0; }.ecommerce-payment-settings__modes { display: grid; gap: .45rem; margin-top: .75rem; }.ecommerce-payment-settings__modes label { margin: 0; position: relative; }.ecommerce-payment-settings__modes input { opacity: 0; position: absolute; }.ecommerce-payment-settings__modes span { align-items: center; border: 1px solid #dfe5f0; border-radius: 7px; color: #69758d; column-gap: .45rem; cursor: pointer; display: grid; grid-template-columns: 24px 1fr; padding: .55rem .6rem; }.ecommerce-payment-settings__modes input:checked + span { background: #f4f7ff; border-color: #8da2e5; }.ecommerce-payment-settings__modes input:disabled + span { cursor: not-allowed; opacity: .55; }.ecommerce-payment-settings__modes i { color: #435ebe; grid-row: span 2; }.ecommerce-payment-settings__modes strong { color: #25324b; font-size: .75rem; }.ecommerce-payment-settings__modes small { font-size: .66rem; }.ecommerce-payment-settings__fields { margin-top: .8rem; }.ecommerce-payment-settings__status, .ecommerce-payment-settings__unavailable { align-items: center; background: #f6f8fc; border: 1px solid #e0e6f0; border-radius: 6px; color: #69758d; display: flex; font-size: .71rem; gap: .38rem; margin-top: .7rem; padding: .5rem .6rem; }.ecommerce-payment-settings__status.is-error { background: #fff6f5; border-color: #f2d5d0; color: #ad4f3e; }.ecommerce-payment-settings__status .btn, .ecommerce-payment-settings__unavailable .btn { font-size: .7rem; margin-left: auto; padding: 0; }.ecommerce-payment-settings__unavailable > i { color: #a75c00; }.ecommerce-payment-settings__unavailable span { flex: 1; }
.ecommerce-setting-card__icon--branding { background: #f1ecff; color: #7048c8; }.ecommerce-setting-card__icon--footer { background: #e7f4f6; color: #14788a; }.ecommerce-branding-settings__grid { display: grid; gap: 1rem; grid-template-columns: minmax(250px, .85fr) minmax(300px, 1.15fr); }.ecommerce-branding-logo { align-items: center; background: #f8faff; border: 1px solid #e0e7f4; display: grid; gap: .8rem; grid-template-columns: 86px minmax(0, 1fr); min-width: 0; padding: .8rem; }.ecommerce-branding-logo__preview { align-items: center; background: #eef2f7; color: #7c8aa5; display: flex; font-size: 1.8rem; height: 86px; justify-content: center; overflow: hidden; width: 86px; }.ecommerce-branding-logo__preview img { height: 100%; object-fit: contain; width: 100%; }.ecommerce-branding-logo__copy { display: grid; gap: .3rem; min-width: 0; }.ecommerce-branding-logo__copy > strong { color: #25324b; font-size: .82rem; }.ecommerce-branding-logo__copy > small, .ecommerce-branding-colors__heading small, .ecommerce-footer-social-links__heading small { color: #7c8aa5; font-size: .71rem; }.ecommerce-branding-logo__actions { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .18rem; }.ecommerce-branding-logo__actions .btn { align-items: center; display: inline-flex; gap: .3rem; }.ecommerce-branding-logo__progress, .ecommerce-branding-logo__error, .ecommerce-branding-colors__error { align-items: center; color: #69758d; display: flex; font-size: .71rem; gap: .35rem; }.ecommerce-branding-logo__error, .ecommerce-branding-colors__error { color: #b42318; }.ecommerce-branding-logo__error .btn { padding: 0; }.ecommerce-branding-colors { display: grid; gap: .65rem; }.ecommerce-branding-colors__heading { display: grid; gap: .12rem; }.ecommerce-branding-colors__heading strong, .ecommerce-footer-social-links__heading strong { color: #25324b; font-size: .79rem; }.ecommerce-color-field { align-items: center; display: grid; gap: .65rem; grid-template-columns: 122px minmax(0, 1fr); margin: 0; }.ecommerce-color-field > span { color: #59677d; font-size: .75rem; font-weight: 700; }.ecommerce-color-field > div { align-items: center; display: grid; gap: .45rem; grid-template-columns: 36px minmax(0, 1fr); }.ecommerce-color-field input[type='color'] { background: transparent; border: 0; cursor: pointer; height: 34px; padding: 0; width: 36px; }.ecommerce-color-field input[type='color']:disabled { cursor: not-allowed; opacity: .55; }.ecommerce-footer-social-links { border-top: 1px solid #edf0f5; display: grid; gap: .65rem; margin-top: 1rem; padding-top: .9rem; }.ecommerce-footer-social-links__heading { align-items: center; display: flex; gap: .75rem; justify-content: space-between; }.ecommerce-footer-social-links__heading > div { display: grid; gap: .12rem; }.ecommerce-footer-social-link { align-items: center; display: grid; gap: .45rem; grid-template-columns: minmax(120px, .5fr) minmax(0, 1.5fr) 34px; }.ecommerce-footer-social-link .btn { height: 34px; padding: 0; width: 34px; }.ecommerce-footer-social-links__empty { align-items: center; color: #7c8aa5; display: flex; font-size: .73rem; gap: .45rem; min-height: 40px; }.ecommerce-footer-social-links__empty i { color: #435ebe; }
@media (max-width: 767.98px) { .ecommerce-branding-settings__grid { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .ecommerce-branding-logo { grid-template-columns: 70px minmax(0, 1fr); }.ecommerce-branding-logo__preview { height: 70px; width: 70px; }.ecommerce-color-field { align-items: start; gap: .28rem; grid-template-columns: 1fr; }.ecommerce-footer-social-links__heading { align-items: flex-start; flex-direction: column; }.ecommerce-footer-social-link { grid-template-columns: minmax(0, 1fr) 34px; }.ecommerce-footer-social-link > div:first-child { grid-column: 1 / span 2; } }
.ecommerce-list-page__columns--coupons, .ecommerce-list-page__row--coupons { grid-template-columns: minmax(150px, 1.1fr) 115px minmax(210px, 1.4fr) minmax(150px, 1fr) 100px 90px 94px; min-width: 980px; }.ecommerce-coupon__code { gap: .45rem; }.ecommerce-coupon__code i { color: #435ebe; font-size: 1rem; }.ecommerce-coupon__code strong { color: #25324b; font-size: .8rem; letter-spacing: .02em; }.ecommerce-coupon__discount { color: #0d7b65; font-weight: 800; }.ecommerce-coupon__rules, .ecommerce-coupon__validity { color: #68758b; font-size: .73rem; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; }.ecommerce-coupon__actions { gap: .3rem; justify-content: center; }.ecommerce-coupon__actions .btn { align-items: center; display: inline-flex; height: 30px; justify-content: center; padding: 0; width: 30px; }.ecommerce-coupon-status-filter { flex: 0 0 146px; max-width: 146px; }.ecommerce-editor--coupon { width: min(760px, calc(100vw - 2rem)); }.ecommerce-editor--coupon .ecommerce-coupon-editor__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }.ecommerce-editor--coupon .ecommerce-editor__field { grid-column: span 2; }.ecommerce-editor--coupon .ecommerce-editor__field--wide { grid-column: span 4; }.ecommerce-coupon-editor__active, .ecommerce-coupon-editor__single-use { align-content: end; }.ecommerce-coupon-editor__active .form-switch, .ecommerce-coupon-editor__single-use .form-switch { margin-bottom: .42rem; }.ecommerce-coupon-editor__categories { display: grid; gap: .4rem; }.ecommerce-coupon-editor__categories legend { margin-bottom: 0; }.ecommerce-coupon-editor__categories small { color: #7c8aa5; font-size: .7rem; }.ecommerce-coupon-editor__categories .ecommerce-category-selector { margin-top: .2rem; max-height: 150px; overflow: auto; }@media (max-width: 767.98px) { .ecommerce-coupon-status-filter { flex-basis: 100%; max-width: none; width: 100%; } }@media (max-width: 575.98px) { .ecommerce-editor--coupon .ecommerce-coupon-editor__grid { grid-template-columns: 1fr; }.ecommerce-editor--coupon .ecommerce-editor__field, .ecommerce-editor--coupon .ecommerce-editor__field--wide { grid-column: span 1; } }
@media (max-width: 991.98px) { .ecommerce-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.ecommerce-overview-grid { grid-template-columns: 1fr; } }
@media (max-width: 767.98px) { .ecommerce-page__title-row { align-items: flex-start; }.ecommerce-page__header-actions { gap: .5rem; }.ecommerce-page__header-actions .btn span { display: none; }.ecommerce-page__header-actions .btn { padding-left: .55rem; padding-right: .55rem; }.ecommerce-page__header-actions .btn i { margin: 0; }.ecommerce-list-page__toolbar { align-items: stretch; }.ecommerce-list-page__toolbar-filters { width: 100%; }.ecommerce-list-page__tabs { padding-left: .9rem; padding-right: .9rem; }.ecommerce-panel { padding: 1rem; }.ecommerce-panel__intro { align-items: flex-start; flex-direction: column; }.ecommerce-panel__actions { align-items: stretch; flex: 1 1 auto; margin-left: 0; width: 100%; }.ecommerce-list-page__tab-search { flex: 1 1 auto; max-width: none; }.ecommerce-setting-card { padding: .9rem; }.ecommerce-setting-card__heading { align-items: flex-start; }.ecommerce-setting-card__heading .form-switch { margin-left: auto !important; }.ecommerce-payment-settings__grid { grid-template-columns: 1fr; }.ecommerce-choice { display: flex; margin: 0 0 .5rem; }.ecommerce-choice span { width: 100%; }.ecommerce-editor__body, .ecommerce-editor header, .ecommerce-editor footer { padding-left: 1rem; padding-right: 1rem; } }
@media (max-width: 575.98px) { .ecommerce-metrics { grid-template-columns: 1fr; }.ecommerce-list-page__day-filter .entity-list__status-filter-menu { min-width: min(300px, calc(100vw - 2rem)); }.ecommerce-panel__intro--products .btn span { display: none; }.ecommerce-editor__form-grid, .ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__form-grid, .ecommerce-order-customer-grid { grid-template-columns: 1fr; }.ecommerce-editor__field--wide, .ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__field--wide, .ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__form-grid > .ecommerce-editor__field:nth-child(3), .ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__form-grid > .ecommerce-editor__field:nth-child(4), .ecommerce-editor:not(.ecommerce-order-editor) .ecommerce-editor__form-grid > .ecommerce-editor__field:nth-child(5) { grid-column: span 1; }.ecommerce-public-store-link { align-items: stretch; flex-direction: column; }.ecommerce-public-store-link .form-control { border-radius: .25rem !important; width: 100%; }.ecommerce-public-store-link .btn { border-radius: .25rem !important; margin-top: .45rem; width: 100%; }.ecommerce-photo-gallery__empty { grid-template-columns: 1fr; }.ecommerce-photo-gallery__empty > i { display: none; }.ecommerce-photo-gallery__empty .btn { justify-self: start; }.ecommerce-manual-order-item { grid-template-columns: minmax(0, 1fr) 62px 34px; }.ecommerce-manual-order-item > strong { grid-column: 1 / span 2; grid-row: 2; text-align: left; }.ecommerce-manual-order-item > .btn { grid-column: 3; grid-row: 1 / span 2; }.ecommerce-order-payment__pix { grid-template-columns: 1fr; }.ecommerce-order-product-results article { grid-template-columns: 42px minmax(0, 1fr); }.ecommerce-order-product-results article > .btn { grid-column: 1 / span 2; justify-self: start; } }
.ecommerce-product-choice {
  align-items: center;
  background: #fffaf0;
  border: 1px solid #f2dba8;
  border-radius: 7px;
  cursor: pointer;
  display: grid;
  gap: .65rem;
  grid-template-columns: 1rem minmax(0, 1fr);
  margin: 0;
  min-width: 0;
  padding: .7rem .8rem;
  width: 100%;
}

.ecommerce-payment-settings__installments { background: #f8faff; border: 1px solid #dfe7f5; border-radius: 7px; display: grid; gap: .5rem; margin-top: .8rem; padding: .7rem; }.ecommerce-payment-settings__installments .form-switch { align-items: center; display: flex; gap: .5rem; margin: 0; }.ecommerce-payment-settings__installments .form-switch label { color: #25324b; font-size: .74rem; font-weight: 700; }.ecommerce-payment-settings__installments .form-label { color: #59677d; display: grid; font-size: .7rem; font-weight: 700; gap: .3rem; margin: 0; }.ecommerce-payment-settings__installments .form-control { max-width: 150px; }.ecommerce-payment-settings__installments > small { color: #7c8aa5; font-size: .67rem; }.ecommerce-payment-settings__installments-error { color: #b14d3e; font-size: .68rem; margin: 0; }
.ecommerce-editor--product .note-editable {
  height: 190px;
  max-height: 190px;
  min-height: 190px;
  overflow-x: hidden;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
.ecommerce-product-choice input {
  cursor: pointer;
  height: 1rem;
  margin: 0;
  width: 1rem;
}
.ecommerce-product-choice > span {
  display: grid;
  gap: .1rem;
  min-width: 0;
}
.ecommerce-product-choice strong {
  color: #25324b;
  font-size: .78rem;
  overflow-wrap: anywhere;
}
.ecommerce-product-choice small {
  color: #59677d;
  font-size: .69rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.ecommerce-product-choice input:disabled,
.ecommerce-product-choice input:disabled + span {
  cursor: not-allowed;
  opacity: .6;
}
.ecommerce-product-config .ecommerce-product-choice {
  margin-top: .85rem;
}
.ecommerce-product-variation-option {
  display: block;
}
.ecommerce-product-variation-option__top {
  display: grid;
  gap: .42rem;
  grid-template-columns: minmax(0, 1fr) 34px;
}
.ecommerce-product-variation-option__presentation {
  display: grid;
  gap: .5rem;
  margin-top: .5rem;
}
.ecommerce-product-variation-option__modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ecommerce-product-variation-option__modes button {
  background: #fff;
  border: 1px solid #dfe5f0;
  color: #59677d;
  font-size: .68rem;
  font-weight: 700;
  min-height: 32px;
  padding: .35rem .45rem;
}
.ecommerce-product-variation-option__modes button + button {
  border-left: 0;
}
.ecommerce-product-variation-option__modes button:first-child {
  border-radius: 5px 0 0 5px;
}
.ecommerce-product-variation-option__modes button:last-child {
  border-radius: 0 5px 5px 0;
}
.ecommerce-product-variation-option__modes button.is-selected {
  background: #eef3ff;
  border-color: #8da2e5;
  color: #435ebe;
  position: relative;
  z-index: 1;
}
.ecommerce-product-variation-option__modes button:disabled {
  cursor: not-allowed;
  opacity: .6;
}
.ecommerce-product-variation-option__icon,
.ecommerce-product-variation-option__color {
  color: #59677d;
  display: grid;
  font-size: .68rem;
  font-weight: 700;
  gap: .28rem;
  margin: 0;
}
.ecommerce-product-variation-option__icon .input-group-text {
  display: grid;
  min-width: 36px;
  place-items: center;
}
.ecommerce-product-variation-option__color > div {
  align-items: center;
  display: flex;
  gap: .45rem;
}
.ecommerce-product-variation-option__color input[type='color'] {
  background: transparent;
  border: 1px solid #dfe5f0;
  cursor: pointer;
  height: 34px;
  padding: .14rem;
  width: 42px;
}
.ecommerce-product-variation-option__color input[type='color']:disabled {
  cursor: not-allowed;
  opacity: .6;
}
.ecommerce-product-variation-option__color code {
  background: #f7f9fc;
  border: 1px solid #e4e9f1;
  color: #59677d;
  font-size: .68rem;
  padding: .35rem .45rem;
}
.ecommerce-product-variation-option__error {
  color: #ad4f3e;
  font-size: .67rem;
  line-height: 1.35;
}
@media (max-width: 575.98px) {
  .ecommerce-product-variation-option__modes {
    grid-template-columns: 1fr;
  }
  .ecommerce-product-variation-option__modes button,
  .ecommerce-product-variation-option__modes button + button,
  .ecommerce-product-variation-option__modes button:first-child,
  .ecommerce-product-variation-option__modes button:last-child {
    border: 1px solid #dfe5f0;
    border-radius: 5px;
  }
}

.ecommerce-list-page__columns--purchases,
.ecommerce-list-page__row--purchases {
  grid-template-columns: 112px minmax(190px, 1.35fr) 90px minmax(155px, 1fr) 120px minmax(150px, 1fr);
  min-width: 920px;
}
.ecommerce-purchase__date,
.ecommerce-purchase__payment {
  align-items: center;
  display: flex;
  gap: .45rem;
}
.ecommerce-purchase__date i,
.ecommerce-purchase__payment i {
  color: #435ebe;
  font-size: .92rem;
}
.ecommerce-purchase__source {
  display: grid;
  gap: .1rem;
  min-width: 0;
}
.ecommerce-purchase__source strong {
  color: #25324b;
  font-size: .78rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ecommerce-purchase__source small {
  color: #7c8aa5;
  font-size: .67rem;
}
.ecommerce-purchase__total {
  color: #0d7b5e;
  font-weight: 700;
}
.ecommerce-panel__intro--purchases { align-items: flex-start; }
.ecommerce-purchase-filters { align-items: center; display: grid; flex: 1 1 0; gap: .65rem; grid-template-columns: minmax(280px, 460px) 292px 180px auto auto; justify-content: end; margin-left: auto; min-width: 0; }
.ecommerce-purchase-filters__search { max-width: none; min-width: 0; width: 100%; }
.ecommerce-purchase-filters__dates { display: grid; gap: .65rem; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; }
.ecommerce-purchase-filter-date, .ecommerce-purchase-filter-payment { max-width: none; min-width: 0; width: 100%; }
@media (max-width: 1399.98px) {
  .ecommerce-panel__intro--purchases { flex-direction: column; }
  .ecommerce-purchase-filters { grid-template-columns: minmax(280px, 1fr) 292px 180px auto auto; margin-left: 0; width: 100%; }
}
@media (max-width: 991.98px) {
  .ecommerce-purchase-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ecommerce-purchase-filters__search { grid-column: span 2; }
  .ecommerce-purchase-filters > .btn { justify-self: start; }
}
@media (max-width: 575.98px) {
  .ecommerce-purchase-filters { grid-template-columns: 1fr; }
  .ecommerce-purchase-filters__search { grid-column: auto; }
  .ecommerce-purchase-filters__dates { grid-template-columns: 1fr; }
  .ecommerce-purchase-filters > .btn { width: 100%; }
}