/**
 * @file
 * Multisig vault styling.
 */
.wl-edu-ms {
  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-ms[data-open="1"] { border-left-color: #34d399; }

.wl-edu-ms__controls { display: flex; flex-wrap: wrap; gap: 0.8rem 1.2rem; margin-bottom: 1rem; }
.wl-edu-ms__controls label { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-text-muted, rgba(255, 255, 255, 0.55)); }
.wl-edu-ms__controls select { padding: 0.4rem 0.55rem; border-radius: 7px; border: 1px solid var(--color-border-subtle, rgba(255, 255, 255, 0.18)); background: rgba(0, 0, 0, 0.32); color: var(--color-text-primary, #fff); font-size: 0.9rem; }

.wl-edu-ms__keys { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 1rem; }
.wl-edu-ms__key {
  display: flex; flex-direction: column; align-items: center; gap: 0.15rem; cursor: pointer;
  width: 3.6rem; padding: 0.55rem 0; border-radius: 10px; font: inherit;
  border: 1px solid var(--color-border-subtle, rgba(255, 255, 255, 0.16));
  background: rgba(0, 0, 0, 0.28); color: var(--color-text-muted, rgba(255, 255, 255, 0.35));
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.wl-edu-ms__key svg { width: 1.6rem; height: 1.6rem; }
.wl-edu-ms__key span { font-size: 0.72rem; font-weight: 700; }
.wl-edu-ms__key.is-held { color: #34d399; border-color: rgba(52, 211, 153, 0.55); background: rgba(52, 211, 153, 0.1); }

.wl-edu-ms__status { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; }
.wl-edu-ms[data-open="1"] .wl-edu-ms__status { color: #34d399; }
.wl-edu-ms[data-open="0"] .wl-edu-ms__status { color: #f87171; }
.wl-edu-ms__note { margin: 0; font-size: 0.86rem; line-height: 1.5; color: var(--color-text-muted, rgba(255, 255, 255, 0.75)); }
.wl-edu-ms__hint { margin: 0 0 0.8rem; font-size: 0.78rem; color: var(--color-text-muted, rgba(255, 255, 255, 0.5)); }