/* cp.css */
/* Plain button - do NOT inherit site theme */
.btncp {
  all: unset;                            /* wipe any inherited button styles */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;                          /* match iframe height */
  padding: 0 8px;
  font-family: sans-serif;
  size: 13px;
  letter-spacing: .06em;
  white-space: nowrap;
  text-transform: uppercase;
  color:#666;
  cursor: pointer;
  -webkit-user-select: none; user-select: none;
}
.btncp:focus { outline: none; }
.btncp:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* Override global active/focus styles from buttons.css */
button:active.btncp, button:focus.btncp,
.btncp:active, .btncp:focus {
  /* clear these styles */
  color: inherit !important;
  background: inherit !important;
}

@media (prefers-color-scheme: dark) {
  body, .btncp { background: #1e1e1e; }
  .btncp { color: #ccc; }

  /* Override dark mode active/focus styles from buttons.css */
  button:active.btncp, button:focus.btncp,
  .btncp:active, .btncp:focus {
    /* clear these styles */
    color: inherit !important;
    background: inherit !important;
  }
}