/* CutArc app switcher (js/app-switcher.js). Every rule is scoped to cutarc-apps names. */
.cutarc-apps-label.cutarc-apps-label { color: inherit; white-space: nowrap; }
.cutarc-apps-label .cutarc-apps-brand,
#cutarc-apps-button .cutarc-apps-brand { color: inherit; }

#cutarc-apps-button {
  -webkit-appearance: none; appearance: none; position: relative;
  display: inline-flex; align-items: center; gap: .3em; vertical-align: middle;
  /* Negative margins: the padding never makes a header taller, and adds little width. */
  margin: -4px -5px -4px -7px; padding: 4px 7px; width: auto; height: auto; min-width: 0; min-height: 0;
  border: 0; border-radius: 6px; background: transparent; box-shadow: none;
  font: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; text-transform: none;
  white-space: nowrap; cursor: pointer; transition: none;
}
#cutarc-apps-button:hover,
#cutarc-apps-button:hover:not(:disabled),
#cutarc-apps-button[aria-expanded="true"] { background: transparent; }
#cutarc-apps-button::after {
  content: ""; position: absolute; inset: 0; border: 1px solid currentColor; border-radius: inherit;
  opacity: 0; pointer-events: none;
}
#cutarc-apps-button:hover::after,
#cutarc-apps-button:focus-visible::after,
#cutarc-apps-button[aria-expanded="true"]::after { opacity: .35; }
#cutarc-apps-button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
/* The 14 px arrow icon has blank space at its sides; tighter headers get it back. */
#cutarc-apps-button .cutarc-apps-caret { flex: none; opacity: .7; margin: 0 -3px 0 -2px; }

#cutarc-apps-menu {
  /* Each app sets the level between its header popovers and its modals. */
  position: fixed; z-index: var(--cutarc-apps-z, 90); box-sizing: border-box; width: 280px; margin: 0; padding: 6px;
  background: #fff; color: #1c2924; border: 1px solid #e2e4e0; border-radius: 10px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .2); text-align: left;
  font: 400 13px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
#cutarc-apps-menu[hidden] { display: none; }
#cutarc-apps-menu .cutarc-apps-row {
  display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 7px;
  color: #1c2924; text-decoration: none; background: transparent;
}
#cutarc-apps-menu .cutarc-apps-row:hover,
#cutarc-apps-menu .cutarc-apps-row:focus { background: #f3f4f6; outline: none; text-decoration: none; }
#cutarc-apps-menu .cutarc-apps-row:focus-visible { box-shadow: inset 0 0 0 2px #2563eb; }
#cutarc-apps-menu .cutarc-apps-row[aria-current="page"] { background: #f0f4f1; }
#cutarc-apps-menu .cutarc-apps-icon {
  flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px;
  color: var(--cutarc-apps-color); background: var(--cutarc-apps-tint);
}
#cutarc-apps-menu svg { display: block; flex: none; }
#cutarc-apps-menu .cutarc-apps-text { display: flex; flex-direction: column; min-width: 0; }
#cutarc-apps-menu .cutarc-apps-name { font-size: 13px; font-weight: 600; color: #1c2924; }
#cutarc-apps-menu .cutarc-apps-desc { font-size: 11.5px; color: #6b7280; }
#cutarc-apps-menu .cutarc-apps-beta {
  margin-left: 5px; padding: 1px 5px; border-radius: 8px; background: #f1f5f9; color: #475569;
  font-size: 11px; font-weight: 600; vertical-align: 1px;
}
#cutarc-apps-menu .cutarc-apps-tick { margin-left: auto; color: #1f4a39; font-weight: 700; }
#cutarc-apps-menu .cutarc-apps-home {
  gap: 8px; margin-top: 4px; padding: 9px 8px 7px; border-top: 1px solid #eee;
  border-radius: 0 0 7px 7px; color: #475569;
}
#cutarc-apps-menu .cutarc-apps-home .cutarc-apps-name { font-size: 12px; font-weight: 500; color: #475569; }
#cutarc-apps-menu .cutarc-apps-alert {
  margin: 6px 4px 2px; padding: 8px 10px; border-radius: 7px;
  background: #fef3c7; color: #78350f; font-size: 12px; line-height: 1.35;
}
#cutarc-apps-menu .cutarc-apps-alert[hidden] { display: none; }