/* the clickable list of certificate lines */
.field-row{
  background:#ffffff !important;
  border:1.5px solid var(--ok-line) !important;
  border-radius:12px !important;
  box-shadow:0 2px 0 #eeecf6 !important;
  transition:transform .12s, border-color .12s, box-shadow .12s !important;
}
.field-row:hover{
  background:#fffdf7 !important;
  border-color:#e0d2ab !important;
  transform:translateY(-1px);
  box-shadow:0 3px 0 #e8dfc6 !important;
}
.field-row.selected{
  background:linear-gradient(180deg,#fffaef,#fff2d6) !important;
  border-color:var(--gel-gold-rim) !important;
  box-shadow:0 3px 0 var(--gel-gold-rim) !important;
}
.field-row-label{
  color:var(--ok-ink-faint) !important;
  font-family:var(--cs-font) !important;
  font-weight:900 !important;
  font-size:10px !important;
  letter-spacing:.9px !important;
}
.field-row.selected .field-row-label{ color:#a8842f !important; }
.field-row-text{
  color:var(--ok-ink) !important;        /* was #d8cbb3 — invisible on white */
  font-weight:600 !important;
  font-size:13.5px !important;
}
.field-row-accent{ background:var(--gel-gold-rim) !important; }
.field-row-arrow{ color:#bdb7d2 !important; }
.field-row:hover .field-row-arrow{ color:var(--ok-ink-soft) !important; }
.field-row-fp-btn{ color:#bdb7d2 !important; }
.field-row-fp-btn:hover{ color:var(--gel-gold-rim) !important; }

/* the "click an element" hint */
.field-index-hint{
  color:var(--ok-ink-soft) !important;
  background:var(--ok-soft) !important;
  border:1.5px dashed #d8d2ec !important;
  font-family:var(--cs-font) !important;
  font-weight:700 !important;
  font-size:12.5px !important;
  font-style:normal !important;
}

/* the canvas-editing hint above it */
#canvasEditHint{
  color:var(--ok-ink-soft) !important;
  font-style:normal !important;
  font-weight:700 !important;
  background:var(--ok-soft) !important;
  border:1px solid var(--ok-line) !important;
}

/* section heading + contextual styling panel */
#sec-texteditor-lbl, #contextPanel, #contextPanel *{
  font-family:var(--cs-font) !important;
}
#contextPanel label, #contextPanel .ctx-label, .ctx-preview{
  color:var(--ok-ink-soft) !important;
}
.ctx-preview{ background:var(--ok-soft) !important; border:1px solid var(--ok-line) !important; }
.field-index-item{ color:var(--ok-ink-soft) !important; }
.field-index-item:hover, .field-index-item.active{
  color:var(--ok-ink) !important;
  background:var(--ok-soft) !important;
  border-color:var(--ok-line) !important;
}