/**
 * @file
 * Confirmation-depth security meter styling.
 */
.wl-edu-cf {
  margin: 1.5rem 0;
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--color-border-subtle, rgba(255, 255, 255, 0.14));
  border-radius: 12px;
  background: var(--color-surface-raised, rgba(255, 255, 255, 0.03));
  border-left: 3px solid #f87171;
}
.wl-edu-cf[data-st="low"] { border-left-color: #fbbf24; }
.wl-edu-cf[data-st="medium"] { border-left-color: #5b8dff; }
.wl-edu-cf[data-st="final"] { border-left-color: #34d399; }

.wl-edu-cf__control { margin-bottom: 1rem; }
.wl-edu-cf__control label { display: block; font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-text-muted, rgba(255, 255, 255, 0.55)); margin-bottom: 0.3rem; }
.wl-edu-cf__control input[type="range"] { width: 100%; accent-color: #5b8dff; cursor: pointer; }

.wl-edu-cf__tower { display: flex; flex-direction: column; gap: 3px; margin-bottom: 0.9rem; }
.wl-edu-cf__block {
  padding: 0.5rem 0.7rem; border-radius: 6px; font-size: 0.78rem; font-weight: 600; text-align: center;
  font-family: ui-monospace, Menlo, Consolas, monospace;
}
.wl-edu-cf__block--conf { background: rgba(91, 141, 255, 0.16); border: 1px solid rgba(91, 141, 255, 0.35); color: #bcd0ff; }
.wl-edu-cf__block--tx { background: rgba(91, 141, 255, 0.3); border: 1px solid rgba(91, 141, 255, 0.65); color: #dbe6ff; font-weight: 700; }

.wl-edu-cf__meterwrap { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.7rem; }
.wl-edu-cf__label { font-size: 0.85rem; font-weight: 700; white-space: nowrap; min-width: 7rem; }
.wl-edu-cf[data-st="unconfirmed"] .wl-edu-cf__label { color: #f87171; }
.wl-edu-cf[data-st="low"] .wl-edu-cf__label { color: #fbbf24; }
.wl-edu-cf[data-st="medium"] .wl-edu-cf__label { color: #5b8dff; }
.wl-edu-cf[data-st="final"] .wl-edu-cf__label { color: #34d399; }
.wl-edu-cf__meter { flex: 1 1 0; height: 0.7rem; border-radius: 5px; background: rgba(255, 255, 255, 0.08); overflow: hidden; }
.wl-edu-cf__fill { height: 100%; border-radius: 5px; transition: width 0.25s ease; background: linear-gradient(90deg, #f87171, #fbbf24 45%, #5b8dff 75%, #34d399); }

.wl-edu-cf__note { margin: 0; font-size: 0.86rem; line-height: 1.5; min-height: 2.6rem; color: var(--color-text-muted, rgba(255, 255, 255, 0.78)); }