/* V180: simplified demand-card front UI */

/* Remove the old front block visuals on the card face */
.demand-channel-card .front-demand-signal,
.demand-channel-card .front-creation-path,
.demand-channel-card .front-knowledge-compact{
  box-shadow:none!important;
}

.demand-channel-card .front-card-action-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:clamp(12px,1.3vw,16px) 0 10px!important;
}

.demand-channel-card .front-simple-action{
  appearance:none!important;
  border:1px solid rgba(205,219,237,.92)!important;
  cursor:pointer!important;
  min-height:64px!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  text-align:left!important;
  box-shadow:0 12px 28px rgba(8,24,52,.06)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
}

.demand-channel-card .front-simple-action:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 34px rgba(8,24,52,.10)!important;
}

.demand-channel-card .front-simple-action span{
  display:block!important;
  margin:0!important;
  text-transform:none!important;
  letter-spacing:-.015em!important;
  font-size:clamp(13px, .9vw, 15px)!important;
  line-height:1.05!important;
  font-weight:950!important;
}

.demand-channel-card .front-simple-action em{
  display:block!important;
  font-style:normal!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:820!important;
  opacity:.82!important;
}

.demand-channel-card .front-simple-action--knowledge{
  background:#061633!important;
  color:#fff!important;
  border-color:#12305f!important;
}

.demand-channel-card .front-simple-action--knowledge span,
.demand-channel-card .front-simple-action--knowledge em{
  color:#fff!important;
}

.demand-channel-card .front-simple-action--creation{
  background:linear-gradient(180deg,#0a6848,#0b7a53)!important;
  color:#fff!important;
  border-color:#159264!important;
}

.demand-channel-card .front-simple-action--creation span,
.demand-channel-card .front-simple-action--creation em{
  color:#fff!important;
}

/* Keep legal microcopy small and not dominant */
.demand-channel-card .front-path-disclaimer{
  margin:0 0 10px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  background:#f8fbff!important;
  border:1px solid rgba(205,219,237,.86)!important;
  color:#657489!important;
  font-size:10.5px!important;
  line-height:1.32!important;
  font-weight:750!important;
}

/* Chips live visually at bottom */
.demand-channel-card .card-body{
  display:flex!important;
  flex-direction:column!important;
}

.demand-channel-card .front-chip-bottom{
  margin-top:auto!important;
  padding-top:6px!important;
}

.demand-channel-card .front-chip-bottom .demand-tag-rail{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}

.demand-channel-card .front-chip-bottom .demand-tag-rail::-webkit-scrollbar{
  display:none!important;
}

.demand-channel-card .front-chip-bottom .demand-tag-chip{
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(205,219,237,.92)!important;
  box-shadow:0 8px 18px rgba(8,24,52,.045)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#061633!important;
}

.demand-channel-card .front-chip-bottom .demand-tag-chip i{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  background:#f3f7fd!important;
  font-style:normal!important;
  font-size:11px!important;
  line-height:1!important;
}

.demand-channel-card .front-chip-bottom .demand-tag-chip b{
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* The old card footer route text can be removed from the visual face for a cleaner bottom */
.demand-channel-card .card-footer--route-context{
  display:none!important;
}

/* Let cards settle into a cleaner marketplace rhythm */
.demand-channel-card .summary{
  margin-bottom:0!important;
  -webkit-line-clamp:3!important;
}

@media(max-width:760px){
  .demand-channel-card .front-card-action-row{
    grid-template-columns:1fr!important;
  }
  .demand-channel-card .front-simple-action{
    min-height:56px!important;
  }
}