/* Écrit en CSS nu (plus de `@apply`) : Tailwind v4 ne peut pas résoudre `@apply` depuis un
   fichier de package Meteor sans accès au `@theme` de l'app. Tout ici était de la palette par
   défaut. */
.js-copy {
  cursor: copy;
}

.js-copy:hover {
  background-color: rgb(209 213 219 / 0.5); /* bg-gray-300/50 */
}

.sk-connection-status {
  position: fixed;
  inset: 0 0 auto 0; /* top:0 left:0 right:0 */
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #fff;
  text-align: center;
  z-index: 50;
}


/* Roles css rules to hidden or show element depending if user's roles */
body:not(.sk-roles-dev) .sk-is-dev {
  display: none;
}

body.sk-roles-dev .sk-is-dev {
  --lines: 0.0003px;
  --bg-color: 120deg 100% 29%;
  --bg-color1: hsl(var(--bg-color) / 75%);
  --bg-color2: hsl(var(--bg-color) / 90%);

  box-shadow:
    1px 0px 1px 0px hsl(120deg 100% 29% / 100%),
    0px 1px 1px 0px hsl(120deg 100% 29% / 100%),
    1px 1px 1px 0px hsl(120deg 100% 29% / 100%),
    -1px 0px 1px 0px hsl(120deg 100% 29% / 100%),
    0px -1px 1px 0px hsl(120deg 100% 29% / 100%),
    -1px -1px 1px 0px hsl(120deg 100% 29% / 100%);
}

.sk-is-sakod-team {
  border: 1px solid #3b82f6; /* border-blue-500 */
  border-radius: 0.25rem; /* rounded */
}