/* Keep the record view readable in dark appearance, including hover and disabled states. */
:root[data-kc-theme="dark"] .action-rail {
  background: #191a1c;
  color: #e4e6e8;
  border-color: #383a3d;
}

:root[data-kc-theme="dark"] .action-title,
:root[data-kc-theme="dark"] .action-rail details > summary {
  background: #26282a;
  color: #e4e6e8;
  border-color: #383a3d;
}

:root[data-kc-theme="dark"] .action-rail details > summary:hover {
  background: #34373a;
  color: #f3f5f6;
}

:root[data-kc-theme="dark"] .action-rail details {
  border-color: #383a3d;
}

:root[data-kc-theme="dark"] .action-rail button {
  background: #191a1c;
  color: #e1e3e5;
}

:root[data-kc-theme="dark"] .action-rail button:hover {
  background: #34373a;
  color: #f3f5f6;
}

:root[data-kc-theme="dark"] .action-rail .alloy-action-icon,
:root[data-kc-theme="dark"] .action-rail .action-title .alloy-action-icon {
  color: #91c9f0;
}

:root[data-kc-theme="dark"] .action-rail details > summary::after {
  border-color: #d0d3d6;
}

:root[data-kc-theme="dark"] .record-tools .textbtn {
  color: #c8cdd1;
}

:root[data-kc-theme="dark"] .record-tools .textbtn:hover:not(:disabled) {
  background: #34373a;
  color: #f4f6f7;
}

:root[data-kc-theme="dark"] .record-tools .textbtn:disabled {
  color: #9ca3a9;
  opacity: .72;
}

:root[data-kc-theme="dark"] .record-card summary {
  background: #26282a;
  color: #e4e6e8;
}

:root[data-kc-theme="dark"] .record-card summary::after {
  color: #c4c9ce;
}

:root[data-kc-theme="dark"] .record-card {
  background: #191a1c;
  color: #e1e3e5;
}