/* Your Quote Assistant™ — All Proposals presentation
   Dedicated visual layer for proposal-list readability and compact density. */

#allPanel .quote-list{gap:9px}

#allPanel .quote-row{
  grid-template-columns:minmax(300px,2fr) minmax(155px,.75fr) minmax(190px,.9fr) minmax(160px,.7fr)!important;
  gap:9px!important;
  align-items:center!important;
  padding:8px 12px!important;
  border-color:#d7e1eb!important;
  box-shadow:0 3px 12px rgba(11,29,58,.035);
  background:#fff;
}

#allPanel .quote-row>div{min-width:0}

#allPanel .quote-row>div:first-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0;
}

#allPanel .quote-row h3{
  margin:0 0 5px!important;
  font-size:20px!important;
  line-height:1.15;
  color:#0b1d3a;
}

/* Service / phone is working information, never fine print. */
#allPanel .quote-row .meta{
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:500;
  color:#405675!important;
}

/* Value and status stay compact while carrying larger, normal-reading-size text. */
#allPanel .quote-row>div:nth-child(2),
#allPanel .quote-row>div:nth-child(3){
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:2px;
  padding:7px 10px;
  border:1px solid #dde6ef;
  border-radius:10px;
  background:#f8fafc;
}

#allPanel .quote-row>div:nth-child(2)::before{content:'PROPOSAL VALUE'}
#allPanel .quote-row>div:nth-child(3)::before{content:'STATUS / NEXT STEP'}

#allPanel .quote-row>div:nth-child(2)::before,
#allPanel .quote-row>div:nth-child(3)::before{
  display:block;
  margin-bottom:2px;
  font-size:11.5px;
  line-height:1;
  letter-spacing:.075em;
  font-weight:900;
  color:#566d8d;
}

#allPanel .quote-row .amount{
  font-size:24px!important;
  line-height:1.02;
  font-weight:850;
  color:#0b1d3a;
}

/* Dates are operational information and should read like body copy. */
#allPanel .quote-row>div:nth-child(2) .meta,
#allPanel .quote-row>div:nth-child(3) .meta{
  font-size:16.5px!important;
  line-height:1.2!important;
  font-weight:500;
  color:#3f5574!important;
}

#allPanel .quote-row .status{
  align-self:flex-start;
  width:auto!important;
  max-width:max-content;
  display:inline-flex!important;
  align-items:center;
  padding:5px 10px!important;
  font-size:14.5px!important;
  line-height:1!important;
  background:#eef4fb!important;
  color:#17365f!important;
  border:1px solid #d8e3ef;
  font-weight:800;
}

/* Priority is a compact semantic badge, never a full-width bar. */
#allPanel .quote-row [class*='priority'],
#allPanel .quote-row .badge,
#allPanel .quote-row .pill{
  align-self:flex-start!important;
  width:auto!important;
  max-width:max-content!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:14.5px!important;
  line-height:1!important;
  font-weight:800;
}

#allPanel .quote-row .row-actions{
  justify-content:center!important;
  align-content:center;
  align-items:stretch;
  flex-direction:column;
  flex-wrap:nowrap!important;
  gap:5px!important;
}

#allPanel .quote-row .row-actions .mini,
#allPanel .quote-row .row-actions a,
#allPanel .quote-row .row-actions button{
  width:100%;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:14.5px;
}

#allPanel .quote-row:hover{
  border-color:#bfd0e3!important;
  box-shadow:0 6px 18px rgba(11,29,58,.055);
}

@media(max-width:980px){
  #allPanel .quote-row{
    grid-template-columns:minmax(240px,1.5fr) minmax(145px,.7fr) minmax(175px,.85fr) minmax(140px,.65fr)!important;
  }
}

@media(max-width:760px){
  #allPanel .quote-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:12px!important;
  }
  #allPanel .quote-row h3{font-size:19px!important}
  #allPanel .quote-row>div:nth-child(2),
  #allPanel .quote-row>div:nth-child(3){padding:8px 10px}
  #allPanel .quote-row .meta{font-size:15.5px!important}
  #allPanel .quote-row .row-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  #allPanel .quote-row .row-actions>*:only-child{grid-column:1/-1}
}