.runtime-card {
  border:1px solid #ddd;
  padding:16px;
  border-radius:8px;
  background:#fafafa;
  margin-top:20px;
}

.runtime-card button {
  margin-right:8px;
  padding:6px 12px;
}



.btnlike {
  display: inline-block;
  margin-right: 8px;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  background: #fafafa;
}


.runtime-card .btnlike {
  margin-top: 6px;
}


.runtime-card .btnrow {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.runtime-card .btnlike {
  display:inline-block;
  padding:6px 12px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fff;
  text-decoration:none;
  color:inherit;
}



.value-card {
  margin-top: 10px;
}

.kv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 8px 18px;
  margin-top: 8px;
}

.value-subsection {
  margin-top: 12px;
}

.value-opportunity {
  margin-top: 6px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  background: rgba(255,255,255,0.02);
}

.signal-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.signal-chip {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(80,140,255,0.14);
  border: 1px solid rgba(80,140,255,0.25);
  font-size: 12px;
}


.signal-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}

.signal-chip{
  display:inline-block;
  padding:4px 10px;
  border:1px solid #d0d7de;
  border-radius:999px;
  background:#f6f8fa;
  font-size:12px;
  line-height:1.3;
  white-space:nowrap;
}

.value-opportunity{
  margin-top:8px;
}

.kv-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px 16px;
  margin:10px 0;
}

.value-subsection{
  margin-top:12px;
}


.value-opp-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:8px;
}

.value-opp-row{
  border:1px solid #d8dee4;
  border-radius:12px;
  padding:10px 12px;
  background:#fbfcfe;
}

.value-opp-head{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:6px;
}

.value-opp-rank{
  display:inline-block;
  min-width:34px;
  text-align:center;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid #d0d7de;
  background:#f6f8fa;
  font-size:12px;
  font-weight:700;
}

.value-opp-title{
  font-weight:800;
}

.value-opp-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  font-size:12px;
  color:#5b6573;
  margin-bottom:6px;
}

.value-opp-desc{
  line-height:1.45;
}


.cc-card{
  border-radius:16px;
  padding:14px;
}

.cc-card-head{
  align-items:flex-start;
  margin-bottom:10px;
}

.cc-chip-col{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-end;
  max-width:320px;
}

.cc-summary-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin:8px 0 12px 0;
}

.cc-summary-item{
  border:1px solid #e6e9ee;
  border-radius:12px;
  background:#fbfcfe;
  padding:10px 12px;
}

.cc-section{
  margin-top:12px;
  border:1px solid #e6e9ee;
  border-radius:14px;
  background:#fcfcfd;
  padding:0 12px 12px 12px;
}

.cc-section > summary{
  cursor:pointer;
  font-weight:800;
  padding:12px 0;
  list-style:none;
}

.cc-section > summary::-webkit-details-marker{
  display:none;
}

.cc-section > summary::before{
  content:"▸";
  display:inline-block;
  margin-right:8px;
  transition:transform .15s ease;
}

.cc-section[open] > summary::before{
  transform:rotate(90deg);
}

.bk-intelligence-mount{
  margin-top:12px;
}

.runtime-card{
  border-radius:14px;
  background:#fafafa;
}

.runtime-title-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
}

.runtime-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

@media (max-width: 980px){
  .cc-summary-grid{
    grid-template-columns:1fr;
  }

  .cc-chip-col{
    justify-content:flex-start;
    max-width:none;
  }
}


.cc-client-card{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cc-card-top{
  align-items:flex-start;
}

.cc-card-title-wrap{
  min-width:0;
}

.cc-chip-col{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-end;
}

.cc-summary-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px 18px;
}

.cc-ops-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:10px;
}

.bk-intelligence-mount{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.card > details{
  margin-top:2px;
}

.card > details > summary{
  cursor:pointer;
  font-weight:700;
}

@media (max-width: 980px){
  .cc-summary-grid{
    grid-template-columns:1fr;
  }

  .cc-chip-col{
    align-items:flex-start;
  }

  .cc-card-top{
    flex-direction:column;
  }
}


.bk-top-summary{
  margin-bottom: 10px;
}

.bk-top-summary-grid{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap:10px;
}

.bk-summary-tile{
  border:1px solid #d8dee4;
  border-radius:14px;
  padding:12px 14px;
  background:#fbfcfe;
}

.bk-summary-label{
  font-size:12px;
  color:#5b6573;
  margin-bottom:6px;
}

.bk-summary-value{
  font-size:24px;
  font-weight:800;
  line-height:1;
}

@media (max-width: 980px){
  .bk-top-summary-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


.demo-target-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:8px;
}

.demo-target-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  border:1px solid #d8dee4;
  border-radius:12px;
  padding:10px 12px;
  background:#fffdf8;
}

.demo-target-rank{
  min-width:34px;
  text-align:center;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid #e4d7b2;
  background:#fff4d6;
  font-size:12px;
  font-weight:700;
}

.demo-target-body{
  flex:1;
  min-width:0;
}

.demo-target-title{
  font-weight:800;
  margin-bottom:4px;
}

.demo-target-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  font-size:12px;
  color:#5b6573;
  margin-bottom:6px;
}

.demo-target-angle{
  line-height:1.45;
}


.bk-tier-pill{
  display:inline-block;
  min-width:28px;
  text-align:center;
  padding:2px 10px;
  border-radius:999px;
  border:1px solid #d0d7de;
  font-size:12px;
  font-weight:700;
  background:#f6f8fa;
}

.bk-tier-a{
  background:#e8fff1;
  border-color:#9ed8b5;
}

.bk-tier-b{
  background:#eef6ff;
  border-color:#a9c7ef;
}

.bk-tier-c{
  background:#fff8e8;
  border-color:#e8cf96;
}

.bk-tier-d{
  background:#fff1f1;
  border-color:#e4b2b2;
}


/* ---------- Client Priority Visuals ---------- */

.cc-client-card{
  border-left: 4px solid transparent;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.cc-client-card.bk-priority-a{
  border-left-color:#00b894;
  box-shadow:0 0 0 1px rgba(0,184,148,.15);
}

.cc-client-card.bk-priority-b{
  border-left-color:#0984e3;
}

.cc-client-card.bk-priority-c{
  border-left-color:#b2bec3;
}

.cc-client-card.bk-priority-d{
  border-left-color:#636e72;
  opacity:.92;
}

/* error override */

.cc-client-card[data-status="error"]{
  border-left-color:#d63031;
}


/* Deal Potential Banner */

.cc-deal-banner{
  font-size:13px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding-top:10px;
}

.deal-value{
  font-weight:800;
  color:#00b894;
}

.deal-opportunity{
  color:#636e72;
  font-weight:600;
}




/* ===== Deal Intelligence Strip ===== */

.cc-deal-banner{
  background:linear-gradient(90deg,#f6fbff,#eef6ff);
  border:1px solid #e2ecf8;
  border-radius:8px;
  padding:8px 10px;
  margin:8px 0;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.deal-value{
  font-weight:800;
  color:#0c7a43;
  font-size:14px;
}

.deal-opportunity{
  font-weight:600;
  color:#334155;
}



.deal-demo{
  background:#e7f8ef;
  color:#0f7a45;
  font-weight:600;
  font-size:12px;
  padding:3px 8px;
  border-radius:6px;
  border:1px solid #b9e7cd;
}