/* Scoped to account pages where our blocks render */
.kcc-wrap { margin: 0 0 18px; }

.kcc-card {
  border: 1px solid rgba(127,127,127,0.25);
  border-radius: 12px;
  padding: 14px 16px;
  margin: 0 0 16px;
  background: rgba(127,127,127,0.06);
}

.kcc-card h3 { margin-top: 0; }

.kcc-card-warning {
  border-color: rgba(255, 193, 7, 0.35);
  background: rgba(255, 193, 7, 0.08);
}

.kcc-card-ok {
  border-color: rgba(40, 167, 69, 0.35);
  background: rgba(40, 167, 69, 0.08);
}

.kcc-note { opacity: 0.85; font-size: 0.95em; }

/* Contract read area (Contracts tab) */
.kcc-contract-read {
  border: 1px solid rgba(127,127,127,0.25);
  border-radius: 12px;
  padding: 14px 16px;
  background: rgba(127,127,127,0.04);
}

/* Modal */
.kcc-modal { display: none; position: fixed; inset: 0; z-index: 999999; }
.kcc-modal.is-open { display: block; }

.kcc-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.78);
}

.kcc-modal__dialog {
  position: relative;
  width: min(920px, calc(100% - 28px));
  margin: 3vh auto;
  border-radius: 14px;
  padding: 14px 14px 10px;
  background: var(--kcc-modal-bg, #0f0f0f);
  color: var(--kcc-modal-fg, #ffffff);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 10px 40px rgba(0,0,0,0.45);
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

@media (max-width: 600px) {
  .kcc-modal__dialog { margin: 2vh auto; }
}


.kcc-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.kcc-modal__title { margin: 0; font-size: 1.1rem; }

.kcc-modal__close {
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 22px;
  line-height: 1;
  padding: 6px 10px;
  cursor: pointer;
  opacity: 0.85;
}
.kcc-modal__close:hover { opacity: 1; }

.kcc-modal__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 12px;
}

.kcc-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color: inherit;
  text-decoration: none;
  font-size: 0.92em;
}

.kcc-contract-body {
  flex: 1 1 auto;
  overflow: auto;
  max-height: none;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 12px;
  padding: 12px 12px;
  background: rgba(255,255,255,0.03);
}

.kcc-contract-body h2, .kcc-contract-body h3 { color: inherit; }

.kcc-sign-form {
  flex: 0 0 auto;
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.14);
}


.kcc-sign-row { margin: 10px 0; }
.kcc-sign-row label { display: block; margin-bottom: 6px; }

.kcc-sign-row input[type="text"]{
  width: 100%;
  max-width: 520px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.30);
  color: inherit;
}

.kcc-checkbox { display: flex; gap: 8px; align-items: flex-start; }

.kcc-sign-status { margin-left: 10px; opacity: 0.95; }

body.kcc-modal-open { overflow: hidden; }