/* Lentara Consent Lock Capsule MVP */
.consentCapsuleHost{
  display:none;
  gap:10px;
  margin-top:12px;
}

.consentCapsulePillRow{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.consent-capsule-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg, rgba(12,18,38,.92), rgba(8,12,28,.96));
  color:rgba(238,241,255,.92);
  font-size:12px;
  font-weight:850;
  letter-spacing:0;
  padding:8px 12px;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
}

.consentPillDot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(139,233,253,.9);
  box-shadow:0 0 16px rgba(139,233,253,.45);
  flex:0 0 auto;
}

.consent-capsule-pill.is-monitoring .consentPillDot{background:rgba(160,177,220,.9);box-shadow:0 0 14px rgba(160,177,220,.35)}
.consent-capsule-pill.is-focus-next{border-color:rgba(105,218,255,.38);background:linear-gradient(180deg, rgba(23,43,76,.82), rgba(9,15,32,.96))}
.consent-capsule-pill.is-warning{border-color:rgba(255,190,92,.46);background:linear-gradient(180deg, rgba(72,48,14,.72), rgba(18,15,10,.96))}
.consent-capsule-pill.is-warning .consentPillDot{background:rgba(255,190,92,.95);box-shadow:0 0 16px rgba(255,190,92,.48)}
.consent-capsule-pill.is-critical{border-color:rgba(255,96,126,.52);background:linear-gradient(180deg, rgba(82,21,34,.72), rgba(20,10,18,.96))}
.consent-capsule-pill.is-critical .consentPillDot{background:rgba(255,96,126,.95);box-shadow:0 0 16px rgba(255,96,126,.5)}
.consent-capsule-pill.is-completed{border-color:rgba(94,242,181,.42);background:linear-gradient(180deg, rgba(13,70,52,.66), rgba(8,18,20,.96))}
.consent-capsule-pill.is-completed .consentPillDot{background:rgba(94,242,181,.95);box-shadow:0 0 16px rgba(94,242,181,.42)}
.consent-capsule-pill.is-locked{border-color:rgba(160,177,220,.22);opacity:.72}

.consent-capsule-card{
  width:min(760px,100%);
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(8,13,30,.88), rgba(9,13,28,.95));
  box-shadow:0 20px 58px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  padding:14px;
  display:grid;
  gap:12px;
}

.consent-capsule-card.is-focus-next{border-color:rgba(105,218,255,.35)}
.consent-capsule-card.is-warning{border-color:rgba(255,190,92,.46)}
.consent-capsule-card.is-critical{border-color:rgba(255,96,126,.52)}
.consent-capsule-card.is-completed{border-color:rgba(94,242,181,.42)}
.consent-capsule-card.is-locked{opacity:.82}

.consentCapsuleHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.consentCapsuleEyebrow,
.consentSectionLabel,
.consentPreviewTitle{
  color:rgba(139,233,253,.86);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.consentCapsuleHead h4{
  margin:4px 0 0;
  font-size:18px;
  line-height:1.18;
  letter-spacing:0;
}

.consentIconBtn{
  width:32px;
  height:32px;
  min-width:32px;
  border-radius:12px;
  padding:0;
  display:grid;
  place-items:center;
}

.consentCapsuleWarning{
  border:1px solid rgba(255,190,92,.28);
  background:rgba(255,190,92,.10);
  color:rgba(255,232,188,.96);
  border-radius:14px;
  padding:9px 11px;
  font-size:12px;
  line-height:1.45;
}

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

.consentCapsuleSnapshot div{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:14px;
  padding:9px 10px;
  display:grid;
  gap:3px;
  min-width:0;
}

.consentCapsuleSnapshot b{
  color:rgba(238,241,255,.68);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.consentCapsuleSnapshot span{
  color:rgba(238,241,255,.94);
  font-size:13px;
  overflow-wrap:anywhere;
}

.consentCapsuleGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.consent-label-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:6px;
}

.consentLabel{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  padding:5px 8px;
  color:rgba(238,241,255,.84);
  font-size:11px;
  font-weight:800;
  letter-spacing:0;
}

.consentLabel.allowed{border-color:rgba(105,218,255,.28)}
.consentLabel.blocked{border-color:rgba(255,96,126,.26);color:rgba(255,205,216,.9)}

.consentPreviewToggle{
  justify-self:flex-start;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(169,139,255,.12);
  border-color:rgba(169,139,255,.32);
}

.consent-payload-preview{
  border:1px solid rgba(169,139,255,.24);
  background:rgba(169,139,255,.08);
  border-radius:14px;
  padding:10px 12px;
  display:grid;
  gap:8px;
}

.consent-payload-preview ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:4px;
}

.consent-payload-preview li,
.consent-payload-preview pre{
  color:rgba(238,241,255,.9);
  font-size:12px;
  line-height:1.45;
}

.consent-payload-preview pre{
  margin:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.consent-receipt{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  padding:9px 11px;
  display:grid;
  gap:3px;
  font-size:12px;
}

.consent-receipt.is-completed{border-color:rgba(94,242,181,.34);background:rgba(94,242,181,.08)}
.consent-receipt.is-critical{border-color:rgba(255,96,126,.34);background:rgba(255,96,126,.08)}
.consent-receipt.is-warning{border-color:rgba(255,190,92,.34);background:rgba(255,190,92,.08)}
.consent-receipt span,
.consent-receipt small{color:rgba(238,241,255,.72);overflow-wrap:anywhere}

.consentCapsuleActions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}

.consentPrimary{
  background:linear-gradient(180deg, rgba(169,139,255,.95), rgba(91,204,235,.88));
  color:#05101f;
  border-color:rgba(209,245,255,.55);
  font-weight:900;
}

.consentSecondary{
  min-width:92px;
}

.api-counter-panel{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  border-radius:14px;
  padding:10px 12px;
  font-size:12px;
}

html[data-build="prod2"] .debug,
html[data-build="prod2"] [data-debug],
html[data-build="prod2"] .diagnostics,
body.is-prod2 .debug,
body.is-prod2 [data-debug],
body.is-prod2 .diagnostics,
.is-prod2 .debug,
.is-prod2 [data-debug],
.is-prod2 .diagnostics{
  display:none !important;
}

@media(max-width:720px){
  .consentCapsuleSnapshot,
  .consentCapsuleGrid{
    grid-template-columns:1fr;
  }
  .consent-capsule-card{
    border-radius:16px;
  }
}