[data-supplier-comparison-page] .page-head{
  align-items:center;
}

[data-supplier-comparison-page] .page-head .head-actions .button{
  white-space:nowrap;
}

[data-supplier-comparison-page] .kpi:nth-child(2){
  border-color:#a9cdb7;
  background:linear-gradient(145deg,#fffdf8,#eaf5ed);
}

[data-supplier-comparison-page] .kpi:nth-child(2)::after{
  background:#cfe6d6;
}

[data-supplier-comparison-page] .financial-filter-panel{
  overflow:hidden;
  margin-bottom:18px;
}

[data-supplier-comparison-page] .financial-filters{
  grid-template-columns:minmax(240px,2fr) repeat(4,minmax(145px,1fr));
}

[data-supplier-comparison-page] .financial-filters label.wide{
  grid-column:auto;
}

[data-comparison-item] > header{
  min-height:64px;
}

[data-comparison-item] > header .status-tag{
  flex:0 0 auto;
  margin-left:auto;
  padding:7px 10px;
  border:1px solid #dbcda9;
  border-radius:999px;
  background:#fff7dd;
  color:#735816;
  font-size:8px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

[data-comparison-item] > header .status-tag.ok{
  border-color:#a9cdb7;
  background:#e9f5ed;
  color:#105a3c;
}

.supplier-offer[data-comparison-summary]{
  min-height:104px;
  border-top:0;
  background:linear-gradient(90deg,#fffdf8,#f7f3e7);
}

.supplier-offer[data-comparison-summary].best{
  background:linear-gradient(90deg,#edf8f1,#fbf8eb);
}

.supplier-offer[data-comparison-summary] > span:nth-child(3) b{
  color:#105a3c;
  font:700 25px/1 "Cormorant Garamond",serif;
}

[data-comparison-details],
[data-comparison-pending],
[data-comparison-excluded]{
  border-top:1px solid #eee7d5;
  background:#fffdf8;
}

[data-comparison-details] summary,
[data-comparison-pending] summary,
[data-comparison-excluded] summary{
  display:flex;
  min-height:48px;
  align-items:center;
  gap:12px;
  padding:10px 17px;
  color:#105a3c;
  cursor:pointer;
  font-size:10px;
  font-weight:800;
  list-style:none;
}

[data-comparison-details] summary::-webkit-details-marker,
[data-comparison-pending] summary::-webkit-details-marker,
[data-comparison-excluded] summary::-webkit-details-marker{
  display:none;
}

[data-comparison-details] summary::before,
[data-comparison-pending] summary::before,
[data-comparison-excluded] summary::before{
  display:grid;
  width:24px;
  height:24px;
  flex:0 0 24px;
  place-items:center;
  border-radius:8px;
  background:#e5efe8;
  content:"+";
  font-size:15px;
}

[data-comparison-details][open] summary::before,
[data-comparison-pending][open] summary::before,
[data-comparison-excluded][open] summary::before{
  content:"−";
}

[data-comparison-details] summary b,
[data-comparison-pending] summary b,
[data-comparison-excluded] summary b{
  margin-left:auto;
  padding:5px 8px;
  border-radius:999px;
  background:#f2ecda;
  color:#695f4f;
  font-size:8px;
}

[data-comparison-excluded]{
  background:#fff9f7;
}

[data-comparison-pending]{
  background:#fffaf0;
}

[data-comparison-pending] summary{
  color:#775b19;
}

[data-comparison-pending] summary::before{
  background:#f7e8bd;
}

[data-comparison-excluded] summary{
  color:#8f483f;
}

[data-comparison-excluded] summary::before{
  background:#f7dfda;
}

[data-comparison-offer].rejected{
  opacity:.82;
}

[data-supplier-comparison-page] .supplier-offer em.validation-current{
  background:#efe4bf;
  color:#6e571b;
}

@media(max-width:1280px){
  [data-supplier-comparison-page] .financial-filters{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  [data-supplier-comparison-page] .financial-filters label.wide{
    grid-column:span 2;
  }
}

@media(max-width:820px){
  [data-supplier-comparison-page] .financial-filters{
    grid-template-columns:1fr 1fr;
  }

  [data-supplier-comparison-page] .financial-filters label.wide{
    grid-column:1/-1;
  }

  .supplier-offer[data-comparison-summary]{
    grid-template-columns:1fr 1fr;
  }

  .supplier-offer[data-comparison-summary] .supplier-offer-meta{
    padding-left:0;
    border-left:0;
  }

  .supplier-offer[data-comparison-summary] .supplier-offer-actions{
    justify-content:flex-start;
  }
}

@media(max-width:560px){
  [data-supplier-comparison-page] .financial-filters,
  .supplier-offer[data-comparison-summary]{
    grid-template-columns:1fr;
  }

  [data-supplier-comparison-page] .financial-filters label.wide{
    grid-column:auto;
  }

  [data-comparison-item] > header{
    align-items:flex-start;
    flex-direction:column;
  }

  [data-comparison-item] > header .status-tag{
    margin-left:0;
  }
}