/* Shared styles for Costume Workshop Manager */

/* Spinner loading state */
button.is-loading {
  position: relative;
  opacity: 0.7;
  pointer-events: none;
}
button.is-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
  width: 1em;
  height: 1em;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: cwm-spin 0.6s linear infinite;
}
@keyframes cwm-spin {
  to { transform: rotate(360deg); }
}

/* Expand/collapse disclosure triangle */
.cwm-mini summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding-left: 1.2em;
}
.cwm-mini summary::before {
  content: "►"; /* closed state */
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.9em;
}
.cwm-mini[open] summary::before {
  content: "▼"; /* open state */
}