/* The unlock control in the sidebar and the panel shown where locked records would be (js/unlock.js). It uses the interface's own
   tokens, so it follows the look and feel in style.css in both themes. */
.unlock-control { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px 10px; flex-wrap: wrap; }
.unlock-state { font-size: 12.5px; color: var(--side-ink); }
.unlock-state[data-state="open"] { color: var(--side-ink-hi); font-weight: 600; }
.locked-panel { border-left: 4px solid var(--accent); }
.locked-panel h2 { margin-top: 0; }

.deletion-state { font-size: 12.5px; color: var(--side-ink-hi); font-weight: 600; }
.deletion-notice[hidden] { display: none; }