/* Shared quiet capsules for Admin navigation and reservation editing. */
#portrait-works-app .pw-capsule-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}
#portrait-works-app .pw-admin-message-navigation {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:0;
}
#portrait-works-app :is(.pw-admin-message-navigation,.pw-reservation-card-heading,.pw-capsule-actions) .pw-text-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  max-width:100%;
  padding:9px 18px!important;
  border:1px solid var(--pw-line)!important;
  border-radius:999px;
  background:transparent!important;
  color:var(--pw-ink)!important;
  font-family:inherit;
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  text-decoration:none;
  box-shadow:none;
  white-space:nowrap;
  transition:background-color 180ms ease-in-out,border-color 180ms ease-in-out;
}
#portrait-works-app :is(.pw-admin-message-navigation,.pw-reservation-card-heading,.pw-capsule-actions) .pw-text-action:hover {
  background:#e9eee9!important;
  border-color:#bcc5bc!important;
}
#portrait-works-app :is(.pw-admin-message-navigation,.pw-reservation-card-heading,.pw-capsule-actions) .pw-text-action:focus-visible {
  outline:1px solid var(--pw-ink);
  outline-offset:3px;
}
#portrait-works-app :is(.pw-admin-message-navigation,.pw-reservation-card-heading,.pw-capsule-actions) svg {
  width:13px;
  height:13px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(prefers-reduced-motion:reduce) {
  #portrait-works-app :is(.pw-admin-message-navigation,.pw-reservation-card-heading,.pw-capsule-actions) .pw-text-action {transition:none}
}