#promotions-view{--promotion-line:#e4eaf4;--promotion-muted:#71839b;--promotion-ink:#19324e}
body[data-view=promotions]{min-width:0!important}
body[data-view=promotions] #app,body[data-view=promotions] #app *{font-weight:700!important}
body[data-view=promotions] #promotions-view .promotion-product,body[data-view=promotions] #promotions-view .promotion-product *{font-weight:400!important}
body[data-view=promotions] #promotions-view .promotion-product .product-cell>b{font-weight:700!important}
.workspace .workspace-nav .nav-button[data-view=promotions] span{--ui-icon:url('/icons/calendar-check.svg')}
#promotions-view .promotions-panel{padding:20px;overflow:hidden;border:1px solid var(--promotion-line);border-radius:12px}
#promotions-view .promotions-toolbar,#promotions-view .promotions-toolbar form,#promotions-view .promotions-actions,#promotions-view .promotions-overview{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
#promotions-view .promotions-toolbar{justify-content:space-between}
#promotions-view .promotions-toolbar label{display:grid;gap:8px;font-size:13px;line-height:18px;color:var(--promotion-muted)}
#promotions-view .promotions-toolbar select{min-width:180px}
#promotions-view .promotion-search input{width:280px}
#promotions-view .promotions-toolbar input,#promotions-view .promotions-toolbar select,#promotions-view .promotions-toolbar button{height:40px;min-height:40px;font-size:14px}
#promotions-view .promotions-overview{align-items:center;justify-content:space-between;margin-top:20px;padding:14px 16px;background:#f5f8fd;border-radius:8px;font-size:14px;line-height:22px;font-weight:600}
#promotions-view #promotions-save{color:var(--promotion-muted);font-size:12px;font-weight:400;margin-left:auto}
#promotions-view #promotions-save.is-error,#promotions-view .promotion-warning,#promotions-view .promotion-negative{color:#b91c1c}
#promotions-view .promotions-hint{font-size:12px;line-height:20px;color:var(--promotion-muted);margin:12px 0 18px}
#promotions-view .table-scroll{border:1px solid var(--promotion-line);border-radius:10px;overflow:auto;container-type:inline-size;container-name:promotion-list}
#promotions-view .promotions-table{width:100%;min-width:0!important;table-layout:fixed;border-collapse:separate;border-spacing:0}
#promotions-view .promotions-table th{background:#f7f9fc;color:#657a95;font-size:13px;line-height:20px;padding:12px 6px;text-align:center;vertical-align:middle;white-space:normal;letter-spacing:0;border-bottom:1px solid var(--promotion-line)}
#promotions-view .promotions-table td{padding:14px 6px;vertical-align:middle;text-align:center;font-size:14px;line-height:21px;color:var(--promotion-ink);border-bottom:1px solid #eef2f8;white-space:normal;overflow-wrap:anywhere}
#promotions-view .promotions-table tr:last-child td{border-bottom:0}
#promotions-view .promotions-table th:nth-child(1){width:3%}
#promotions-view .promotions-table th:nth-child(2){width:22%;text-align:left}
#promotions-view .promotions-table th:nth-child(3){width:6.5%}
#promotions-view .promotions-table th:nth-child(4){width:8%}
#promotions-view .promotions-table th:nth-child(5){width:9%}
#promotions-view .promotions-table th:nth-child(6){width:8.5%;white-space:nowrap;padding-left:4px;padding-right:4px}
#promotions-view .promotions-table th:nth-child(7){width:7.5%;white-space:nowrap;padding-left:4px;padding-right:4px}
#promotions-view .promotions-table th:nth-child(8){width:9%}
#promotions-view .promotions-table th:nth-child(9),#promotions-view .promotions-table th:nth-child(10){width:8.5%}
#promotions-view .promotions-table th:nth-child(11){width:9.5%}
#promotions-view .promotions-table .promotion-selection{padding-left:4px;padding-right:4px}
#promotions-view .promotion-all-label{display:none}
#promotions-view .promotions-table input[type=checkbox]{width:17px;height:17px;min-height:17px;margin:0;vertical-align:middle;accent-color:#246bfd;cursor:pointer}
#promotions-view .promotions-table input:disabled{cursor:default;opacity:.5}
#promotions-view .promotions-table th label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:600;font-size:13px;line-height:20px;cursor:pointer}
#promotions-view .promotions-table th label input{flex:none}
#promotions-view .promotions-table .promotion-product{text-align:left}
#promotions-view .promotion-product b{display:block;font-weight:600;font-size:14px;line-height:21px;overflow-wrap:anywhere}
#promotions-view .promotion-product small{display:block;margin-top:6px;font-size:12px;line-height:18px}
#promotions-view .promotion-product .product-cell{grid-template-columns:44px minmax(0,1fr);column-gap:10px;row-gap:6px;min-width:0!important;max-width:none}
#promotions-view .promotion-product .product-cell>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:21px}
#promotions-view .promotion-product .product-cell .product-meta{display:grid!important;margin-top:0;color:var(--promotion-muted);font-size:12px;line-height:18px;white-space:normal;overflow-wrap:anywhere;overflow:visible}
#promotions-view .promotion-product .product-meta .product-store{white-space:normal;overflow:visible;overflow-wrap:anywhere}
#promotions-view .promotion-product .product-cell img,#promotions-view .promotion-product .image-fallback{width:44px;height:44px}
#promotions-view .promotion-stock-values{display:inline-grid;grid-template-columns:minmax(0,1fr);gap:4px;max-width:100%;margin:0 auto;vertical-align:middle}
#promotions-view .promotion-stock-values>span{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-height:24px;padding:2px 5px;border-radius:6px;min-width:0}
#promotions-view .promotion-stock-current{background:#e9f7f1;color:#147563}
#promotions-view .promotion-stock-transit{background:#edf3ff;color:#3262bb}
#promotions-view .promotion-stock-values small{font-size:12px;font-weight:400;line-height:18px;white-space:nowrap;flex:none}
#promotions-view .promotion-stock-values b{font-size:15px;font-weight:600;line-height:22px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;min-width:0;text-align:right}
#promotions-view .promotion-financials{display:grid;justify-content:center;gap:6px;text-align:center;padding:0}
#promotions-view .promotion-financials span{display:flex;flex-direction:column;align-items:center;gap:2px}
#promotions-view .promotion-financials small,#promotions-view .promotion-profit-empty small{font-size:12px;line-height:18px;color:var(--promotion-muted);font-weight:400}
#promotions-view .promotion-financials b{font-size:14px;line-height:21px;font-weight:600;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere}
#promotions-view .promotion-fee-state{display:block;font-size:12px;line-height:18px;color:var(--promotion-muted);margin-top:8px}
#promotions-view .promotion-profit-empty b,#promotions-view .promotion-profit-empty small{display:block}
#promotions-view .promotion-profit-empty b{font-size:14px;font-weight:400;line-height:21px}
#promotions-view .promotion-profit-empty small{margin-top:6px}
#promotions-view .promotion-price-input{display:flex;align-items:center;justify-content:center;gap:6px;max-width:108px;margin:0 auto}
#promotions-view .promotion-price-input>span{font-size:14px;line-height:21px;color:var(--promotion-ink)}
#promotions-view .promotion-price-input input,#promotions-view .promotion-quantity-input{width:100%;min-width:0;height:40px;min-height:40px;padding:6px!important;border:1px solid #dfe7f2;border-radius:8px;background:#fff;box-shadow:none;font-size:14px;text-align:center;font-variant-numeric:tabular-nums}
#promotions-view .promotion-quantity-input{max-width:80px}
#promotions-view .promotions-table input:focus{outline:2px solid #a8c5ff;outline-offset:2px;border-color:#246bfd}
#promotions-view .promotions-table input[aria-invalid=true]{border-color:#b91c1c;background:#fff7f7}
#promotions-view .promotion-price-input input::-webkit-inner-spin-button,#promotions-view .promotion-quantity-input::-webkit-inner-spin-button{appearance:none;margin:0}
#promotions-view .promotions-table tr.is-selected td{background:#f0f6ff}
#promotions-view .promotions-table tbody tr:hover td{background:#f8fbff}
#promotions-view .promotions-table tr.is-selected:hover td{background:#eaf3ff}
#promotions-view .promotion-revenue{font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#promotions-view .promotions-pagination{margin-top:4px;padding:16px 0 0;align-items:center;gap:12px}
#promotions-view .promotions-pagination label{margin-right:auto;font-size:13px;display:flex;align-items:center;gap:8px;white-space:nowrap;flex:none}
#promotions-view .promotions-pagination select{height:36px;min-height:36px;padding:0 8px;min-width:64px;font-size:13px}
@media(max-width:760px){#promotions-view .promotions-table th:nth-child(2),#promotions-view .promotions-table td:nth-child(2){position:static!important;left:auto!important}}
@media(max-width:760px){#promotions-view .promotions-panel{padding:14px}#promotions-view .promotions-toolbar form{width:100%;gap:10px}#promotions-view .promotions-toolbar label{flex:1 1 100%}#promotions-view .promotions-toolbar select,#promotions-view .promotion-search input{width:100%;min-width:0}#promotions-view .promotions-actions{width:100%;justify-content:flex-end}#promotions-view .promotions-overview{align-items:flex-start;gap:8px}#promotions-view #promotions-save{margin-left:0;width:100%}#promotions-view .promotions-pagination{flex-wrap:wrap;justify-content:center}#promotions-view .promotions-pagination label{width:100%;justify-content:flex-end}#promotions-view .promotions-table th:first-child,#promotions-view .promotions-table td:first-child{position:sticky;left:0;z-index:1;background:#fff}#promotions-view .promotions-table th:nth-child(2),#promotions-view .promotions-table td:nth-child(2){position:sticky;left:44px;z-index:1;background:#fff;border-right:1px solid var(--promotion-line)}#promotions-view .promotions-table th:nth-child(-n+2){z-index:2;background:#f7f9fc}#promotions-view .promotions-table tr.is-selected td:nth-child(-n+2){background:#f0f6ff}}
@container promotion-list (max-width:820px){
 #promotions-view .promotions-table,#promotions-view .promotions-table thead,#promotions-view .promotions-table tbody{display:block}
 #promotions-view .promotions-table thead tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f7f9fc}
 #promotions-view .promotions-table th{width:auto!important;position:static!important;left:auto!important;padding:12px 6px;border:0}
 #promotions-view .promotions-table th:not(:first-child):not(:nth-child(9)):not(:nth-child(10)){display:none}
 #promotions-view .promotions-table th:first-child{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
 #promotions-view .promotion-all-label{display:block;font-size:12px;line-height:20px}
 #promotions-view .promotions-table th label{font-size:12px}
 #promotions-view .promotions-table tbody{padding:12px;background:#f5f8fd}
 #promotions-view .promotions-table tr[data-row]{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--promotion-line);border-radius:10px;overflow:hidden;background:#fff;margin-bottom:12px}
 #promotions-view .promotions-table tr[data-row]:last-child{margin-bottom:0}
 #promotions-view .promotions-table td{min-width:0;width:auto;height:auto!important;position:static!important;left:auto!important;padding:12px;border-bottom:1px solid #eef2f8}
 #promotions-view .promotions-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:8px;font-size:12px;line-height:18px;color:var(--promotion-muted)}
 #promotions-view .promotions-table tr[data-row] .promotion-selection{position:absolute!important;right:12px;top:16px;padding:0;border:0;background:transparent!important;z-index:2}
 #promotions-view .promotions-table tr[data-row] .promotion-product{grid-column:1/-1;padding:16px 42px 16px 12px;border-right:0}
 #promotions-view .promotions-table tr[data-row] .promotion-revenue{grid-column:1/-1;border-bottom:0;background:#f8fbff}
 #promotions-view .promotions-table td[colspan]{display:block;border:0;padding:24px 12px}
}