.dsp-peak-contact-manager-v11475 .dsp-peak-contact-filters {
  grid-template-columns:minmax(190px,1.3fr) 135px 145px 135px auto auto!important;
}

/* Sell Out reward estimation rules and IMEI pre-VAT pricing. */
.dsp-imei-unit-price{display:inline-flex!important;width:max-content;margin-top:4px;padding:3px 6px;border-radius:4px;background:#e8f7ef;color:#08704f;font-size:8px!important;font-style:normal;font-weight:650}
.dsp-imei-unit-price.is-missing{background:#f1f3f2;color:#7a8782;font-weight:500}
.dsp-sellout-rule-manager{margin:8px 0;border:1px solid #cfe1d8;border-radius:7px;background:#fff}
.dsp-sellout-rule-manager>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;color:#17483a;cursor:pointer;list-style:none}
.dsp-sellout-rule-manager>summary::-webkit-details-marker{display:none}
.dsp-sellout-rule-manager>summary span{display:grid;gap:2px}
.dsp-sellout-rule-manager>summary b{font-size:10px}
.dsp-sellout-rule-manager>summary small{color:#6b7f76;font-size:8px;font-weight:400}
.dsp-sellout-rule-manager>summary em{padding:4px 7px;border-radius:999px;background:#e7f6ee;color:#08704f;font-size:8px;font-style:normal;white-space:nowrap}
.dsp-sellout-rule-body{padding:10px;border-top:1px solid #e1ebe6;background:#f8fbf9}
.dsp-sellout-rule-form{display:grid;grid-template-columns:125px 120px 175px minmax(160px,1fr) 155px minmax(150px,1fr) auto;align-items:end;gap:7px}
.dsp-sellout-rule-form label{display:grid;gap:3px;color:#61766c;font-size:7.5px}
.dsp-sellout-rule-form input,.dsp-sellout-rule-form select{width:100%;height:34px;min-width:0;padding:5px 7px;border:1px solid #c8dbd2;border-radius:5px;background:#fff;color:#29483c;font-size:9px;box-sizing:border-box}
.dsp-sellout-rule-form button{height:34px;padding:5px 10px;border:0;border-radius:5px;background:#087a57;color:#fff;font-size:8px;font-weight:700;white-space:nowrap}
.dsp-sellout-rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}
.dsp-sellout-rule-list article{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:7px 8px!important;border:1px solid #dce8e2!important;border-radius:6px!important;background:#fff!important}
.dsp-sellout-rule-list article>div{display:grid;gap:2px;min-width:0}
.dsp-sellout-rule-list article b{font-size:9px}
.dsp-sellout-rule-list article small{overflow:hidden;color:#6b7e75;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}
.dsp-sellout-rule-list article form{display:block!important}
.dsp-sellout-rule-list article button{min-height:27px;padding:4px 7px;border:0;border-radius:5px;background:#fff0ee;color:#a33d35;font-size:7.5px}
.dsp-sellout-rule-list>p,.dsp-sellout-rule-note{margin:7px 0 0;color:#6c8077;font-size:7.5px}
.dsp-sellout-estimate{min-width:175px;margin-top:5px}
.dsp-sellout-estimate>summary{display:grid;justify-items:end;gap:1px;padding:6px 8px;border:1px solid #cce2d7;border-radius:6px;background:#f2faf6;color:#08704f;cursor:pointer;list-style:none}
.dsp-sellout-estimate>summary::-webkit-details-marker{display:none}
.dsp-sellout-estimate>summary small{margin:0!important;color:#5d776c!important;font-size:7px!important}
.dsp-sellout-estimate>summary b{font-size:11px}
.dsp-sellout-estimate>div{display:grid;gap:4px;margin-top:4px;padding:7px;border:1px solid #dce8e2;border-radius:6px;background:#fff}
.dsp-sellout-estimate>div span{display:flex;justify-content:space-between;gap:7px;color:#60766c;font-size:7.5px}
.dsp-sellout-estimate>div em{color:#7a8782;font-size:7px;font-style:normal;line-height:1.35}
.dsp-sellout-admin-estimate{color:#08704f!important}
.dsp-sellout-admin-estimate+small{display:block;margin-top:2px;color:#70827a;font-size:7px}

@media(max-width:1100px){
  .dsp-sellout-rule-form{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dsp-sellout-rule-form button{width:100%}
}
@media(max-width:680px){
  .dsp-sellout-rule-form{grid-template-columns:1fr 1fr}
  .dsp-sellout-rule-form label:nth-child(4),.dsp-sellout-rule-form label:nth-child(6),.dsp-sellout-rule-form button{grid-column:1/-1}
  .dsp-sellout-rule-list{grid-template-columns:1fr}
  .dsp-sellout-estimate{min-width:0}
}
.dsp-peak-contact-filters>a {
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:7px!important;
  background:#0a835d!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:700!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.dsp-peak-contact-filters>a svg {
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.dsp-peak-contact-manager-v11475 .dsp-peak-contact-list {
  padding-right:2px!important;
  grid-auto-rows:max-content!important;
}
.dsp-peak-contact-manager-v11475 .dsp-peak-contact-list>article {
  display:block!important;
  min-height:58px!important;
  padding:0!important;
  overflow:hidden!important;
}
.dsp-peak-contact-manager-v11475 .dsp-peak-contact-list>article[hidden] {
  display:none!important;
}
.dsp-peak-contact-list article>.dsp-peak-contact-row-summary {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) minmax(220px,auto) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:9px 10px!important;
}
.dsp-peak-contact-identity {
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.dsp-peak-contact-badges {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}
.dsp-peak-contact-badges>span {
  padding:4px 7px!important;
  border-radius:20px!important;
  background:#edf4f1!important;
  color:#536f64!important;
  font-size:8px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.dsp-peak-contact-badges>span.is-credit {
  background:#e4f5ed!important;
  color:#087653!important;
}
.dsp-peak-contact-badges>span.is-cash {
  background:#f1f3f2!important;
  color:#788981!important;
}
.dsp-peak-contact-edit-button {
  min-height:31px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 9px!important;
  border:1px solid #c9ddd4!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#365f51!important;
  font:600 9px/1 Prompt,sans-serif!important;
  cursor:pointer!important;
}
.dsp-peak-contact-edit-button svg {
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.dsp-peak-contact-row-summary+.dsp-peak-contact-edit-form[hidden] {display:none!important}
.dsp-peak-contact-edit-form {
  display:grid!important;
  grid-template-columns:minmax(290px,.85fr) minmax(330px,1.15fr)!important;
  gap:10px!important;
  padding:10px!important;
  border-top:1px solid #dce9e3!important;
  background:#f6faf8!important;
}
.dsp-peak-contact-list .dsp-peak-contact-shop-checks {
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  border:0!important;
}
.dsp-peak-contact-list .dsp-peak-contact-shop-checks legend {
  grid-column:1/-1!important;
  margin-bottom:1px!important;
  color:#5e766c!important;
  font-size:9px!important;
}
.dsp-peak-contact-list .dsp-peak-contact-shop-checks label {
  position:relative!important;
  cursor:pointer!important;
}
.dsp-peak-contact-list .dsp-peak-contact-shop-checks input {
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.dsp-peak-contact-list .dsp-peak-contact-shop-checks span {
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:5px 7px!important;
  border:1px solid #d3e3dc!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#5e756b!important;
  font-size:9px!important;
}
.dsp-peak-contact-list .dsp-peak-contact-shop-checks input:checked+span {
  border-color:#0a8a60!important;
  background:#e4f5ed!important;
  color:#087653!important;
  font-weight:700!important;
}
.dsp-peak-contact-edit-form>.dsp-peak-credit-controls {
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(120px,1fr) minmax(115px,.72fr)!important;
  align-items:end!important;
  gap:7px!important;
  padding:7px!important;
  border:1px solid #dce9e3!important;
  border-radius:7px!important;
  background:#f3f7f5!important;
}
.dsp-peak-contact-edit-form>.dsp-peak-credit-controls.is-enabled {
  border-color:#b8ddcd!important;
  background:#edf8f2!important;
}
.dsp-peak-credit-readonly {
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-content:center!important;
  gap:3px 10px!important;
  padding:9px 11px!important;
  border:1px solid #dbe8e2!important;
  border-radius:7px!important;
  background:#fff!important;
}
.dsp-peak-credit-readonly span,.dsp-peak-credit-readonly small {color:#72867e!important;font-size:8px!important}
.dsp-peak-credit-readonly b {color:#31564a!important;font-size:10px!important}
.dsp-peak-credit-readonly small {grid-column:1/-1!important}
.dsp-peak-contact-form-actions {
  grid-column:1/-1!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:6px!important;
}
.dsp-peak-contact-form-actions button {
  min-height:34px!important;
  padding:6px 12px!important;
  border:1px solid #cadaD3!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#49675c!important;
  font:600 9px/1 Prompt,sans-serif!important;
  cursor:pointer!important;
}
.dsp-peak-contact-form-actions button[type=submit] {
  border-color:#0a835d!important;
  background:#0a835d!important;
  color:#fff!important;
}
.dsp-peak-contact-list-footer {
  flex:0 0 auto!important;
  margin-top:8px!important;
  padding-top:8px!important;
  border-top:1px solid #dfeae5!important;
  color:#6e827a!important;
  font-size:9px!important;
}
.dsp-shop-sidebar .dsp-sellout-nav-badges,
.dsp-shop-sidebar .dsp-outstanding-nav-badges {
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  font-style:normal!important;
}
.dsp-shop-sidebar .dsp-sellout-nav-badges em.is-pending {
  background:#fff0c9!important;
  color:#946100!important;
}
.dsp-shop-sidebar .dsp-sellout-nav-badges em.is-delivered {
  background:#e3f1ff!important;
  color:#256a9e!important;
}
.dsp-shop-sidebar .dsp-outstanding-nav-badges em.is-pending {
  background:#fff0c9!important;
  color:#946100!important;
}
.dsp-shop-sidebar .dsp-outstanding-nav-badges em.is-overdue {
  background:#fde5e2!important;
  color:#b43e34!important;
}
.dsp-purchase-modal-v11475>section {
  width:min(680px,calc(100vw - 28px))!important;
}
.dsp-purchase-modal-v11475 .dsp-purchase-tabs {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px!important;
  margin:9px 0 10px!important;
  padding:3px!important;
}
.dsp-purchase-modal-v11475 .dsp-purchase-tabs.has-credit {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.dsp-purchase-modal-v11475 .dsp-purchase-tabs button {
  min-width:0!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:6px 8px!important;
  font-size:11px!important;
  font-weight:500!important;
}
.dsp-purchase-modal-v11475 .dsp-purchase-tabs button>svg {
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.dsp-purchase-modal-v11475 .dsp-purchase-tabs button>span {
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:inherit!important;
  white-space:nowrap!important;
}
.dsp-purchase-modal-v11475 .dsp-purchase-tabs button>span>b {
  min-width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#fff0e1!important;
  color:#a25a18!important;
  font-size:8px!important;
}
.dsp-purchase-modal-v11475 .dsp-purchase-tabs button.is-active {font-weight:650!important}
.dsp-purchase-modal-v11475 .dsp-purchase-tools {
  margin:0 0 9px!important;
  padding:0!important;
}
.dsp-purchase-modal-v11475 .dsp-purchase-tools[hidden] {display:none!important}
.dsp-purchase-credit-panel .dsp-credit-utilization.is-purchase {
  margin:0!important;
  padding:14px!important;
}
.dsp-credit-monitor-note {
  margin:8px 0 0!important;
  padding:8px 10px!important;
  border-radius:6px!important;
  background:#f3f7f5!important;
  color:#637970!important;
  font-size:9px!important;
  line-height:1.45!important;
}
@media(max-width:820px) {
  .dsp-peak-contact-manager-v11475 .dsp-peak-contact-filters {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dsp-peak-contact-manager-v11475 .dsp-peak-contact-filters label:first-child {grid-column:1/-1!important}
  .dsp-peak-contact-row-summary {grid-template-columns:minmax(0,1fr) auto!important}
  .dsp-peak-contact-badges {grid-column:1/2!important;justify-content:flex-start!important}
  .dsp-peak-contact-edit-button {grid-column:2!important;grid-row:1/3!important}
  .dsp-peak-contact-edit-form {grid-template-columns:1fr!important}
  .dsp-peak-contact-form-actions {grid-column:auto!important}
}
@media(max-width:680px) {
  .dsp-peak-contact-manager-v11475 .dsp-peak-contact-filters>a,
  .dsp-peak-contact-manager-v11475 .dsp-peak-contact-filters>button {grid-column:auto!important}
  .dsp-peak-contact-row-summary {gap:7px!important}
  .dsp-peak-contact-badges {gap:3px!important}
  .dsp-peak-contact-badges>span {font-size:7px!important}
  .dsp-peak-contact-edit-button span {display:none!important}
  .dsp-peak-contact-edit-button {width:32px!important;justify-content:center!important;padding:0!important}
  .dsp-peak-contact-list .dsp-peak-contact-shop-checks {grid-template-columns:1fr 1fr!important}
  .dsp-peak-contact-list .dsp-peak-contact-shop-checks label:last-child {grid-column:1/-1!important}
  .dsp-peak-contact-edit-form>.dsp-peak-credit-controls {grid-template-columns:auto minmax(0,1fr) 105px!important}
  .dsp-purchase-modal-v11475 .dsp-purchase-tabs button {gap:3px!important;padding:5px 3px!important;font-size:9px!important}
  .dsp-purchase-modal-v11475 .dsp-purchase-tabs button>svg {flex-basis:14px!important;width:14px!important;height:14px!important}
  .dsp-purchase-modal-v11475 .dsp-purchase-tabs button>span>b {min-width:16px!important;height:16px!important}
  .dsp-purchase-credit-panel .dsp-credit-amounts {grid-template-columns:1fr!important}
  .dsp-purchase-credit-panel .dsp-credit-amounts>span:first-child {grid-column:auto!important}
}

/* Brand-filtered reward model picker and customer monthly-rule viewer. */
.dsp-sellout-rule-form label>small{color:#75877f;font-size:7px;line-height:1.25}
.dsp-sellout-rule-form [data-dsp-sellout-rule-model-field][hidden]{display:none!important}
.dsp-sellout-head-copy{min-width:0}
.dsp-sellout-head-actions{display:flex;align-items:center;margin-left:auto}
.dsp-sellout-head-actions>button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid #bddbcd;border-radius:7px;background:#fff;color:#08704f;font:inherit;font-size:9px;font-weight:650;white-space:nowrap}
.dsp-sellout-head-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dsp-sellout-customer-rules-modal{position:fixed;z-index:2147483642;inset:0;display:grid;place-items:center;padding:14px}
.dsp-sellout-customer-rules-modal[hidden]{display:none!important}
.dsp-sellout-customer-rules-backdrop{position:absolute;inset:0;background:rgba(10,35,26,.62);backdrop-filter:blur(2px)}
.dsp-sellout-customer-rules-modal>section{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(620px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 28px));overflow:hidden;border:1px solid #d5e5dd;border-radius:9px;background:#fff;box-shadow:0 24px 70px rgba(8,42,29,.22)}
.dsp-sellout-customer-rules-modal>section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e0ebe5}
.dsp-sellout-customer-rules-modal header strong,.dsp-sellout-customer-rules-modal header small{display:block}
.dsp-sellout-customer-rules-modal header strong{margin-top:2px;color:#213f34;font-size:15px}
.dsp-sellout-customer-rules-modal header small{margin-top:2px;color:#74867e;font-size:8px}
.dsp-sellout-customer-rules-modal header button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #d2e2da;border-radius:50%;background:#fff;color:#48645a}
.dsp-sellout-customer-rules-modal header svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.dsp-sellout-customer-rules-body{overflow:auto;padding:12px 15px 15px}
.dsp-sellout-customer-rules-month{display:grid;grid-template-columns:auto minmax(150px,220px);align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#60766c;font-size:8px}
.dsp-sellout-customer-rules-month select{width:100%;height:36px;padding:5px 9px;border:1px solid #c9ddd3;border-radius:6px;background:#fff;color:#29483c;font:inherit;font-size:10px}
.dsp-sellout-customer-rules-period{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:6px;background:#eef8f3;color:#5c756a;font-size:8px}
.dsp-sellout-customer-rules-period b{color:#08704f;font-size:11px}
.dsp-sellout-customer-rules-list{display:grid;gap:7px;margin-top:8px}
.dsp-sellout-customer-rules-list article{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid #dce9e3;border-radius:7px;background:#fff}
.dsp-sellout-customer-rule-brand{display:flex;align-items:center;gap:7px;min-width:0}
.dsp-sellout-customer-rule-brand .dsp-brand-logo{flex:0 0 auto}
.dsp-sellout-customer-rule-brand strong{overflow:hidden;color:#24483a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.dsp-sellout-customer-rules-list article>div:last-child{display:grid;gap:2px;min-width:0}
.dsp-sellout-customer-rules-list article>div:last-child>b{color:#29483d;font-size:10px;font-weight:550}
.dsp-sellout-customer-rules-list article small{color:#08704f;font-size:9px}
.dsp-sellout-customer-rules-list article em{color:#74867e;font-size:8px;font-style:normal}
.dsp-sellout-customer-rules-note{margin:10px 0 0;padding:8px 10px;border-radius:6px;background:#f5f7f6;color:#6d7f77;font-size:8px;line-height:1.5}
.dsp-sellout-rules-open{overflow:hidden}
@media(max-width:600px){
  .dsp-sellout-head{align-items:flex-start!important;flex-wrap:wrap!important}
  .dsp-sellout-head-copy{flex:1}
  .dsp-sellout-head-actions{flex-basis:100%;justify-content:flex-end;margin-top:-3px}
  .dsp-sellout-head-actions>button{min-height:31px;font-size:8px}
  .dsp-sellout-customer-rules-modal{padding:7px}
  .dsp-sellout-customer-rules-modal>section{width:calc(100vw - 14px);max-height:calc(100dvh - 70px)}
  .dsp-sellout-customer-rules-body{padding:10px 12px 13px}
  .dsp-sellout-customer-rules-list article{grid-template-columns:90px minmax(0,1fr);padding:9px}
}

/* Dedicated Sell Out reward-rule manager. */
.dsp-sellout-manager-head-actions{display:flex;align-items:center;gap:7px}
.dsp-sellout-manager>section>header .dsp-sellout-rule-launcher{display:inline-flex!important;align-items:center!important;gap:6px!important;width:auto!important;height:32px!important;padding:5px 9px!important;border:1px solid #bcd9cb!important;border-radius:6px!important;background:#f2faf6!important;color:#08704f!important;font-size:8px!important;font-weight:650!important;white-space:nowrap!important}
.dsp-sellout-rule-launcher svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dsp-sellout-rule-launcher em{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#dff3e8;color:#08704f;font-size:7px;font-style:normal}
.dsp-sellout-rule-modal{position:fixed;z-index:2147483644;inset:0;display:grid;place-items:center;padding:14px}
.dsp-sellout-rule-modal[hidden]{display:none!important}
.dsp-sellout-rule-modal-backdrop{position:absolute;inset:0;background:rgba(9,32,24,.66);backdrop-filter:blur(2px)}
.dsp-sellout-rule-modal>section{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(940px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));overflow:hidden;border:1px solid #d4e4dc;border-radius:9px;background:#fff;box-shadow:0 24px 72px rgba(8,40,28,.24)}
.dsp-sellout-rule-modal>section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #dfeae5}
.dsp-sellout-rule-modal header strong,.dsp-sellout-rule-modal header small{display:block}
.dsp-sellout-rule-modal header strong{margin-top:2px;color:#213f34;font-size:15px}
.dsp-sellout-rule-modal header small{margin-top:2px;color:#71847b;font-size:8px}
.dsp-sellout-rule-modal header button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #d1e1d9;border-radius:50%;background:#fff;color:#48645a}
.dsp-sellout-rule-modal header svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.dsp-sellout-rule-modal .dsp-sellout-rule-body{overflow:auto;padding:13px 15px 15px;border:0;background:#f8fbf9}
.dsp-sellout-rule-modal .dsp-sellout-rule-form{display:grid;grid-template-columns:145px 150px minmax(180px,1fr) minmax(165px,.9fr);align-items:end;gap:9px;padding:11px;border:1px solid #d8e7e0;border-radius:7px;background:#fff}
.dsp-sellout-rule-modal .dsp-sellout-rule-form>label:nth-of-type(1){grid-column:1;grid-row:1}
.dsp-sellout-rule-modal .dsp-sellout-rule-form>label:nth-of-type(2){grid-column:2;grid-row:1}
.dsp-sellout-rule-modal .dsp-sellout-rule-form>label:nth-of-type(3){grid-column:3;grid-row:1}
.dsp-sellout-rule-modal .dsp-sellout-rule-form>button{grid-column:4;grid-row:1;width:100%}
.dsp-sellout-rule-modal .dsp-sellout-rule-form>label:nth-of-type(4){grid-column:1/3;grid-row:2}
.dsp-sellout-rule-modal .dsp-sellout-rule-form>label:nth-of-type(5){grid-column:3;grid-row:2}
.dsp-sellout-rule-modal .dsp-sellout-rule-form>label:nth-of-type(6){grid-column:4;grid-row:2}
.dsp-sellout-rule-list-head{display:grid;grid-template-columns:190px minmax(0,1fr) 54px;gap:10px;margin-top:11px;padding:0 9px 5px;color:#6c8077;font-size:7px;font-weight:650}
.dsp-sellout-rule-list-head span:last-child{text-align:center}
.dsp-sellout-rule-modal .dsp-sellout-rule-list{display:grid;grid-template-columns:1fr;gap:6px;margin:0}
.dsp-sellout-rule-modal .dsp-sellout-rule-list article{display:grid!important;grid-template-columns:190px minmax(0,1fr) 54px!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:8px 9px!important}
.dsp-sellout-rule-modal .dsp-sellout-rule-list article>div{display:grid;gap:2px;min-width:0}
.dsp-sellout-rule-modal .dsp-sellout-rule-list article b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.dsp-sellout-rule-modal .dsp-sellout-rule-list article small{overflow:hidden;color:#6b7e75;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.dsp-sellout-rule-modal .dsp-sellout-rule-list article form{justify-self:end}
.dsp-sellout-rule-modal .dsp-sellout-rule-list article button{width:42px}
.dsp-sellout-admin-rules-open{overflow:hidden}
.dsp-sellout-customer-rule-items{display:grid;gap:7px}
.dsp-sellout-customer-rule-items>div{display:grid;gap:2px;min-width:0}
.dsp-sellout-customer-rule-items>div+div{padding-top:7px;border-top:1px solid #edf2ef}
.dsp-sellout-customer-rule-items b{color:#29483d;font-size:10px;font-weight:550}
.dsp-sellout-customer-rule-items small{color:#08704f;font-size:9px}
.dsp-sellout-customer-rule-items em{color:#74867e;font-size:8px;font-style:normal}
@media(max-width:780px){
  .dsp-sellout-rule-modal{padding:7px}
  .dsp-sellout-rule-modal>section{width:calc(100vw - 14px);max-height:calc(100dvh - 14px)}
  .dsp-sellout-rule-modal .dsp-sellout-rule-form{grid-template-columns:1fr 1fr}
  .dsp-sellout-rule-modal .dsp-sellout-rule-form>label,.dsp-sellout-rule-modal .dsp-sellout-rule-form>button{grid-column:auto!important;grid-row:auto!important}
  .dsp-sellout-rule-modal .dsp-sellout-rule-form>label:nth-of-type(3),.dsp-sellout-rule-modal .dsp-sellout-rule-form>label:nth-of-type(4),.dsp-sellout-rule-modal .dsp-sellout-rule-form>label:nth-of-type(6),.dsp-sellout-rule-modal .dsp-sellout-rule-form>button{grid-column:1/-1!important}
  .dsp-sellout-rule-list-head{display:none}
  .dsp-sellout-rule-modal .dsp-sellout-rule-list article{grid-template-columns:minmax(105px,.7fr) minmax(0,1.3fr) 44px!important}
}
@media(max-width:600px){
  .dsp-sellout-head{display:grid!important;grid-template-columns:33px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}
  .dsp-sellout-head-copy{min-width:0}
  .dsp-sellout-head-copy h2{font-size:17px!important;white-space:nowrap!important}
  .dsp-sellout-head-copy small{display:none!important}
  .dsp-sellout-head-actions{display:block!important;flex-basis:auto!important;justify-content:initial!important;margin:0!important}
  .dsp-sellout-head-actions>button{gap:4px!important;min-height:31px!important;padding:5px 7px!important;font-size:7.5px!important}
  .dsp-sellout-head-actions svg{width:13px;height:13px}
  .dsp-sellout-rule-launcher span{display:none}
  .dsp-sellout-rule-modal .dsp-sellout-rule-body{padding:10px}
  .dsp-sellout-rule-modal .dsp-sellout-rule-form{grid-template-columns:1fr}
  .dsp-sellout-rule-modal .dsp-sellout-rule-form>label,.dsp-sellout-rule-modal .dsp-sellout-rule-form>button{grid-column:1!important}
  .dsp-sellout-rule-modal .dsp-sellout-rule-list article{grid-template-columns:1fr 38px!important}
  .dsp-sellout-rule-modal .dsp-sellout-rule-list article>div:first-child{grid-column:1}
  .dsp-sellout-rule-modal .dsp-sellout-rule-list article>div:nth-child(2){grid-column:1;padding-top:5px;border-top:1px solid #edf2ef}
  .dsp-sellout-rule-modal .dsp-sellout-rule-list article form{grid-column:2;grid-row:1/3}
}
